@charset "UTF-8"; /* Generated by tools/build_cloud_css_bundles.php. */ /* /tpl/meteoryt.pl/footer-global.css */ /*
 * Globalny układ stopki nowego szablonu Meteoryt.
 * Plik obowiązuje na stronie głównej i wszystkich podstronach.
 */ .elementor-element-fc1fee8 { box-sizing: border-box; background-color: #dbeaf4 !important; padding-right: clamp(24px, 5vw, 72px) !important; padding-left: clamp(24px, 5vw, 72px) !important; } .elementor-element-fc1fee8 > .elementor-container { width: 100% !important; max-width: 1080px !important; margin-right: auto !important; margin-left: auto !important; } #colophon.site-footer { box-sizing: border-box; width: calc(100% - clamp(48px, 6vw, 96px)); max-width: 1600px; margin: 24px auto !important; overflow: hidden; border-radius: 24px; } #colophon .site-primary-footer-wrap, #colophon .site-below-footer-wrap { box-sizing: border-box; padding-right: clamp(24px, 5vw, 72px) !important; padding-left: clamp(24px, 5vw, 72px) !important; } #colophon .ast-builder-grid-row-container-inner { box-sizing: border-box; width: 100% !important; max-width: 1080px !important; margin-right: auto !important; margin-left: auto !important; } /* Kontakt potrzebuje miejsca na pełny adres, również obok pustego widgetu. */ #colophon .site-primary-footer-inner-wrap { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(280px, 1.25fr) !important; column-gap: clamp(28px, 4vw, 64px); row-gap: 32px; } #colophon .site-primary-footer-inner-wrap:has(.site-footer-primary-section-2 .footer-widget-area-inner:empty) { grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr) !important; } #colophon .site-footer-primary-section-2:has(.footer-widget-area-inner:empty) { display: none; } #colophon .site-primary-footer-inner-wrap > .site-footer-section { min-width: 0; } #colophon .site-footer-primary-section-3 .widget-title { margin-bottom: 24px; } #colophon .site-footer-primary-section-3 .textwidget { line-height: 1.65; word-break: normal; overflow-wrap: normal; } #colophon .site-footer-primary-section-3 .textwidget > div + div { margin-top: 12px; } #colophon .site-footer-primary-section-3 a[href^="mailto:"], #colophon .site-footer-primary-section-3 a[href^="tel:"] { display: inline; white-space: nowrap; word-break: normal; overflow-wrap: normal; } @media (max-width: 921px) { #colophon .site-primary-footer-inner-wrap, #colophon .site-primary-footer-inner-wrap:has(.site-footer-primary-section-2 .footer-widget-area-inner:empty) { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 767px) { .elementor-element-fc1fee8 { padding-right: 18px !important; padding-left: 18px !important; } #colophon.site-footer { width: calc(100% - 32px); margin-top: 12px !important; margin-bottom: 12px !important; border-radius: 18px; } #colophon .site-primary-footer-wrap, #colophon .site-below-footer-wrap { padding-right: 18px !important; padding-left: 18px !important; } #colophon .ast-builder-grid-row-container-inner { width: 100% !important; } } /* /tpl/meteoryt.pl/layout-global.css */ /*
 * Wspolna geometria podstron w nowym szablonie.
 *
 * Widoki aplikacji korzystaja ze starego Bootstrapa, a naglowek z CSS
 * WordPress/Astra. Obie warstwy definiuja ogolne klasy (m.in. .container),
 * dlatego bez izolacji poszczegolne moduly potrafia miec inna os strony.
 */ .meteoryt-subpage-content { box-sizing: border-box; width: 100% !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } .meteoryt-subpage-content__inner { box-sizing: border-box; width: 100% !important; max-width: none !important; min-width: 0; margin-right: auto !important; margin-left: auto !important; } /*
 * Wszystkie standardowe kontenery modulow maja od tej pory te sama os
 * i szerokosc. Regula obejmuje m.in. produkty, koszyk, formularze,
 * kategorie, listy oraz zwykle podstrony.
 */ .meteoryt-subpage-content .container { box-sizing: border-box; width: min(100%, 1170px) !important; max-width: 1170px !important; margin-right: auto !important; margin-left: auto !important; } .meteoryt-subpage-content .row, .meteoryt-subpage-content [class*="col-"] { min-width: 0; } .meteoryt-subpage-content img, .meteoryt-subpage-content table, .meteoryt-subpage-content iframe, .meteoryt-subpage-content video { max-width: 100%; } /*
 * Miniatura koszyka ma staly obszar, ale zdjecie musi miescic sie w nim
 * w calosci. Stary styl ustawial tylko szerokosc i ucinal dol obrazu.
 */ .meteoryt-subpage-content .cart-table--responsive .cart-item-image a { display: flex; align-items: center; justify-content: center; } .meteoryt-subpage-content .cart-table--responsive .cart-item-image img, .meteoryt-subpage-content .cart-table--responsive img.img-responsive { box-sizing: border-box; width: 100% !important; height: 100% !important; padding: 3px; object-fit: contain; object-position: center; } /* Widoczne breadcrumbs wzmacniaja hierarchie kategorii i ulatwiaja powrot. */ .seo-visible-breadcrumbs { box-sizing: border-box; width: min(100%, 1170px); margin: 0 auto; padding: 14px 0 4px; text-align: left; } .seo-visible-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; color: #64748b; font-size: 13px; line-height: 1.5; list-style: none; } .seo-visible-breadcrumbs li { display: inline-flex; align-items: center; margin: 0; padding: 0; } .seo-visible-breadcrumbs li:not(:last-child)::after { margin-left: 6px; color: #94a3b8; content: "/"; } .seo-visible-breadcrumbs a { color: #073b63; text-decoration: none; } .seo-visible-breadcrumbs a:hover { text-decoration: underline; } .seo-visible-breadcrumbs [aria-current="page"] { color: #475569; } .seo-contextual-links { box-sizing: border-box; width: min(calc(100% - clamp(32px, 6vw, 96px)), 1170px); margin: 34px auto; padding: 24px clamp(20px, 3vw, 34px); border: 1px solid #dbe5ed; border-radius: 14px; background: #f6f9fb; text-align: left; } .seo-contextual-links h2 { margin: 0 0 14px; color: #073b63; font-size: clamp(19px, 2vw, 24px); } .seo-contextual-links ul { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0; padding: 0; list-style: none; } .seo-contextual-links li { margin: 0; padding: 0; } .seo-contextual-links a { color: #075f94; font-weight: 600; text-decoration: none; } .seo-contextual-links a:hover { text-decoration: underline; } /*
 * Podstrony dostarczane jako kompletny dokument WordPress/Elementor
 * (np. Kontakt.html) nie przechodza przez wrapper aplikacji powyzej.
 * Ich sekcje po banerze dostaja ten sam centralny kontener i marginesy.
 */ .site-content, .site-content > .ast-container, .site-content .content-area, .site-content .site-main, .site-content .entry-content, .site-content .entry-content > .elementor { box-sizing: border-box; width: 100% !important; max-width: none !important; min-width: 0; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) > .elementor-container { box-sizing: border-box; width: min(calc(100% - clamp(32px, 6vw, 96px)), 1170px) !important; max-width: 1170px !important; margin-right: auto !important; margin-left: auto !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-column, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-wrap, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-container { box-sizing: border-box; max-width: 100%; min-width: 0; } @media (max-width: 767px) { .meteoryt-subpage-content .container { width: 100% !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) > .elementor-container { width: calc(100% - 32px) !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-column { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-wrap, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-container, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-image-box-wrapper, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-image-box-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) ol, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) ul { box-sizing: border-box; width: auto !important; max-width: 100% !important; margin-right: 0 !important; padding-right: 0 !important; } .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h1, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h2, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h3, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h4, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) p, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) li, .site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) a { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word; } /* Nagłówek kategorii jest pierwszą sekcją, więc nie obejmuje go reguła
	 * powyżej. Ograniczamy jego kolumny do viewportu i pozwalamy tekstowi
	 * zawijać się bez poziomego ucięcia na telefonach. */ #template_meteoryt_img > .elementor-container, #template_meteoryt_img .elementor-column, #template_meteoryt_img .elementor-widget-wrap, #template_meteoryt_img .elementor-widget, #template_meteoryt_img .elementor-widget-container { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } #template_meteoryt_img .elementor-heading-title { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; } #template_meteoryt_img .elementor-heading-title br { display: none; } } /* /tpl/meteoryt.pl/product-global.css */ /*
 * Globalne centrowanie stron produktów w nowym szablonie.
 * Dawna klasa .resbody ma szerokość 65%, a zawarty w niej kontener produktu
 * jest szerszy. To powodowało przesunięcie całej karty produktu w prawo.
 */ .meteoryt-subpage-content .product-page-shell { box-sizing: border-box; width: 100% !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } .meteoryt-subpage-content .product-page-shell > section > .container { box-sizing: border-box; width: min(100%, 1170px) !important; max-width: 1170px !important; margin-right: auto !important; margin-left: auto !important; } .meteoryt-subpage-content .product-page-shell .row { min-width: 0; } .meteoryt-subpage-content .product-page-shell .col-md-6, .meteoryt-subpage-content .product-page-shell .col-md-12 { min-width: 0; } /* Subtelny ruch tła na banerze Rejestru Umów; treść banera pozostaje nieruchoma. */ #template_meteoryt_img.meteoryt-banner-ken-burns { position: relative; overflow: hidden; isolation: isolate; } #template_meteoryt_img.meteoryt-banner-ken-burns::before { position: absolute; inset: -3%; z-index: 0; background-image: inherit; background-position: center center; background-repeat: no-repeat; background-size: cover; content: ""; pointer-events: none; transform: translate3d(-.4%, .2%, 0) scale(1.015); transform-origin: 52% 48%; animation: meteoryt-banner-ken-burns 18s ease-in-out infinite alternate; will-change: transform; } #template_meteoryt_img.meteoryt-banner-ken-burns > .elementor-background-overlay { z-index: 1; } #template_meteoryt_img.meteoryt-banner-ken-burns > .elementor-container { position: relative; z-index: 2; } @keyframes meteoryt-banner-ken-burns { from { transform: translate3d(-.4%, .2%, 0) scale(1.015); } to { transform: translate3d(.7%, -.35%, 0) scale(1.065); } } @media (prefers-reduced-motion: reduce) { #template_meteoryt_img.meteoryt-banner-ken-burns::before { animation: none; transform: scale(1.02); } } .meteoryt-subpage-content .product-page-shell img, .meteoryt-subpage-content .product-page-shell table { max-width: 100%; } /*
 * Główne zdjęcie produktu w stałym, fotograficznym kadrze.
 * Dzięki object-fit można później podmieniać same pliki na zdjęcia bez
 * przebudowy szablonu. Pionowe pudełka są obecnie kadrowane na środkową,
 * najbardziej ilustracyjną część grafiki.
 */ .meteoryt-subpage-content .product_preview_left .gallery { width: 100%; } .meteoryt-subpage-content .product_preview_left .gallery .full { position: relative; float: none; box-sizing: border-box; width: 100%; height: 520px !important; margin: 0 !important; overflow: hidden; border: 0 !important; border-radius: 24px; background: #edf3f7; box-shadow: 0 18px 44px rgba(7, 59, 99, .14); } .meteoryt-subpage-content .product_preview_left .gallery .full img { display: block; width: 100%; height: 100% !important; margin: 0 !important; border-radius: inherit; object-fit: cover; object-position: 50% 46%; transition: transform .35s ease; } .meteoryt-subpage-content .product_preview_left .gallery .full:hover img { transform: scale(1.018); } .meteoryt-subpage-content .product-media-frame--digital .gallery .full::after, .meteoryt-subpage-content .product-media-frame--category .gallery .full::after { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; height: 48%; background: linear-gradient(180deg, rgba(3, 30, 48, 0) 0%, rgba(3, 30, 48, .78) 100%); content: ""; pointer-events: none; } .meteoryt-subpage-content .product-media-frame--digital .gallery .full > img, .meteoryt-subpage-content .product-media-frame--category .gallery .full > img { transform: translate3d(-1.5%, 0, 0) scale(1.03); transform-origin: 50% 58%; animation: cloud-digital-zoom 8s ease-in-out infinite alternate; will-change: transform; } @keyframes cloud-digital-zoom { from { transform: translate3d(-1.5%, 0, 0) scale(1.03); } to { transform: translate3d(2.5%, -1%, 0) scale(1.13); } } @media (prefers-reduced-motion: reduce) { .meteoryt-subpage-content .product-media-frame--digital .gallery .full > img, .meteoryt-subpage-content .product-media-frame--category .gallery .full > img { animation: none; transform: scale(1.03); } } /* Logo i informacja o zakupie pozostają ostre niezależnie od kadrowania tła. */ .meteoryt-subpage-content .cloud-digital-overlay { position: absolute; inset: 0; z-index: 2; display: block; color: #fff; pointer-events: none; } .meteoryt-subpage-content .cloud-digital-overlay::before { position: absolute; top: 7%; left: 6%; width: 46%; aspect-ratio: 248 / 50; background: url("/tpl/meteoryt.pl/img/logo-meteoryt-white-hd.webp") left center / contain no-repeat; content: ""; } .meteoryt-subpage-content .cloud-digital-purchase { position: absolute; bottom: 7%; left: 8%; display: flex; align-items: center; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .3)); } .meteoryt-subpage-content .cloud-digital-cart { width: clamp(44px, 8vw, 62px); font-size: clamp(42px, 7.5vw, 58px); line-height: 1; text-align: center; } .meteoryt-subpage-content .product-platforms-overlay { position: absolute; top: 8%; right: 7%; z-index: 3; display: inline-flex; align-items: center; gap: 13px; color: #fff; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .55)); } .meteoryt-subpage-content .product-platforms-overlay i { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #fff; font-size: 27px; line-height: 1; transition: opacity .2s ease, transform .2s ease; } .meteoryt-subpage-content .product-media-frame:hover .product-platforms-overlay i { opacity: .82; transform: translateY(-2px); } .meteoryt-subpage-content .product-platforms-overlay--desktop i { width: 38px; height: 38px; font-size: 35px; } .meteoryt-subpage-content .product-resource-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 5px; } .meteoryt-subpage-content .product-resource-actions .btn { float: none; margin: 0; } .meteoryt-subpage-content .cloud-digital-divider { align-self: stretch; width: 2px; min-height: 72px; margin: 0 clamp(18px, 3vw, 28px); background: rgba(255, 255, 255, .92); } .meteoryt-subpage-content .cloud-digital-copy { display: block; text-align: left; } .meteoryt-subpage-content .cloud-digital-title { display: block; font-size: clamp(25px, 4.5vw, 38px); font-weight: 400; letter-spacing: .015em; line-height: .98; } .meteoryt-subpage-content .cloud-digital-details { display: block; margin-top: 10px; color: rgba(255, 255, 255, .82); font-size: clamp(11px, 1.8vw, 14px); font-weight: 500; letter-spacing: .01em; line-height: 1.35; } .meteoryt-subpage-content .cloud-digital-availability::before { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #5f9200; box-shadow: 0 0 0 3px rgba(95, 146, 0, .18); content: ""; vertical-align: 1px; } .meteoryt-subpage-content .desktop-digital-details { max-width: 330px; } .meteoryt-subpage-content .desktop-digital-installation::before { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #5f9200; box-shadow: 0 0 0 3px rgba(95, 146, 0, .18); content: ""; vertical-align: 1px; } /* Rozwijany wybór stabilnego instalatora i wersji BETA. */ .meteoryt-subpage-content .product-download-split { position: relative; display: flex; width: 100%; isolation: isolate; } .meteoryt-subpage-content .product-download-primary { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; min-width: 0; min-height: 78px; padding: 14px 10px !important; border-radius: 20px 0 0 20px !important; font-size: 20px; line-height: 1.25; } .meteoryt-subpage-content .product-download-split--single .product-download-primary { border-radius: 20px !important; } .meteoryt-subpage-content .product-download-options { position: relative; display: block; flex: 0 0 58px; margin: 0; } .meteoryt-subpage-content .product-download-options > summary { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 58px; height: 100%; min-height: 78px; border-left: 1px solid rgba(255, 255, 255, .3); border-radius: 0 20px 20px 0; background: #5f9200; color: #fff; cursor: pointer; list-style: none; transition: background-color .2s ease; } .meteoryt-subpage-content .product-download-options > summary::-webkit-details-marker { display: none; } .meteoryt-subpage-content .product-download-options > summary:hover, .meteoryt-subpage-content .product-download-options[open] > summary { background: #4a7300; } .meteoryt-subpage-content .product-download-options > summary i { transition: transform .2s ease; } .meteoryt-subpage-content .product-download-options[open] > summary i { transform: rotate(180deg); } .meteoryt-subpage-content .product-download-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 40; width: min(360px, calc(100vw - 40px)); overflow: hidden; border: 1px solid #dbe3ea; border-radius: 14px; background: #fff; box-shadow: 0 16px 38px rgba(7, 30, 50, .2); text-align: left; } .meteoryt-subpage-content .product-download-menu a { display: block; padding: 14px 16px; color: #263746; text-decoration: none; transition: background-color .18s ease; } .meteoryt-subpage-content .product-download-menu a + a { border-top: 1px solid #e5eaf0; } .meteoryt-subpage-content .product-download-menu a:hover { background: #f3f7ee; } .meteoryt-subpage-content .product-download-menu strong, .meteoryt-subpage-content .product-download-menu small { display: block; } .meteoryt-subpage-content .product-download-menu strong { font-size: 15px; } .meteoryt-subpage-content .product-download-menu strong span { display: inline-block; margin-left: 5px; padding: 2px 6px; border-radius: 999px; background: #5f9200; color: #fff; font-size: 9px; letter-spacing: .06em; vertical-align: 2px; } .meteoryt-subpage-content .product-download-menu small { margin-top: 3px; color: #62717e; font-size: 12px; line-height: 1.35; } .meteoryt-subpage-content .cloud-service-overlay { position: absolute; right: 22px; bottom: 22px; left: 22px; z-index: 2; box-sizing: border-box; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 18px; background: rgba(255, 255, 255, .9); box-shadow: 0 14px 34px rgba(3, 30, 48, .28); color: #073b63; text-align: left; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); pointer-events: none; } .meteoryt-subpage-content .cloud-service-label { display: inline-flex; align-items: center; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: #e7f5ff; color: #07699f; font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; } .meteoryt-subpage-content .cloud-service-label::before { width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #5f9200; box-shadow: 0 0 0 4px rgba(95, 146, 0, .15); content: ""; } .meteoryt-subpage-content .cloud-service-overlay strong { display: block; margin-bottom: 5px; color: #052f4f; font-size: clamp(22px, 2.2vw, 30px); font-weight: 800; letter-spacing: -.025em; line-height: 1.08; } .meteoryt-subpage-content .cloud-service-backup { display: block; color: #31556c; font-size: 14px; font-weight: 600; line-height: 1.35; } .meteoryt-subpage-content .cloud-mobile-download--product { padding: 12px 0 30px; background: #fff; } .meteoryt-subpage-content .cloud-mobile-download__panel { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 360px); align-items: center; gap: clamp(28px, 3.5vw, 46px); padding: clamp(28px, 3.5vw, 44px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 24px; background: linear-gradient(125deg, #071b2d 0%, #0b2942 54%, #123e61 100%); box-shadow: 0 24px 55px rgba(7, 27, 45, .18); } .meteoryt-subpage-content .cloud-mobile-download__panel::before { position: absolute; top: -190px; right: -130px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 143, 228, .30) 0%, rgba(47, 143, 228, 0) 68%); content: ""; pointer-events: none; } .meteoryt-subpage-content .cloud-mobile-download__content, .meteoryt-subpage-content .cloud-mobile-download__qr-grid, .meteoryt-subpage-content .cloud-mobile-download__qr-card { position: relative; z-index: 1; } .meteoryt-subpage-content .cloud-mobile-download__eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 13px; padding: 7px 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(255, 255, 255, .07); color: #b8dcff; font-family: Montserrat, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .meteoryt-subpage-content .cloud-mobile-download__content h2 { max-width: 620px; margin: 0 0 13px; color: #fff; font-family: Montserrat, Arial, sans-serif; font-size: clamp(27px, 2.6vw, 38px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; text-transform: none; } .meteoryt-subpage-content .cloud-mobile-download__content > p { max-width: 680px; margin: 0; color: #d1dfeb; font-size: 15px; line-height: 1.55; } .meteoryt-subpage-content .cloud-mobile-download__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px 14px; margin-top: 20px; } .meteoryt-subpage-content .cloud-store-button { display: inline-flex; align-items: center; gap: 13px; min-width: 180px; min-height: 56px; padding: 8px 15px; border: 1px solid rgba(255, 255, 255, .32); border-radius: 12px; background: #05080b; box-shadow: 0 12px 28px rgba(0, 0, 0, .20); color: #fff !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; } .meteoryt-subpage-content .cloud-store-button:hover, .meteoryt-subpage-content .cloud-store-button:focus { background: #151b20; box-shadow: 0 16px 34px rgba(0, 0, 0, .26); color: #fff !important; text-decoration: none !important; transform: translateY(-2px); } .meteoryt-subpage-content .cloud-store-button > i { color: #fff; font-size: 28px; } .meteoryt-subpage-content .cloud-store-button--apple > i { color: #fff; } .meteoryt-subpage-content .cloud-store-button > span { display: grid; gap: 1px; line-height: 1.1; } .meteoryt-subpage-content .cloud-store-button small { font-size: 11px; font-weight: 600; } .meteoryt-subpage-content .cloud-store-button strong { font-family: Montserrat, Arial, sans-serif; font-size: 17px; } .meteoryt-subpage-content .cloud-mobile-download__note { display: inline-flex; align-items: center; gap: 8px; color: #c8d9e7; font-size: 13px; font-weight: 600; } .meteoryt-subpage-content .cloud-mobile-download__note i { color: #55d892; font-size: 16px; } .meteoryt-subpage-content .cloud-mobile-download__qr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } .meteoryt-subpage-content .cloud-mobile-download__qr-card { padding: 11px; border: 1px solid rgba(255, 255, 255, .85); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px rgba(0, 0, 0, .24); text-align: center; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > strong { display: block; margin-bottom: 8px; color: #071b2d; font-family: Montserrat, Arial, sans-serif; font-size: 14px; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > a { display: block; overflow: hidden; border-radius: 8px; } .meteoryt-subpage-content .cloud-mobile-download__qr-card img { display: block; width: 100%; height: auto; border-radius: 0 !important; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > span { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: #000; font-size: 11px; font-weight: 700; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > span i { color: #000; font-size: 15px; } @media (max-width: 991px) { .meteoryt-subpage-content .cloud-mobile-download__panel { grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; } } @media (max-width: 767px) { .meteoryt-subpage-content .cloud-mobile-download--product { padding: 8px 0 24px; } .meteoryt-subpage-content .cloud-mobile-download__panel { grid-template-columns: 1fr; gap: 24px; padding: 24px 14px; border-radius: 18px; } .meteoryt-subpage-content .cloud-mobile-download__content { text-align: center; } .meteoryt-subpage-content .cloud-mobile-download__content > p { font-size: 15px; } .meteoryt-subpage-content .cloud-mobile-download__actions { justify-content: center; } .meteoryt-subpage-content .cloud-mobile-download__qr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: min(430px, 100%); margin: 0 auto; } .meteoryt-subpage-content .cloud-mobile-download__qr-card { padding: 8px; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > strong { margin-bottom: 6px; font-size: 12px; } .meteoryt-subpage-content .cloud-mobile-download__qr-card > span { margin-top: 6px; font-size: 9px; } } .meteoryt-subpage-content .product-mobile-apps { box-sizing: border-box; width: 100%; margin: 0 0 18px; padding: 15px 16px 16px; border: 1px solid #dce8ef; border-radius: 18px; background: linear-gradient(145deg, #f7fbfd 0%, #eef6fa 100%); box-shadow: 0 10px 26px rgba(7, 59, 99, .08); text-align: left; } .meteoryt-subpage-content .product-mobile-apps__heading { display: block; margin: 0 0 10px; color: #31556c; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .meteoryt-subpage-content .product-mobile-apps__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .meteoryt-subpage-content .product-mobile-apps__qr-heading { display: block; margin: 15px 0 9px; color: #587184; font-size: 12px; font-weight: 700; } .meteoryt-subpage-content .product-mobile-apps__qr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .meteoryt-subpage-content .product-mobile-apps__qr { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 10px; border: 1px solid #d8e4eb; border-radius: 13px; background: #fff; color: #25485f !important; text-align: center; text-decoration: none !important; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .meteoryt-subpage-content .product-mobile-apps__qr:hover, .meteoryt-subpage-content .product-mobile-apps__qr:focus { border-color: #78bce2; box-shadow: 0 9px 20px rgba(7, 59, 99, .13); color: #123f5e !important; text-decoration: none !important; transform: translateY(-2px); } .meteoryt-subpage-content .product-mobile-apps__qr img { display: block; width: 100%; max-width: 150px; height: auto !important; border-radius: 5px !important; } .meteoryt-subpage-content .product-mobile-apps__qr span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-top: 7px; font-size: 11px; font-weight: 800; } .meteoryt-subpage-content .product-mobile-apps__qr .fa-android { color: #20ad67; } .meteoryt-subpage-content .product-mobile-apps__qr .fa-apple { color: #111; } .meteoryt-subpage-content .product-store-link { display: flex; align-items: center; min-width: 0; min-height: 64px; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .17); border-radius: 14px; background: linear-gradient(145deg, #14202b 0%, #05080b 100%); box-shadow: 0 8px 18px rgba(3, 20, 31, .2); color: #fff !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .meteoryt-subpage-content .product-store-link:hover, .meteoryt-subpage-content .product-store-link:focus { border-color: rgba(80, 186, 255, .75); box-shadow: 0 11px 24px rgba(3, 20, 31, .28); color: #fff !important; text-decoration: none !important; transform: translateY(-2px); } .meteoryt-subpage-content .product-store-link:focus-visible { outline: 3px solid rgba(18, 139, 211, .35); outline-offset: 3px; } .meteoryt-subpage-content .product-store-link__icon { flex: 0 0 34px; width: 34px; margin-right: 10px; color: #fff; font-size: 36px; line-height: 1; text-align: center; } .meteoryt-subpage-content .product-store-link__icon--google { display: flex; align-items: center; justify-content: center; height: 38px; } .meteoryt-subpage-content .product-store-link__icon--google svg { display: block; width: 30px; height: 32px; } .meteoryt-subpage-content .product-store-link__copy { display: block; min-width: 0; line-height: 1.05; } .meteoryt-subpage-content .product-store-link__copy small, .meteoryt-subpage-content .product-store-link__copy strong { display: block; color: inherit; white-space: nowrap; } .meteoryt-subpage-content .product-store-link__copy small { margin-bottom: 3px; font-size: 10px; font-weight: 500; letter-spacing: .02em; } .meteoryt-subpage-content .product-store-link__copy strong { font-size: clamp(15px, 1.4vw, 18px); font-weight: 700; } .meteoryt-subpage-content .product_preview_left.product-media-frame--desktop .gallery .full img { max-width: none; transform: scale(1.55) translateY(4%); transform-origin: 70% 45%; } .meteoryt-subpage-content .product_preview_left.product-media-frame--desktop .gallery .full:hover img { transform: scale(1.585) translateY(4%); } @media (max-width: 600px) { .meteoryt-subpage-content .cloud-service-overlay { right: 14px; bottom: 14px; left: 14px; padding: 14px 15px; border-radius: 15px; } .meteoryt-subpage-content .cloud-service-label { margin-bottom: 6px; font-size: 10px; } .meteoryt-subpage-content .cloud-service-overlay strong { font-size: 22px; } .meteoryt-subpage-content .cloud-service-backup { font-size: 12.5px; } .meteoryt-subpage-content .product-mobile-apps { padding: 13px; } .meteoryt-subpage-content .product-mobile-apps__links { grid-template-columns: 1fr; } .meteoryt-subpage-content .product-mobile-apps__qr-grid { grid-template-columns: 1fr; } .meteoryt-subpage-content .product-store-link { min-height: 60px; } } .meteoryt-subpage-content .product_preview_left .gallery .previews { float: none; width: 100%; margin: 12px 0 0; } /*
 * Polecane programy: tekst nie moze wychodzic z karty i nachodzic na cene.
 */ .meteoryt-subpage-content .related-product-card { display: flex; flex-direction: column; } .meteoryt-subpage-content .related-product-title { height: 70px; margin-bottom: 0; overflow: hidden; text-align: left; } .meteoryt-subpage-content .related-product-description { height: 100px; margin-bottom: 0; overflow: hidden; text-align: left; } .meteoryt-subpage-content .related-product-purchase { position: relative; z-index: 1; clear: both; flex-shrink: 0; margin-top: 14px; background: #fff; } /*
 * Lista programow: cena oraz akcje powinny miescic sie w jednym wierszu
 * takze na posrednich szerokosciach ekranu.
 */ .meteoryt-subpage-content .product-list-actions { gap: 8px; } .meteoryt-subpage-content .product-list-actions .product-list-price, .meteoryt-subpage-content .product-list-actions .btn { white-space: nowrap; } .meteoryt-subpage-content .product-list-actions .btn { padding-right: 16px; padding-left: 16px; } .meteoryt-subpage-content .product-list-title-link { color: inherit; text-decoration: none; } .meteoryt-subpage-content .product-list-title-link:hover, .meteoryt-subpage-content .product-list-title-link:focus { color: #073b63; text-decoration: underline; } .meteoryt-subpage-content .product-list-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .meteoryt-subpage-content .product-list-recommended { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 4px 8px; border-radius: 999px; background: #0b6da8; box-shadow: 0 5px 12px rgba(11, 109, 168, .2); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; } .meteoryt-subpage-content .product-list-description { margin-bottom: 8px; } .meteoryt-subpage-content .product-list-read-more { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #cbd3d9; border-radius: 8px; background: #f2f3f4; color: #344b5d; font-size: 13px; font-weight: 700; line-height: 1.3; text-decoration: none; } .meteoryt-subpage-content .product-list-read-more:hover, .meteoryt-subpage-content .product-list-read-more:focus-visible { border-color: #8796a0; background: #e4e8eb; color: #17384e; text-decoration: none; } /* Listy produktów nie pokazują już pudełek — używają zdjęć kategorii. */ .meteoryt-subpage-content .product-list-media { --product-list-media-size: clamp(170px, 22vw, 250px); position: relative; box-sizing: border-box; width: var(--product-list-media-size); max-width: 250px; height: calc(var(--product-list-media-size) + 20px); padding: 0; overflow: hidden; border-radius: 16px; background: #071525; box-shadow: 0 12px 30px rgba(7, 59, 99, .14); } .meteoryt-subpage-content .product-list-media > img { display: block; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; object-fit: cover; transform: translate3d(-1.5%, 0, 0) scale(1.03); transform-origin: 50% 58%; animation: cloud-digital-zoom 8s ease-in-out infinite alternate; will-change: transform; } .meteoryt-subpage-content .product-list-media::after { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; height: 54%; background: linear-gradient(180deg, rgba(3, 30, 48, 0) 0%, rgba(3, 30, 48, .82) 100%); content: ""; pointer-events: none; } /* Katalog chmury korzysta z tej samej grafiki i nakładek co listy kategorii. */ .meteoryt-subpage-content .cloud-app-card__image.product-list-media { display: block; width: 100%; max-width: none; height: 280px; padding: 0; border-radius: 0; box-shadow: none; } .meteoryt-subpage-content .product-list-digital-overlay::before { top: 7%; left: 7%; width: 58%; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-purchase { right: 5%; bottom: 6%; left: 7%; align-items: center; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-cart { flex: 0 0 29px; width: 29px; height: 29px; font-size: 29px; } .meteoryt-subpage-content .product-icon-sprite { position: absolute; overflow: hidden; pointer-events: none; } .meteoryt-subpage-content .product-inline-icon { display: inline-block; fill: currentColor; vertical-align: -.125em; } .meteoryt-subpage-content .product-platform-icon { width: 1em; height: 1em; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-divider { min-height: 60px; margin: 0 10px; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-title { font-size: 16px; line-height: 1; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-details { margin-top: 6px; font-size: 7.5px; line-height: 1.3; } /*
 * Odwracalny wariant testowy: platformy produktów Chmura są przeniesione
 * z okrągłych ikon pod opisem na samo interaktywne pudełko.
 */ .meteoryt-subpage-content .product-list-platforms--moved { display: none; } .meteoryt-subpage-content .product-list-platforms-overlay { position: absolute; top: 22%; right: 7%; z-index: 3; display: inline-flex; align-items: center; gap: 8px; color: #fff; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .55)); } .meteoryt-subpage-content .product-list-platforms-overlay svg { display: block; width: 22.5px; height: 22.5px; fill: currentColor; } .meteoryt-subpage-content .product-list-digital-overlay .cloud-digital-availability::before, .meteoryt-subpage-content .product-list-digital-overlay .desktop-digital-installation::before { width: 5px; height: 5px; margin-right: 4px; box-shadow: 0 0 0 2px rgba(95, 146, 0, .18); } @media (prefers-reduced-motion: reduce) { .meteoryt-subpage-content .product-list-media > img { animation: none; transform: scale(1.03); } } @media (max-width: 600px) { .meteoryt-subpage-content .product-list-media { width: min(240px, 100%); height: min(260px, calc(100vw - 12px)); } } /*
 * Nazwa produktu: nieco wiecej oddechu od banera i krotsze przejscie
 * do glownej karty produktu.
 */ .meteoryt-subpage-content .product-page-shell > section:first-child .pagenation-holder { padding-top: 28px !important; padding-bottom: 4px !important; } .meteoryt-subpage-content .product-page-shell .nazwa_produktu { margin-top: 0 !important; margin-bottom: 0 !important; } .meteoryt-subpage-content .product-page-shell .product-update-date { margin: 3px 0 0; color: #6b7280; font-size: 12px; font-weight: 400; line-height: 1.4; } .meteoryt-subpage-content .product-page-shell .product-update-date small { font-size: inherit; } .meteoryt-subpage-content .product-page-shell > section:first-child + .clearfix + section.sec-padding { padding-top: 22px !important; } .meteoryt-subpage-content .product-purchase-options { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; margin: 4px 0 8px; padding: 14px; border: 1px solid #d8e4ec; border-radius: 12px; background: #f6f9fb; color: #344b5d; } .meteoryt-subpage-content .product-purchase-option { display: flex; flex: 0 1 auto; flex-direction: column; gap: 5px; margin: 0; font-size: 12px; font-weight: 700; } .meteoryt-subpage-content .product-purchase-option select, .meteoryt-subpage-content .product-purchase-option input { box-sizing: border-box; width: 150px; height: 40px; margin: 0; padding: 6px 10px; border: 1px solid #b9c9d5; border-radius: 8px; background: #fff; color: #263746; font-size: 15px; line-height: 1.2; } .meteoryt-subpage-content .product-purchase-option--manual input { width: 125px; } .meteoryt-subpage-content .product-purchase-option--years select { border-color: #6e9fc0; box-shadow: 0 0 0 2px rgba(11, 86, 138, .06); } .meteoryt-subpage-content .product-purchase-options__hint { margin: 0 0 14px; color: #60717e; font-size: 12px; line-height: 1.45; } .meteoryt-subpage-content .product-price-values, .meteoryt-subpage-content .product-price-old, .meteoryt-subpage-content .product-price-promo, .meteoryt-subpage-content .product-price-net, .meteoryt-subpage-content .calculated-net-price { display: block; } .meteoryt-subpage-content .product-price-promo { color: #c52d17; } .meteoryt-subpage-content .product-price-net, .meteoryt-subpage-content .calculated-net-price { margin-top: 2px; color: #667987; font-size: 11px; font-weight: 700; line-height: 1.3; white-space: nowrap; } .meteoryt-subpage-content .calculated-discount { display: block; margin-top: 4px; padding: 3px 6px; border: 1px solid #d9dde1; border-radius: 7px; background: #f2f3f4; color: #737b83; font-size: 10px; font-weight: 700; line-height: 1.3; text-align: right; white-space: normal; } @media (max-width: 520px) { .meteoryt-subpage-content .product-purchase-options { align-items: stretch; } .meteoryt-subpage-content .product-purchase-option { flex: 1 1 130px; } .meteoryt-subpage-content .product-purchase-option select, .meteoryt-subpage-content .product-purchase-option input, .meteoryt-subpage-content .product-purchase-option--manual input { width: 100%; } } /* Cennik ma ten sam miękki kształt co kontener zestawienia. */ .meteoryt-subpage-content .product-price-heading, .meteoryt-subpage-content .product-price-table { border-collapse: separate !important; border-spacing: 0; overflow: hidden; border: 1px solid #d8e1e8 !important; border-radius: 10px; background: #fff; } .meteoryt-subpage-content .product-price-heading .register_tab_o { border-radius: 9px; } .meteoryt-subpage-content .product-price-table-scroll { width: 100%; } .meteoryt-subpage-content .product-price-table tr:first-child th:first-child { border-top-left-radius: 9px; } .meteoryt-subpage-content .product-price-table tr:first-child th:last-child { border-top-right-radius: 9px; } .meteoryt-subpage-content .product-price-table tr:last-child td:first-child { border-bottom-left-radius: 9px; } .meteoryt-subpage-content .product-price-table tr:last-child td:last-child { border-bottom-right-radius: 9px; } .meteoryt-subpage-content .regt_price .activation-cloud-group-cell { padding: 12px 8px; vertical-align: middle !important; text-align: center; } .meteoryt-subpage-content .regt_price .activation-cloud-group-cell .activation_cloud { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 148px; min-width: 0; margin: 0 auto; padding: 9px 10px; line-height: 1.15; white-space: normal; } .meteoryt-subpage-content .activation-cloud-label { display: grid; gap: 3px; text-align: center; } .meteoryt-subpage-content .activation-cloud-label strong { font-size: 12px; line-height: 1.1; } .meteoryt-subpage-content .activation-cloud-label small { font-size: 9px; font-weight: 600; line-height: 1.2; } @media (max-width: 600px) { .meteoryt-subpage-content .product-price-table-scroll { overflow: visible; border: 0; background: transparent; } .meteoryt-subpage-content .product-price-table { display: block; width: 100%; min-width: 0; margin: 0; overflow: visible; border: 0 !important; border-radius: 0; background: transparent; } .meteoryt-subpage-content .product-price-table colgroup, .meteoryt-subpage-content .product-price-table tr:first-child { display: none; } .meteoryt-subpage-content .product-price-table tbody { display: grid; gap: 10px; } .meteoryt-subpage-content .product-price-table tr:not(:first-child) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; padding: 14px; border: 1px solid #d8e1e8; border-radius: 12px; background: #fff; box-shadow: 0 5px 16px rgba(21, 53, 75, .06); } .meteoryt-subpage-content .product-price-table td { display: block; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; } .meteoryt-subpage-content .product-price-table .regt_nazwa { grid-column: 1 / -1; min-width: 0; padding: 0 0 10px; border-bottom: 1px solid #e4ebf0; color: #17384e; font-size: 14px; font-weight: 650; line-height: 1.4; overflow-wrap: break-word; } .meteoryt-subpage-content .product-price-table .regt-price-value { grid-column: 1; align-self: center; width: auto; text-align: left; } .meteoryt-subpage-content .product-price-table .regt-price-value::before { display: block; margin-bottom: 2px; color: #667987; content: "Cena brutto"; font-size: 10px; font-weight: 700; letter-spacing: .04em; line-height: 1.2; text-transform: uppercase; } .meteoryt-subpage-content .product-price-table .regt-price-action { grid-column: 2; align-self: center; width: auto; text-align: right; } .meteoryt-subpage-content .product-price-table .regt-price-action .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 106px; min-height: 42px; padding: 9px 12px; border-radius: 9px; font-size: 11px; font-weight: 700; } .meteoryt-subpage-content .product-price-table .activation-cloud-group-cell { grid-column: 1 / -1; width: auto; padding: 0 0 2px; text-align: left; } .meteoryt-subpage-content .product-price-table .activation-cloud-group-cell .activation_cloud { width: 100%; max-width: none; min-height: 44px; } } .meteoryt-subpage-content .tabs13 li a { overflow: hidden; border-radius: 10px !important; } .meteoryt-subpage-content .tabs-content13 { overflow: hidden; border-radius: 10px; } /* Kontrast i obszary dotykowe wymagane przez Lighthouse na karcie produktu. */ .meteoryt-subpage-content .btn.btn-green-4, .meteoryt-subpage-content .activation_cloud, .meteoryt-subpage-content .buttonMINI, .meteoryt-subpage-content .meteoryt-youtube-play { background-color: #466d00 !important; color: #fff !important; } .meteoryt-subpage-content .btn.btn-green-4:hover, .meteoryt-subpage-content .btn.btn-green-4:focus, .meteoryt-subpage-content .activation_cloud:hover, .meteoryt-subpage-content .activation_cloud:focus, .meteoryt-subpage-content .buttonMINI:hover, .meteoryt-subpage-content .buttonMINI:focus, .meteoryt-subpage-content .meteoryt-youtube-play:hover, .meteoryt-subpage-content .meteoryt-youtube-play:focus-visible { background-color: #365500 !important; } .meteoryt-subpage-content .btn.btn-green-4.product-download-primary, .meteoryt-subpage-content .product-download-split .product-download-options > summary { background-color: #0b6da8 !important; border-color: #0b6da8 !important; color: #fff !important; } .meteoryt-subpage-content .btn.btn-green-4.product-download-primary:hover, .meteoryt-subpage-content .btn.btn-green-4.product-download-primary:focus, .meteoryt-subpage-content .product-download-split .product-download-options > summary:hover, .meteoryt-subpage-content .product-download-split .product-download-options[open] > summary { background-color: #084f7c !important; border-color: #084f7c !important; color: #fff !important; } .meteoryt-subpage-content .btn.btn-red-4, .meteoryt-subpage-content .tabs13 li.active a, .meteoryt-subpage-content .tabs13 li a.active { background-color: #c52d17 !important; color: #fff !important; } .meteoryt-subpage-content .module-details-link, .meteoryt-subpage-content .tbl_zestawienie_i a:not(.btn):not(.buttonMINI) { color: #073b63 !important; text-decoration: underline !important; text-underline-offset: 2px; } .meteoryt-subpage-content .tbl_zestawienie_i td.ok { color: #075f07 !important; } .meteoryt-subpage-content .accordion_in .acc_content p a { color: #073b63 !important; text-decoration: underline !important; text-underline-offset: 2px; } .meteoryt-subpage-content .site-footer .elementor-image-box-content a, .meteoryt-subpage-content ~ .site-footer .elementor-image-box-content a, body .site-footer .elementor-image-box-content a { color: #073b63 !important; } .main-header-menu .dropdown-menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; } .ast-header-account-link { display: inline-flex !important; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; } .meteoryt-subpage-content .product-related-heading { margin: 20px 0 10px 10px; font-size: 18px; font-weight: 600; line-height: 1.35; } .product-list-row .btn.green-2 { background-color: #466d00 !important; border-color: #466d00 !important; color: #fff !important; } .product-list-row .product-list-download-button { border-radius: 10px !important; background-color: #0b6da8 !important; border-color: #0b6da8 !important; color: #fff !important; font-weight: 600; } .product-list-row .product-list-download-button:hover, .product-list-row .product-list-download-button:focus { background-color: #084f7c !important; border-color: #084f7c !important; color: #fff !important; } .product-list-row .btn.orange-2 { border-color: #a93612 !important; color: #a93612 !important; font-weight: 600; } .meteoryt-subpage-content .meteoryt-youtube-facade { position: relative; display: grid; place-items: center; width: 100%; height: min(480px, 56.25vw); min-height: 220px; overflow: hidden; border-radius: 14px; background: #07131d; box-shadow: 0 14px 34px rgba(7, 30, 50, .18); } .meteoryt-subpage-content .meteoryt-youtube-facade > img, .meteoryt-subpage-content .meteoryt-youtube-facade > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .meteoryt-subpage-content .meteoryt-youtube-facade > img { object-fit: cover; opacity: .72; } .meteoryt-subpage-content .meteoryt-youtube-play { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 13px 20px; border: 0; border-radius: 999px; background: #5f9200; box-shadow: 0 8px 24px rgba(0, 0, 0, .32); color: #fff; cursor: pointer; font: inherit; transition: background-color .2s ease, transform .2s ease; } .meteoryt-subpage-content .meteoryt-youtube-play:hover, .meteoryt-subpage-content .meteoryt-youtube-play:focus-visible { background: #4a7300; transform: translateY(-1px); } .meteoryt-subpage-content .meteoryt-youtube-play > span { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 15px solid #fff; } .meteoryt-subpage-content .meteoryt-youtube-play > strong { font-size: 16px; font-weight: 700; } @media (max-width: 767px) { .meteoryt-subpage-content .product-page-shell > section > .container { width: 100% !important; padding-right: 0; padding-left: 0; } .meteoryt-subpage-content .product-page-shell > section:first-child .pagenation-holder { padding-top: 20px !important; } .meteoryt-subpage-content .product-page-shell > section:first-child + .clearfix + section.sec-padding { padding-top: 16px !important; } .meteoryt-subpage-content .product_preview_left .gallery .full { height: clamp(330px, 82vw, 440px) !important; border-radius: 18px; } } /*
 * Rozbudowany opis programu z /opisy/programy.
 * Cała treść trafia do HTML po stronie serwera, a dłuższe części są podane
 * w lekkich, dostępnych akordeonach bez dodatkowego JavaScriptu.
 */ .program-seo-description { --program-seo-navy: #073b63; --program-seo-blue: #0b568a; --program-seo-pale: #f2f7fb; --program-seo-border: #d7e3ec; margin: 8px auto 34px; color: #263746; font-size: 16px; line-height: 1.75; } .program-seo-description--gallery-only { width: min(1240px, calc(100% - 40px)); margin: 34px auto; } .program-seo-description h2, .program-seo-description h3, .program-seo-description h4 { color: var(--program-seo-navy); line-height: 1.25; } .program-seo-description h2 { margin: 8px 0 12px; font-size: clamp(26px, 3vw, 38px); } .program-seo-description h3 { margin: 0 0 16px; font-size: clamp(21px, 2vw, 27px); } .program-seo-description h4 { margin: 18px 0 8px; font-size: 17px; } .program-seo-description p { margin: 0 0 16px; } .program-seo-description__hero { position: relative; margin-bottom: 24px; padding: clamp(26px, 5vw, 52px); overflow: hidden; border-radius: 20px; background: linear-gradient(135deg, #073b63 0%, #0a527f 100%); box-shadow: 0 18px 42px rgba(7, 59, 99, .16); color: #fff; } .program-seo-description__hero::after { position: absolute; right: -70px; bottom: -100px; width: 260px; height: 260px; border: 44px solid rgba(255, 255, 255, .07); border-radius: 50%; content: ""; pointer-events: none; } .program-seo-description__hero h2, .program-seo-description__hero p { position: relative; z-index: 1; max-width: 880px; color: #fff; } .program-seo-description__hero p { margin-bottom: 0; font-size: 18px; } .program-seo-description__eyebrow { position: relative; z-index: 1; display: inline-block; color: #bfe3ff; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; } .program-seo-description__highlights, .program-seo-description__scope, .program-seo-description__section, .program-seo-description__gallery-section, .program-seo-description__modules, .program-seo-description__faq, .program-seo-description__links { margin: 18px 0; padding: clamp(22px, 4vw, 38px); border: 1px solid var(--program-seo-border); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(27, 57, 78, .06); } .program-seo-description__scope { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .program-seo-description__scope h3 { font-size: 19px; } .program-seo-description__scope ul { margin: 0; padding-left: 20px; } .program-seo-description__scope li { margin-bottom: 8px; } .program-seo-description__highlights ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; margin: 0; padding: 0; list-style: none; } .program-seo-description__highlights li { position: relative; padding: 12px 12px 12px 38px; border-radius: 10px; background: var(--program-seo-pale); } .program-seo-description__highlights li::before { position: absolute; top: 13px; left: 13px; color: var(--program-seo-blue); content: "✓"; font-weight: 800; } details.program-seo-description__section { padding: 0; overflow: clip; } .program-seo-description details > summary { position: relative; padding: 20px 56px 20px 22px; color: var(--program-seo-navy); cursor: pointer; font-size: 18px; font-weight: 700; line-height: 1.35; list-style: none; } .program-seo-description details > summary::-webkit-details-marker { display: none; } .program-seo-description details > summary::after { position: absolute; top: 50%; right: 22px; width: 30px; height: 30px; border-radius: 50%; background: var(--program-seo-pale); content: "+"; font-size: 22px; font-weight: 400; line-height: 28px; text-align: center; transform: translateY(-50%); } .program-seo-description details[open] > summary::after { content: "−"; } .program-seo-description details > summary:hover, .program-seo-description details > summary:focus-visible { background: #f8fbfd; } .program-seo-description__section-content { padding: 4px clamp(22px, 4vw, 38px) 24px; border-top: 1px solid var(--program-seo-border); } .program-seo-description__section-content p:first-child { margin-top: 22px; } .program-seo-description__intro { color: #5a6b78; } .program-seo-description__module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .program-seo-description__module { align-self: start; overflow: hidden; border: 1px solid var(--program-seo-border); border-radius: 12px; background: #fff; } .program-seo-description__module-badge { display: inline-block; margin-left: 7px; padding: 3px 7px; border-radius: 999px; background: var(--program-seo-pale); color: #526675; font-size: 11px; font-weight: 700; letter-spacing: .03em; vertical-align: 2px; } .program-seo-description__module > div { padding: 0 20px 20px; border-top: 1px solid var(--program-seo-border); } .program-seo-description__module > div > p:first-child { margin-top: 16px; } .program-seo-description__module ul { margin: 0; padding-left: 20px; } .program-seo-description__availability { padding: 10px 12px; border-radius: 8px; background: var(--program-seo-pale); } .program-seo-description__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: min(100%, 1040px); margin: 22px auto 0; } .program-seo-description__gallery figure { position: relative; align-self: start; margin: 0; overflow: hidden; border: 1px solid var(--program-seo-border); border-radius: 14px; background: #142634; } .program-seo-description__gallery a { position: relative; display: block; overflow: hidden; background: #e7eef4; } .program-seo-description__gallery img { display: block; width: 100%; height: auto; transition: transform .2s ease; } .program-seo-description__gallery a:hover img, .program-seo-description__gallery a:focus-visible img { transform: scale(1.015); } .program-seo-description__gallery figcaption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 12px 15px; background: rgba(8, 28, 43, .9); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; } .program-gallery-is-open { overflow: hidden; } .program-gallery-lightbox[hidden] { display: none; } .program-gallery-lightbox { position: fixed; inset: 0; z-index: 1000000; display: flex; align-items: center; justify-content: center; padding: 54px 86px; background: rgba(3, 12, 19, .96); } .program-gallery-lightbox__stage { position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; max-height: 100%; margin: 0; overflow: hidden; border-radius: 12px; background: #07131c; box-shadow: 0 24px 80px rgba(0, 0, 0, .55); } .program-gallery-lightbox__stage img { display: block; max-width: calc(100vw - 172px); max-height: calc(100vh - 108px); width: auto; height: auto; object-fit: contain; } .program-gallery-lightbox__stage figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 14px 18px; background: rgba(5, 22, 34, .92); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: left; } .program-gallery-lightbox__close, .program-gallery-lightbox__prev, .program-gallery-lightbox__next { position: fixed; z-index: 2; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; background: rgba(7, 59, 99, .82); color: #fff; cursor: pointer; font: 400 38px/1 Arial, sans-serif; } .program-gallery-lightbox__close:hover, .program-gallery-lightbox__prev:hover, .program-gallery-lightbox__next:hover, .program-gallery-lightbox__close:focus-visible, .program-gallery-lightbox__prev:focus-visible, .program-gallery-lightbox__next:focus-visible { border-color: #fff; background: #0b6da8; outline: 3px solid rgba(255, 255, 255, .25); } .program-gallery-lightbox__close { top: 18px; right: 20px; font-size: 32px; } .program-gallery-lightbox__prev, .program-gallery-lightbox__next { top: 50%; transform: translateY(-50%); } .program-gallery-lightbox__prev { left: 20px; } .program-gallery-lightbox__next { right: 20px; } .program-gallery-lightbox__counter { position: fixed; top: 26px; left: 24px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .05em; } .program-seo-description__faq details { margin-bottom: 10px; border: 1px solid var(--program-seo-border); border-radius: 12px; background: #fff; } .program-seo-description__faq details p { padding: 0 22px 20px; } .program-seo-description__links > div { display: flex; flex-wrap: wrap; gap: 10px; } .program-seo-description__links a { display: inline-flex; padding: 8px 13px; border: 1px solid #bad0df; border-radius: 999px; background: var(--program-seo-pale); color: var(--program-seo-navy); font-size: 14px; line-height: 1.35; text-decoration: none; } .program-seo-description__links a:hover, .program-seo-description__links a:focus-visible { border-color: var(--program-seo-blue); background: var(--program-seo-blue); color: #fff; } .program-seo-description__editorial { margin:18px 2px 0; padding:13px 16px; border-left:4px solid var(--program-seo-blue); border-radius:8px; background:#f5f8fa; color:#526675; font-size:13px; line-height:1.55; } .program-seo-description__editorial strong { color:var(--program-seo-navy); } .program-seo-description__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; padding: clamp(24px, 4vw, 38px); border-radius: 18px; background: var(--program-seo-navy); color: #fff; } .program-seo-description__cta strong { display: block; margin-bottom: 4px; font-size: 21px; line-height: 1.35; } .program-seo-description__cta p { margin: 0; color: #d9ebf8; } .program-seo-description__cta .btn { flex: 0 0 auto; border-radius: 10px; white-space: nowrap; } @media (max-width: 767px) { .program-seo-description { font-size: 15px; } .program-seo-description__hero, .program-seo-description__highlights, .program-seo-description__scope, .program-seo-description__section, .program-seo-description__gallery-section, .program-seo-description__modules, .program-seo-description__faq, .program-seo-description__links { border-radius: 14px; } .program-seo-description__highlights ul, .program-seo-description__scope, .program-seo-description__module-grid, .program-seo-description__gallery { grid-template-columns: 1fr; } .program-seo-description__gallery { width: 100%; } .program-gallery-lightbox { padding: 58px 10px 76px; } .program-gallery-lightbox__stage img { max-width: calc(100vw - 20px); max-height: calc(100vh - 134px); } .program-gallery-lightbox__prev, .program-gallery-lightbox__next { top: auto; bottom: 14px; width: 44px; height: 44px; transform: none; } .program-gallery-lightbox__prev { left: calc(50% - 54px); } .program-gallery-lightbox__next { right: calc(50% - 54px); } .program-seo-description__cta { align-items: flex-start; flex-direction: column; } .program-seo-description__cta .btn { width: 100%; text-align: center; } } @font-face { font-family: "FontAwesome"; src: url("/tpl/meteoryt_h/tpl/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/tpl/meteoryt_h/tpl/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /*
 * Karty kategorii znajdują się daleko pod pierwszym ekranem. Przeglądarka
 * zachowuje dla nich miejsce, ale odkłada stylowanie i malowanie zawartości
 * do chwili, gdy użytkownik zbliży się do listy. Wartość `auto` zapamiętuje
 * rzeczywisty rozmiar po pierwszym wyrenderowaniu i zapobiega skokom układu.
 */ .meteoryt-subpage-content .product-list-item { content-visibility: auto; contain-intrinsic-size: auto 420px; } /*
 * Cennik, zakladki, galerie i opis SEO tworza na rozbudowanych kartach blok
 * dlugi na dziesiatki tysiecy pikseli. Jest polozony pod sekcja zakupu, wiec
 * jego wstepny layout nie powinien blokowac pierwszego ekranu.
 */ .meteoryt-subpage-content .product-page-shell > .sec-bpadding-2 { content-visibility: auto; contain-intrinsic-size: auto 24000px; } @media (max-width: 600px) { .meteoryt-subpage-content .product-list-item { contain-intrinsic-size: auto 1010px; } .meteoryt-subpage-content .product-page-shell > .sec-bpadding-2 { contain-intrinsic-size: auto 52000px; } } /* Grafika zastępcza dla produktów bez zdjęcia lub z błędnym plikiem. */ .meteoryt-subpage-content .product-image-placeholder[hidden] { display: none !important; } .meteoryt-subpage-content .product-image-placeholder { position: relative; z-index: 0; display: flex; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 220px; padding: 28px 20px; overflow: hidden; border: 1px solid rgba(135, 190, 226, .28); border-radius: inherit; background: radial-gradient(circle at 78% 18%, rgba(29, 139, 205, .42), transparent 28%), radial-gradient(circle at 16% 92%, rgba(95, 146, 0, .24), transparent 34%), linear-gradient(145deg, #061728 0%, #073b63 58%, #0b568a 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); color: #fff; text-align: center; } .meteoryt-subpage-content .product-image-placeholder::before, .meteoryt-subpage-content .product-image-placeholder::after { position: absolute; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; content: ""; pointer-events: none; } .meteoryt-subpage-content .product-image-placeholder::before { top: -52px; right: -48px; width: 150px; height: 150px; } .meteoryt-subpage-content .product-image-placeholder::after { bottom: -76px; left: -66px; width: 190px; height: 190px; } .meteoryt-subpage-content .product-image-placeholder__icon, .meteoryt-subpage-content .product-image-placeholder__brand, .meteoryt-subpage-content .product-image-placeholder__copy { position: relative; z-index: 1; } .meteoryt-subpage-content .product-image-placeholder__icon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 18px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 22px; background: rgba(255, 255, 255, .1); box-shadow: 0 12px 28px rgba(0, 0, 0, .18); backdrop-filter: blur(5px); } .meteoryt-subpage-content .product-image-placeholder__icon svg { width: 37px; height: 37px; fill: #c8eaff; } .meteoryt-subpage-content .product-image-placeholder__brand { font-size: 18px; font-weight: 800; letter-spacing: .22em; line-height: 1.2; } .meteoryt-subpage-content .product-image-placeholder__copy { margin-top: 7px; color: rgba(255, 255, 255, .72); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; } .meteoryt-subpage-content .product-image-placeholder--related { width: min(100%, 200px); height: 400px; margin: 0 auto; border-radius: 16px; } .meteoryt-subpage-content .product-image-placeholder--list, .meteoryt-subpage-content .product-image-placeholder--product { height: 100%; min-height: 100%; } @media (max-width: 600px) { .meteoryt-subpage-content .product-image-placeholder__icon { width: 62px; height: 62px; margin-bottom: 14px; border-radius: 18px; } .meteoryt-subpage-content .product-image-placeholder__brand { font-size: 15px; } } .meteoryt-subpage-content .priority-product-decision { margin: 0 0 18px; padding: 24px; border: 1px solid #cbdde9; border-radius: 18px; background: linear-gradient(145deg, #f7fbfe 0%, #edf6fc 100%); box-shadow: 0 14px 34px rgba(7, 59, 99, .09); color: #263746; text-align: left; } .meteoryt-subpage-content .priority-product-decision__eyebrow { display: block; margin-bottom: 7px; color: #0b568a; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .meteoryt-subpage-content .priority-product-decision h2 { margin: 0 0 10px; color: #073b63; font-size: clamp(23px, 2.2vw, 31px); font-weight: 750; line-height: 1.16; } .meteoryt-subpage-content .priority-product-decision__lead { margin: 0 0 15px; color: #405667; font-size: 15px; line-height: 1.55; } .meteoryt-subpage-content .priority-product-decision__points { display: grid; gap: 8px; margin: 0 0 17px; padding: 0; list-style: none; } .meteoryt-subpage-content .priority-product-decision__points li { position: relative; padding-left: 26px; color: #17384e; font-size: 14px; font-weight: 650; line-height: 1.4; } .meteoryt-subpage-content .priority-product-decision__points li::before { position: absolute; top: 0; left: 0; color: #466d00; content: "✓"; font-size: 17px; font-weight: 900; } .meteoryt-subpage-content .priority-product-decision__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; } .meteoryt-subpage-content .priority-product-decision__facts span { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid #d8e6ef; border-radius: 10px; background: #fff; } .meteoryt-subpage-content .priority-product-decision__facts small { color: #6a7c89; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .meteoryt-subpage-content .priority-product-decision__facts strong { color: #073b63; font-size: 14px; line-height: 1.3; } .meteoryt-subpage-content .priority-product-decision__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 15px; } .meteoryt-subpage-content .priority-product-decision__actions .btn { margin: 0; padding: 11px 18px; border-radius: 10px; background: #0b568a; color: #fff; font-weight: 750; } .meteoryt-subpage-content .priority-product-decision__screens { color: #073b63; font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; } .meteoryt-subpage-content .priority-product-decision__guides { padding-top: 13px; border-top: 1px solid #d2e1eb; } .meteoryt-subpage-content .priority-product-decision__guides > strong { display: block; margin-bottom: 7px; color: #405667; font-size: 12px; } .meteoryt-subpage-content .priority-product-decision__guides ul { display: grid; gap: 5px; margin: 0; padding-left: 19px; } .meteoryt-subpage-content .priority-product-decision__guides a { color: #0b568a; font-size: 12px; font-weight: 650; text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 600px) { .meteoryt-subpage-content .priority-product-decision { padding: 19px 16px; border-radius: 14px; } .meteoryt-subpage-content .priority-product-decision__facts { grid-template-columns: 1fr; } }