/* =========================================================================
   KORUMA - wspolny arkusz opisow produktowych
   Wersja 1.2, 30.09.2026
   -------------------------------------------------------------------------
   GDZIE WGRAC
     plik:  /data/include/cms/PL/Common/koruma-opis.css
     w szablonie, w sekcji <head>, najlepiej jako ostatni arkusz:
       <link rel="stylesheet" href="/data/include/cms/PL/Common/koruma-opis.css">
     Ten sam plik obsluguje wszystkie sklepy krajowe - nie ma w nim ani
     jednego slowa, ktore trafia na strone.

   JAK TO DZIALA
     Opis produktu nie ma juz wlasnego <style>. Kontener to zawsze:
       <div id="koruma-opis"> ... </div>
     Id, a nie klasa, bo wsrod regul z !important wygrywa ta bardziej
     specyficzna, a motyw sklepu potrafi uzywac !important z selektorem
     na id. Opis na stronie jest jeden, wiec id pozostaje unikalne.

   NAZEWNICTWO
     Wszystkie klasy zaczynaja sie od koruma-. Nazwa mowi, CO to jest,
     a nie w ktorym modelu wystepuje - dlatego nie ma tu ani "kuk200",
     ani "sm906". Sekcja, ktorej dany model nie uzywa, po prostu nie
     pojawia sie w jego HTML; regula lezy tu bezczynnie i nic nie kosztuje.

   ROZMIARY ZDJEC A OSTROSC
     Zdjecia z galerii IdoSell maja 1024 px (prefiks pol_pl_, wyzej nie ma).
     Zeby zdjecie bylo ostre na ekranie 2x, plik musi miec dwa razy wiecej
     pikseli niz szerokosc w CSS - czyli przy plikach 1024 px granica
     ostrosci na retinie to 512 px. Powyzej tego zdjecie jest wieksze,
     ale minimalnie miekkie; faktura skory jest za to wyrazniej widoczna.
     Swiadomie przekraczamy te granice tam, gdzie materialu sie oglada:
       hero 760, wnetrze 860, karta wariantu 680.
     Sekcje dwukolumnowe maja 530 px, czyli praktycznie na granicy.
     Jesli chcesz to miec ostre i duze, zdjecie musi trafic do
     /data/include/cms/ w 1400-1600 px - generator galerii tam nie siega
     (tak dziala hero KUK-200: 1536 x 1536).

   KOLORY INDYWIDUALNE
     Jedyna rzecz, ktorej nie da sie przewidziec globalnie, to kolor probki
     wykonczenia i kolor warstwy w przekroju. Oba ida ze zmiennej podanej
     w HTML, wiec nowy wariant NIE wymaga zmiany w tym pliku:
       <span class="koruma-dot" style="--koruma-dot:linear-gradient(...)"></span>
       <i style="--koruma-layer:repeating-linear-gradient(...)"></i>

   PRZELACZNIK WARIANTOW
     Dziala na pozycji rodzenstwa, nie na identyfikatorach kolorow.
     N-ty input odpowiada N-tej karcie, N-tej probce i N-temu elementowi
     w wierszu linkow. Dodanie koloru = dopisanie czterech elementow
     w HTML, zero zmian tutaj. Obsluzone do 5 wariantow.
     WAZNE: dokladnie jeden input musi miec atrybut checked, inaczej
     sekcja wyrenderuje sie pusta.
     Wariant, na ktorego karcie jestesmy, nie ma linku - w wierszu linkow
     stoi na jego pozycji pusty <span> jako zapchajdziura pozycji.
   ========================================================================= */

/* ============================== PODSTAWA ============================== */
#koruma-opis,#koruma-opis *{box-sizing:border-box!important;font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;text-transform:none!important;text-shadow:none!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#koruma-opis{display:block!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;background:#fff!important;color:#191919!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-align:left!important;-webkit-font-smoothing:antialiased!important}
#koruma-opis :where(div,section,header,figure,figcaption,h2,h3,p,span,strong,small,a,blockquote,cite,i){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;padding:0!important}
#koruma-opis strong{font-weight:700!important}
#koruma-opis h2{font-weight:700!important;font-size:clamp(34px,4.8vw,60px)!important;letter-spacing:-2px!important;line-height:1.06!important;margin:0 0 25px!important;color:inherit!important}
#koruma-opis p{margin:0 0 18px!important;font-size:18px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:normal!important;color:#717174!important}
#koruma-opis img{max-width:100%!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#koruma-opis [hidden]{display:none!important}
#koruma-opis .koruma-eyebrow{font-size:11px!important;letter-spacing:3px!important;font-weight:700!important;color:#6e6e73!important;text-transform:uppercase!important;margin:0 0 24px!important}
/* Zdjecia nizej na stronie renderuja sie dopiero przy zblizeniu do widoku. */
#koruma-opis img[loading="lazy"]{content-visibility:auto!important}

/* ===================== MODYFIKATORY TLA I ZDJEC ======================= */
/* Bialy jest domyslny, wiec nie ma dla niego klasy.
   Zadne dwie sasiednie sekcje nie moga miec tego samego tla. */
#koruma-opis .koruma-bg-grey{background:#f5f5f7!important}
#koruma-opis .koruma-bg-black{background:#050505!important;color:#fff!important;margin:24px 0!important}
#koruma-opis .koruma-bg-black h2{color:#fff!important}
#koruma-opis .koruma-bg-black p{color:#b7b7bc!important}
#koruma-opis .koruma-bg-black .koruma-eyebrow{color:#8e8e93!important}
/* Zdjecie o tle dokladnie 255,255,255 wtapia sie w szara sekcje. */
#koruma-opis .koruma-img-blend img{mix-blend-mode:multiply!important}
/* Zdjecie aranzacyjne ma wlasne tlo - zamiast wtapiac, dajemy mu ramke. */
#koruma-opis .koruma-img-framed img{border-radius:18px!important}

/* ============================== UKLADY ================================ */
#koruma-opis .koruma-section{padding:84px 7%!important}
#koruma-opis .koruma-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:7%!important}
/* Kolumna ze zdjeciem dostaje wiecej miejsca niz tekstowa - zdjecie pokazuje
   produkt, a akapit ma i tak ograniczenie do 400 px. Szersza jest ta strona,
   po ktorej stoi zdjecie, niezaleznie od kolejnosci w HTML. Przegladarka bez
   :has() zostaje przy 1fr/1fr, czyli przy ukladzie sprzed tej zmiany. */
#koruma-opis .koruma-split:has(>img:last-child){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
#koruma-opis .koruma-split:has(>img:first-child){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
#koruma-opis .koruma-split h2,#koruma-opis .koruma-split p{text-align:left!important}
#koruma-opis .koruma-split p{max-width:400px!important}
#koruma-opis .koruma-split img{width:100%!important;display:block!important}
#koruma-opis .koruma-center{text-align:center!important}
#koruma-opis .koruma-center>h2,#koruma-opis .koruma-center>p{text-align:center!important}
#koruma-opis .koruma-center>p{max-width:560px!important;margin:0 auto 30px!important}

/* =============================== HERO ================================= */
#koruma-opis .koruma-hero{text-align:center!important;padding:72px 5% 0!important;background:#fff!important}
#koruma-opis .koruma-title{font-size:clamp(44px,6.8vw,88px)!important;line-height:1.02!important;letter-spacing:-4px!important;margin:0!important;font-weight:700!important;text-align:center!important}
#koruma-opis .koruma-title span{color:#888!important}
#koruma-opis .koruma-lead{margin:26px auto 0!important;max-width:560px!important;text-align:center!important}
#koruma-opis .koruma-hero img{width:min(760px,88%)!important;display:block!important;margin:30px auto 0!important}

/* ========================= PASEK PARAMETROW =========================== */
#koruma-opis .koruma-specs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;padding:38px 7% 65px!important;background:#fff!important}
#koruma-opis .koruma-specs div{text-align:center!important}
#koruma-opis .koruma-specs strong{display:block!important;font-size:clamp(20px,2.2vw,26px)!important;letter-spacing:-.8px!important;line-height:1.25!important}
#koruma-opis .koruma-specs small{display:block!important;color:#777!important;font-size:12px!important;line-height:1.45!important;margin-top:9px!important}

/* ===================== KAFELKI (01/02/03, cechy) ====================== */
#koruma-opis .koruma-stages{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;max-width:620px!important;margin:34px auto 0!important;text-align:left!important}
/* Dla kafelkow z pelnymi zdaniami zamiast krotkich etapow. */
#koruma-opis .koruma-stages-wide{max-width:820px!important}
#koruma-opis .koruma-stages div{border-top:1px solid #d7d7da!important;padding-top:18px!important}
#koruma-opis .koruma-stages strong{display:block!important;font-size:16px!important;line-height:1.3!important;color:#191919!important}
#koruma-opis .koruma-stages span{display:block!important;margin-top:7px!important;font-size:14px!important;line-height:1.45!important;color:#6e6e73!important}

/* ===================== KONSTRUKCJA / ZDJECIA W SEKCJI ================= */
#koruma-opis .koruma-construction{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:40px!important;align-items:center!important;margin:12px auto 54px!important;max-width:1000px!important}
#koruma-opis .koruma-construction img{display:block!important;width:100%!important;height:auto!important;margin:0!important}
#koruma-opis .koruma-construction p{text-align:left!important;font-size:18px!important;line-height:1.55!important;margin:0!important;max-width:390px!important}
/* Szerokie zdjecie na srodku sekcji. */
#koruma-opis .koruma-photo-wide{display:block!important;width:min(100%,620px)!important;height:auto!important;margin:0 auto!important}
#koruma-opis .koruma-photo-wider{display:block!important;width:min(100%,860px)!important;height:auto!important;margin:0 auto!important}

/* ============================== WYMIARY =============================== */
/* Wariant 1: wielka liczba. Tylko gdy wymiar JEST zaleta (1 cm grubosci).
   Zwykly wymiar podajemy panelem danych nizej. */
#koruma-opis .koruma-dimension{font-size:clamp(80px,13vw,166px)!important;font-weight:700!important;letter-spacing:-8px!important;line-height:1!important}
#koruma-opis .koruma-dimension span{font-size:.35em!important;letter-spacing:-3px!important}
#koruma-opis .koruma-dimension small{font-size:13px!important;letter-spacing:0!important;line-height:1.6!important;font-weight:400!important;display:block!important;color:#8a8a8f!important;margin:20px 0 0!important}
/* Wariant 2: panel danych - trzy wiersze wartosc/opis. */
#koruma-opis .koruma-dims{max-width:360px!important}
#koruma-opis .koruma-dims div{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important;padding:17px 0!important;border-top:1px solid #d7d7da!important}
#koruma-opis .koruma-dims div:last-of-type{border-bottom:1px solid #d7d7da!important}
#koruma-opis .koruma-dims strong{font-size:clamp(26px,3vw,36px)!important;letter-spacing:-1.4px!important;line-height:1!important;color:#191919!important}
#koruma-opis .koruma-dims small{font-size:13px!important;letter-spacing:.4px!important;text-transform:uppercase!important;color:#8a8a8f!important}
#koruma-opis .koruma-dims-note{margin:16px 0 0!important;font-size:13px!important;line-height:1.6!important;color:#8a8a8f!important;max-width:360px!important}

/* ================================ RFID ================================ */
#koruma-opis .koruma-rfid{padding:82px 7%!important;display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:10%!important;align-items:center!important}
#koruma-opis .koruma-rfid-mark{display:block!important;width:clamp(148px,16vw,180px)!important;height:auto!important;margin:0!important}
#koruma-opis .koruma-rfid p{max-width:520px!important;text-align:left!important}

/* ======================= WARSTWY I CERTYFIKAT ========================= */
#koruma-opis .koruma-layers{max-width:780px!important;margin:38px auto 0!important;display:grid!important;gap:12px!important;text-align:left!important}
#koruma-opis .koruma-layer{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:26px!important;align-items:center!important;padding:22px 26px!important;border-radius:16px!important;background:#f5f5f7!important}
/* Kolor warstwy podajemy w HTML: style="--koruma-layer:..." */
#koruma-opis .koruma-layer i{display:block!important;height:46px!important;border-radius:9px!important;background:var(--koruma-layer,#3a3a3f)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important}
#koruma-opis .koruma-layer strong{display:block!important;font-size:17px!important;line-height:1.3!important;color:#191919!important}
#koruma-opis .koruma-layer span{display:block!important;margin-top:6px!important;font-size:14px!important;line-height:1.45!important;color:#6e6e73!important}
#koruma-opis .koruma-cert{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:28px!important;align-items:center!important;max-width:780px!important;margin:30px auto 0!important;padding:22px 26px!important;border-radius:16px!important;background:#f5f5f7!important;text-align:left!important}
#koruma-opis .koruma-cert img{display:block!important;width:100%!important;height:auto!important;mix-blend-mode:multiply!important}
#koruma-opis .koruma-cert p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#4a4a4e!important;text-align:left!important;max-width:none!important}
#koruma-opis .koruma-cert small{display:block!important;margin-top:7px!important;font-size:13px!important;color:#8a8a8f!important}

/* ======================= PRZELACZNIK WARIANTOW ======================== */
#koruma-opis .koruma-picker{position:relative!important;display:block!important}
#koruma-opis .koruma-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;margin:0!important;pointer-events:none!important}
#koruma-opis .koruma-stage{max-width:680px!important;margin:30px auto 0!important}
#koruma-opis .koruma-card{display:none!important;margin:0!important}
#koruma-opis .koruma-card img{display:block!important;width:100%!important;height:auto!important;margin:0!important;aspect-ratio:1/1!important;object-fit:contain!important}
#koruma-opis .koruma-card-caption{font-size:15px!important;line-height:1.5!important;color:#191919!important;margin:16px 0 0!important;text-align:center!important;min-height:46px!important}
#koruma-opis .koruma-card-caption small{display:block!important;font-size:13px!important;color:#777!important;margin-top:4px!important}
/* Probki: szerokosc elastyczna, zeby dzialaly i krotkie etykiety
   ("Czarny"), i dwuliniowe ("Czarny / faktura naturalna"). */
#koruma-opis .koruma-swatches{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important;margin:28px 0 0!important;padding:0!important;list-style:none!important}
#koruma-opis label.koruma-swatch{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;flex:0 1 auto!important;min-width:88px!important;max-width:150px!important;padding:8px 8px!important;color:#6e6e73!important;font-size:12px!important;line-height:1.3!important;border-radius:10px!important;cursor:pointer!important}
#koruma-opis label.koruma-swatch .koruma-dot{display:block!important;width:44px!important;height:44px!important;border-radius:50%!important;background:var(--koruma-dot,#333)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)!important}
#koruma-opis .koruma-swatch-label{display:flex!important;align-items:flex-start!important;justify-content:center!important;min-height:32px!important;text-align:center!important}
/* Wybrany wariant. Pozycja rodzenstwa, bez identyfikatorow kolorow. */
#koruma-opis .koruma-picker input:nth-of-type(1):checked~.koruma-stage .koruma-card:nth-of-type(1),
#koruma-opis .koruma-picker input:nth-of-type(2):checked~.koruma-stage .koruma-card:nth-of-type(2),
#koruma-opis .koruma-picker input:nth-of-type(3):checked~.koruma-stage .koruma-card:nth-of-type(3),
#koruma-opis .koruma-picker input:nth-of-type(4):checked~.koruma-stage .koruma-card:nth-of-type(4),
#koruma-opis .koruma-picker input:nth-of-type(5):checked~.koruma-stage .koruma-card:nth-of-type(5){display:block!important}
#koruma-opis .koruma-picker input:nth-of-type(1):checked~.koruma-swatches>label:nth-of-type(1),
#koruma-opis .koruma-picker input:nth-of-type(2):checked~.koruma-swatches>label:nth-of-type(2),
#koruma-opis .koruma-picker input:nth-of-type(3):checked~.koruma-swatches>label:nth-of-type(3),
#koruma-opis .koruma-picker input:nth-of-type(4):checked~.koruma-swatches>label:nth-of-type(4),
#koruma-opis .koruma-picker input:nth-of-type(5):checked~.koruma-swatches>label:nth-of-type(5){color:#191919!important;font-weight:700!important}
#koruma-opis .koruma-picker input:nth-of-type(1):checked~.koruma-swatches>label:nth-of-type(1) .koruma-dot,
#koruma-opis .koruma-picker input:nth-of-type(2):checked~.koruma-swatches>label:nth-of-type(2) .koruma-dot,
#koruma-opis .koruma-picker input:nth-of-type(3):checked~.koruma-swatches>label:nth-of-type(3) .koruma-dot,
#koruma-opis .koruma-picker input:nth-of-type(4):checked~.koruma-swatches>label:nth-of-type(4) .koruma-dot,
#koruma-opis .koruma-picker input:nth-of-type(5):checked~.koruma-swatches>label:nth-of-type(5) .koruma-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--koruma-tlo,#fff),0 0 0 4px #191919!important}
/* Radio jest ukryte, wiec obramowanie fokusu idzie na etykiete. */
#koruma-opis .koruma-picker input:nth-of-type(1):focus-visible~.koruma-swatches>label:nth-of-type(1),
#koruma-opis .koruma-picker input:nth-of-type(2):focus-visible~.koruma-swatches>label:nth-of-type(2),
#koruma-opis .koruma-picker input:nth-of-type(3):focus-visible~.koruma-swatches>label:nth-of-type(3),
#koruma-opis .koruma-picker input:nth-of-type(4):focus-visible~.koruma-swatches>label:nth-of-type(4),
#koruma-opis .koruma-picker input:nth-of-type(5):focus-visible~.koruma-swatches>label:nth-of-type(5){outline:3px solid #0071e3!important;outline-offset:2px!important}
#koruma-opis .koruma-variant-actions>*{display:none!important}
#koruma-opis .koruma-variant-actions a{margin:24px 0 0!important;padding:15px 24px!important;border-radius:980px!important;background:#191919!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;transition:background .2s ease,transform .2s ease!important}
#koruma-opis .koruma-variant-actions a:hover{background:#000!important;transform:translateY(-1px)!important}
#koruma-opis .koruma-variant-actions a:focus-visible{outline:3px solid #0071e3!important;outline-offset:3px!important}
#koruma-opis .koruma-picker input:nth-of-type(1):checked~.koruma-variant-actions>:nth-child(1),
#koruma-opis .koruma-picker input:nth-of-type(2):checked~.koruma-variant-actions>:nth-child(2),
#koruma-opis .koruma-picker input:nth-of-type(3):checked~.koruma-variant-actions>:nth-child(3),
#koruma-opis .koruma-picker input:nth-of-type(4):checked~.koruma-variant-actions>:nth-child(4),
#koruma-opis .koruma-picker input:nth-of-type(5):checked~.koruma-variant-actions>:nth-child(5){display:inline-block!important}

/* ===================== DOKUP OSOBNO (dodatek) ========================= */
#koruma-opis .koruma-addon img{max-height:430px!important;object-fit:contain!important}
#koruma-opis a.koruma-addon-btn{display:inline-block!important;margin:6px 0 0!important;padding:15px 26px!important;border-radius:980px!important;background:#191919!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;transition:background .2s ease,transform .2s ease!important}
#koruma-opis a.koruma-addon-btn:hover{background:#000!important;transform:translateY(-1px)!important}
#koruma-opis a.koruma-addon-btn:focus-visible{outline:3px solid #0071e3!important;outline-offset:3px!important}

/* ================================ FAQ ================================= */
#koruma-opis .koruma-faq{padding:78px 7%!important}
#koruma-opis .koruma-faq>.koruma-eyebrow,#koruma-opis .koruma-faq>h2{text-align:center!important}
#koruma-opis .koruma-faq>h2{margin:0 0 42px!important}
#koruma-opis .koruma-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:52px!important;max-width:1040px!important;margin:0 auto!important;border-bottom:1px solid #d9d9dc!important}
#koruma-opis .koruma-faq details{margin:0!important;padding:0!important;border-top:1px solid #d9d9dc!important}
/* Nieparzysta liczba pytan: ostatnie idzie na cala szerokosc, zeby nie
   zostawalo samo w lewej kolumnie. Przy parzystej regula sie nie odpala.
   Odpowiedz idzie na pelna szerokosc razem z pytaniem - linia jest wtedy
   dluzsza niz w pozostalych odpowiedziach, ale wiersz czyta sie jako jeden
   blok zamykajacy zamiast wciecia bez powodu. */
#koruma-opis .koruma-faq details:last-child:nth-child(odd){grid-column:1 / -1!important}
#koruma-opis .koruma-faq summary{display:block!important;position:relative!important;list-style:none!important;cursor:pointer!important;padding:24px 52px 24px 0!important}
#koruma-opis .koruma-faq summary::-webkit-details-marker{display:none!important}
#koruma-opis .koruma-faq summary:focus-visible{outline:3px solid #0071e3!important;outline-offset:2px!important}
#koruma-opis .koruma-faq summary h3{margin:0!important;padding:0!important;font-size:18px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.3px!important;color:#191919!important}
#koruma-opis .koruma-faq summary::after{content:'+'!important;position:absolute!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important;font-size:27px!important;font-weight:400!important;line-height:1!important;color:#6e6e73!important}
#koruma-opis .koruma-faq details[open] summary::after{content:'\2212'!important}
#koruma-opis .koruma-faq details p{font-size:16px!important;line-height:1.55!important;color:#717174!important;margin:0!important;padding:0 48px 25px 0!important;max-width:none!important}
#koruma-opis .koruma-faq details a{color:#0071e3!important;text-decoration:none!important}
#koruma-opis .koruma-faq details a:hover{text-decoration:underline!important}

/* =============================== OPINIE =============================== */
#koruma-opis .koruma-social{padding:56px 7%!important;text-align:center!important}
#koruma-opis .koruma-social-inner{display:grid!important;grid-template-columns:minmax(170px,.7fr) repeat(2,minmax(0,1fr))!important;gap:28px!important;max-width:1000px!important;margin:0 auto!important;align-items:center!important}
#koruma-opis .koruma-social-rating{padding-right:28px!important;border-right:1px solid #d9d9dc!important}
#koruma-opis .koruma-social-score{display:block!important;font-size:34px!important;font-weight:700!important;letter-spacing:-1.5px!important;line-height:1!important;color:#191919!important}
#koruma-opis .koruma-social-stars{display:block!important;margin:8px 0!important;color:#e09900!important;font-size:15px!important;letter-spacing:2px!important}
#koruma-opis .koruma-social-count{display:block!important;font-size:13px!important;line-height:1.4!important;color:#626267!important}
#koruma-opis .koruma-social-quote{margin:0!important;text-align:left!important}
#koruma-opis .koruma-social-quote p{margin:0!important;font-size:15px!important;line-height:1.5!important;color:#3d3d40!important}
#koruma-opis .koruma-social-quote cite{display:block!important;margin-top:8px!important;font-size:12px!important;font-style:normal!important;color:#6e6e73!important}
/* Wariant awaryjny: produkt bez ani jednej opinii - ocena calego sklepu. */
#koruma-opis .koruma-social-shop{max-width:560px!important;margin:0 auto!important}
#koruma-opis .koruma-social-shop .koruma-social-score{font-size:40px!important}
#koruma-opis .koruma-social-shop p{margin:14px 0 0!important;font-size:15px!important;line-height:1.5!important;color:#3d3d40!important;text-align:center!important}

/* ================================ CTA ================================= */
#koruma-opis .koruma-cta{padding:84px 7%!important;text-align:center!important}
#koruma-opis .koruma-cta>.koruma-eyebrow{text-align:center!important}
#koruma-opis .koruma-cta h2{font-size:clamp(32px,4.4vw,56px)!important;letter-spacing:-2px!important;line-height:1.06!important;margin:0 0 18px!important;text-align:center!important}
#koruma-opis .koruma-cta>p{max-width:540px!important;margin:0 auto 34px!important;text-align:center!important;color:#c1c1c5!important}
#koruma-opis a.koruma-cta-btn{display:inline-block!important;background:#fff!important;color:#191919!important;font-size:17px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.2px!important;text-decoration:none!important;padding:19px 44px!important;border-radius:980px!important;transition:background .2s ease!important}
#koruma-opis a.koruma-cta-btn:hover{background:#e8e8ed!important}
#koruma-opis a.koruma-cta-btn:focus-visible{outline:3px solid #0071e3!important;outline-offset:3px!important}
#koruma-opis .koruma-cta-assure{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;max-width:880px!important;margin:44px auto 0!important}
#koruma-opis .koruma-cta-assure div{font-size:13px!important;line-height:1.5!important;color:#a1a1a6!important;text-align:center!important}
#koruma-opis .koruma-cta-assure strong{display:block!important;font-size:15px!important;font-weight:700!important;color:#fff!important;margin-bottom:5px!important}
#koruma-opis .koruma-cta-notes{max-width:740px!important;margin:34px auto 0!important;padding:20px 0 0!important;border-top:1px solid rgba(255,255,255,.18)!important;text-align:left!important}
#koruma-opis .koruma-cta-notes p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#8e8e93!important}
#koruma-opis .koruma-cta-notes p+p{margin-top:7px!important}

/* ===================== POZA KONTENEREM OPISU ========================== */
/* Cele przewijania odsuniete od przyklejonego naglowka sklepu. */
#projector_productname,#projector_tell_availability_section,#projector_buttons_section{scroll-margin-top:110px!important}

@media(prefers-reduced-motion:reduce){
#koruma-opis a.koruma-cta-btn,#koruma-opis a.koruma-addon-btn,#koruma-opis .koruma-variant-actions a{transition:none!important}
}

/* ============================== TELEFON =============================== */
@media(max-width:600px){
#koruma-opis h2{letter-spacing:-1.5px!important}
#koruma-opis .koruma-section{padding:50px 7%!important}
#koruma-opis .koruma-hero{padding-top:50px!important}
#koruma-opis .koruma-title{font-size:clamp(32px,9vw,44px)!important;letter-spacing:-1.5px!important}
#koruma-opis .koruma-lead{font-size:16px!important}
#koruma-opis .koruma-hero img{margin-top:24px!important}
#koruma-opis .koruma-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important;padding:30px 7% 45px!important}
#koruma-opis .koruma-specs strong{font-size:17px!important}
#koruma-opis .koruma-specs small{font-size:11px!important}
/* Reguly :has() wyzej maja wieksza specyficznosc, wiec na telefonie trzeba
   je zbic jawnie - inaczej sekcje zostaja dwukolumnowe. */
#koruma-opis .koruma-split,
#koruma-opis .koruma-split:has(>img:first-child),
#koruma-opis .koruma-split:has(>img:last-child){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
#koruma-opis .koruma-split p{font-size:16px!important}
/* Zdjecie pod tekstem, niezaleznie od kolejnosci w HTML. */
#koruma-opis .koruma-split img{order:2!important}
/* Kafelki zostaja w trzech kolumnach takze na telefonie. */
#koruma-opis .koruma-stages{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:26px!important}
#koruma-opis .koruma-stages div{padding-top:14px!important}
#koruma-opis .koruma-stages strong{font-size:13px!important;letter-spacing:-.2px!important}
#koruma-opis .koruma-stages span{margin-top:5px!important;font-size:12px!important;line-height:1.4!important}
#koruma-opis .koruma-construction{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;margin-bottom:40px!important}
#koruma-opis .koruma-construction p{text-align:center!important;font-size:16px!important;max-width:none!important}
#koruma-opis .koruma-dimension{letter-spacing:-4px!important}
#koruma-opis .koruma-dims,#koruma-opis .koruma-dims-note{max-width:none!important}
#koruma-opis .koruma-dims strong{font-size:26px!important}
#koruma-opis .koruma-rfid{grid-template-columns:minmax(0,1fr)!important;padding:56px 7%!important;gap:28px!important}
#koruma-opis .koruma-bg-black{margin:16px 0!important}
#koruma-opis .koruma-rfid-mark{width:150px!important;margin:0 auto!important}
#koruma-opis .koruma-rfid p{text-align:left!important}
#koruma-opis .koruma-layers{margin-top:28px!important;gap:10px!important}
#koruma-opis .koruma-layer{grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
#koruma-opis .koruma-layer i{height:40px!important}
#koruma-opis .koruma-layer strong{font-size:15px!important}
#koruma-opis .koruma-layer span{font-size:13px!important}
#koruma-opis .koruma-cert{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:18px!important;text-align:center!important}
#koruma-opis .koruma-cert img{max-width:230px!important;margin:0 auto!important}
#koruma-opis .koruma-cert p{text-align:center!important}
#koruma-opis .koruma-stage{margin-top:24px!important}
#koruma-opis .koruma-swatches{gap:6px!important}
#koruma-opis label.koruma-swatch{min-width:0!important;flex:1 1 0!important;padding:8px 2px!important;font-size:11px!important}
#koruma-opis .koruma-addon img{max-height:330px!important}
#koruma-opis .koruma-faq{padding:44px 7%!important}
#koruma-opis .koruma-faq>h2{margin-bottom:28px!important}
#koruma-opis .koruma-faq-grid{display:block!important;max-width:820px!important}
#koruma-opis .koruma-faq summary{padding-top:20px!important;padding-bottom:20px!important}
#koruma-opis .koruma-faq summary h3{font-size:17px!important}
#koruma-opis .koruma-faq details p{font-size:15px!important;padding-right:14px!important;padding-bottom:20px!important}
#koruma-opis .koruma-social{padding:40px 7%!important}
#koruma-opis .koruma-social-inner{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;max-width:430px!important}
#koruma-opis .koruma-social-rating{padding:0 0 20px!important;border-right:0!important;border-bottom:1px solid #d9d9dc!important}
#koruma-opis .koruma-social-quote{text-align:center!important}
#koruma-opis .koruma-cta{padding:56px 7%!important}
#koruma-opis a.koruma-cta-btn{display:block!important;padding:19px 24px!important}
#koruma-opis .koruma-cta-assure{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important;margin-top:34px!important}
#koruma-opis .koruma-cta-notes{margin-top:28px!important;padding-top:18px!important}
}