/* =================================================================== Panele ścienne - kolorystyka i typografia wg księgi znaku STRAMA PANELS, wrzesień 2026. ZAKRES: siedem stron rodziny paneli ściennych /panele-scienne/ (kategoria) /panele-scienne/panele-klasyczne/ /panele-scienne/trudnozapalne/ /panele-scienne/panele-ultra-lekkie/ /panele-scienne/sklejka-naturalna-fornirowana/ /panele-scienne/panele-akustyczne/ /panele-scienne/lamele-scienne/ WSZYSTKIE reguły są zawężone do listy siedmiu klas body.page-slug- (zebranych w jedno :is(...)) i do #main, bo szablon home/templates/home/content_page.html jest WSPÓLNY dla /panele-lazienkowe/, /elewacje-aluminiowe/, /galeria/ i /polityka-prywatnosci/. Nic stąd nie może wyciec na inną stronę. W body nie ma wspólnej klasy tych siedmiu stron (jest tylko page-slug- i c-editorial, a c-editorial mają też łazienki, elewacje i galeria), więc scala je lista slugów. Bliźniacze arkusze: home/static/css/lazienki.css, elewacje.css. Arkusz ładowany PO nowa.css, więc zmienne (--nieb, --nieb-800, --granat, --chlod, --n50, --linia, --szary, --tekst, --ease) i wzorce .btn / .etyk są już dostępne. Co ten plik naprawia (strony dziedziczyły stare wzorce "premium", "material-precision" i "category"): - kremowe tła #F2EFE8 / #F1EEE7 / #F0EDE6 / #F4F2EC / #E9E4DA -> biel, --chlod, --n50 - ciemna zieleń-morska #102B34 (liczby, filtry dekorów) -> --granat - granat #11375F i #0B2540 w CTA i nagłówkach -> --granat - cyjan #157CA8 i obce błękity #0876BD / #1764C7 -> --nieb - nagłówki "Noto Sans Display" 300-520 i Georgia (--serif) -> Poppins 600 (h1 700) - ramki, pudełka i cienie 0 24px 70px -> hairline --linia - .button w kroju "Noto Sans" 650 -> wygląd .btn z księgi Kolejność bloków w StreamField (stan: wrzesień 2026) * kategoria /panele-scienne/: 1 section_heading | 2 card_grid | 3 stats | 4 decor_explorer 5 resource_library | 6 realization_strip | 7 mounting_options 8 image_text | 9 faq | 10 cta * sześć stron produktowych (wszystkie mają ten sam układ): 1 stats | 2 image_text | 3 decor_explorer | 4 technical_table 5 mounting_options | 6 resource_library | 7 card_grid 8 realization_strip | 9 faq | 10 cta =================================================================== */ /* ---- 0. Przemapowanie zmiennych obcych motywów ------------------ Motywy premium-*, material-precision i strama.css trzymają swoje kolory i kroje w zmiennych. Ustawienie ich raz na #main sprowadza do księgi znaku także te miejsca, których nie wymieniamy niżej z nazwy (np. obramowania list, kolory podpisów). Zmienne siedzą na #main, więc nagłówek strony i stopka (poza #main) zostają nietknięte. */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main{ /* kroje */ --serif:Poppins,Arial,sans-serif; --sans:Roboto,Arial,sans-serif; --display:Poppins,Arial,sans-serif; /* strama.css */ --ink:var(--granat);--muted:var(--szary);--paper:#fff;--white:#fff; --stone:var(--chlod);--line:var(--linia);--blue:var(--nieb);--navy:var(--granat); --premium-blue:var(--nieb); /* material-precision.css */ --mp-ink:var(--granat);--mp-ink-soft:var(--tekst);--mp-muted:var(--szary); --mp-paper:var(--chlod);--mp-canvas:#fff;--mp-stone:var(--chlod);--mp-line:var(--linia); --mp-blue:var(--nieb);--mp-blue-dark:var(--nieb-800); --mp-navy:var(--granat);--mp-navy-deep:var(--granat);--mp-shadow:none; /* premium-pages.css + premium-refine.css */ --p-ink:var(--granat);--p-muted:var(--szary);--p-paper:#fff;--p-stone:var(--chlod); --p-line:var(--linia);--p-blue:var(--nieb);--p-navy:var(--granat);--p-navy-deep:var(--granat); --p-shadow:none;--p-shadow-lift:none; /* premium-category.css */ --c-ink:var(--granat);--c-muted:var(--szary);--c-line:var(--linia); --c-blue:var(--nieb);--c-navy:var(--granat);--c-navy-deep:var(--granat); /* premium-decor.css (przeglądarka dekorów) */ --dx-blue:var(--nieb);--dx-navy:var(--granat);--dx-navy-deep:var(--granat); --dx-line:var(--linia);--dx-stone:var(--chlod);--dx-muted:var(--szary); } /* ---- 1. Typografia strony ---------------------------------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h1, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h2, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h3, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h4{ font-family:Poppins,Arial,sans-serif; color:var(--granat); letter-spacing:-.015em; text-wrap:balance; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h1{font-weight:700} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h2, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h3, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main h4{font-weight:600} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main p, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main li, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main dd, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main dt, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main summary{font-family:Roboto,Arial,sans-serif} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .eyebrow{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:12px; letter-spacing:.16em;text-transform:uppercase;color:var(--nieb); } /* przyciski: wygląd .btn / .btn--kontur / .btn--jasny z księgi znaku */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button{ gap:12px;padding:15px 26px;border:1px solid var(--nieb);background:var(--nieb);color:#fff; font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:15px;letter-spacing:0; border-radius:0;box-shadow:none; transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button:hover{background:var(--nieb-800);border-color:var(--nieb-800);color:#fff;box-shadow:none;transform:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button--ghost{background:transparent;color:var(--granat);border-color:var(--szary)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button--ghost:hover{background:var(--granat);color:#fff;border-color:var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button--light{background:#fff;color:var(--granat);border-color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .button--light:hover{background:var(--chlod);border-color:var(--chlod);color:var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .text-link{font-family:Poppins,Arial,sans-serif;font-weight:500;color:var(--nieb)} /* ---- 2. Okruszki + hero ------------------------------------------ */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-subpage-top{background:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero{ background:#fff;border-bottom:1px solid var(--linia);padding:18px 0 76px; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-breadcrumbs{padding:26px 0 8px;color:var(--szary);font-size:12px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-breadcrumbs a{color:var(--szary)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-breadcrumbs a:hover{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-breadcrumbs [aria-current="page"]{color:var(--granat)} /* kreska marki nad nadtytułem - taka sama jak na stronie głównej */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-rule{ display:block;width:56px;height:2px;background:var(--nieb);margin:0 0 22px;border:0; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-title{ font-family:Poppins,Arial,sans-serif;font-weight:700;color:var(--granat); font-size:clamp(36px,4.2vw,58px);line-height:1.06;letter-spacing:-.02em; margin:10px 0 18px;max-width:16ch; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-text{ color:var(--szary);font-size:18px;line-height:1.55;max-width:52ch; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-actions{margin-top:26px;gap:12px} /* fotografia z CMS zostaje, znika tylko miękki cień i zaokrąglenie (0 24px 70px rgba(15,27,35,.10) ze wzorca "premium") */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-media, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-media img{box-shadow:none;border-radius:0;border:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-grid{align-items:center} /* ---- 3. Rytm tła sekcji ------------------------------------------ Naprzemiennie: biel / --chlod / --n50, liczby i CTA na --granat. Dwa różne porządki bloków, więc dwie listy nth-child (opis wyżej). */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content{background:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *{background:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > * > section{background:transparent} /* wyjatek: teaser wizualizatora (mounting_options.html dokleja go pod sekcja montazu) ma wlasne biale tlo z nowa.css - zostawiamy je, zeby suwak przed/po nie lezal na barwnym pasie bloku */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > * > section.wiz{background:#fff} /* kategoria: 1 nagłówek | 2 indeks | 3 liczby | 4 dekory | 5 pobrania 6 realizacje | 7 montaż | 8 tekst+zdjęcie | 9 FAQ | 10 CTA */ body.page-slug-panele-scienne #main .stream-content > *:nth-child(3){background:var(--granat)} body.page-slug-panele-scienne #main .stream-content > *:nth-child(5){background:var(--chlod)} body.page-slug-panele-scienne #main .stream-content > *:nth-child(7){background:var(--n50)} body.page-slug-panele-scienne #main .stream-content > *:nth-child(9){background:var(--chlod)} body.page-slug-panele-scienne #main .stream-content > *:nth-child(10){background:var(--granat)} /* nagłówek "Sześć systemów" i indeks rodzin czytają się jak jedna sekcja */ body.page-slug-panele-scienne #main .stream-content > *:nth-child(2) .c-index-section{padding-top:0} /* strony produktowe: 1 liczby | 2 tekst+zdjęcie | 3 dekory | 4 parametry 5 montaż | 6 pobrania | 7 zastosowania | 8 realizacje | 9 FAQ | 10 CTA */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *:nth-child(1).block-stats{background:var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *:nth-child(4).block-technical_table{background:var(--chlod)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *:nth-child(6).block-resource_library{background:var(--n50)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *:nth-child(8).block-realization_strip{background:var(--chlod)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stream-content > *:nth-child(10).block-cta{background:var(--granat)} /* ---- 4. section_heading ------------------------------------------ */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .section-heading{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .section-heading h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.018em;max-width:22ch; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .section-heading p:not(.eyebrow){ color:var(--szary);font-size:17px;line-height:1.6;max-width:52ch; } /* ---- 5. stats: liczby Poppins 600, kreska --nieb ------------------ */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-section{background:transparent;color:#fff;overflow:hidden} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-section .h-stats-watermark{opacity:.05;filter:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-section .eyebrow{color:#7fc0ea} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-section h2{color:#fff;font-size:clamp(26px,2.8vw,38px)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid{border-top:1px solid rgba(255,255,255,.16)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:last-child{border-right:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article::before{ content:"";display:block;width:34px;height:2px;background:var(--nieb);margin:0 0 22px; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid strong{ font-family:Poppins,Arial,sans-serif;font-weight:600;line-height:1.02; letter-spacing:-.03em;color:#fff;margin-bottom:14px;display:block; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid h3{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:12px;line-height:1.4; letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:6px; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid p{color:#9fb6c9;font-size:13.5px;line-height:1.5} /* wspólna siatka liczb i opisów: wartości mają skrajnie różne długości ("E1" obok "2800 × 600"), więc długa wartość łamała się na dwie linie i spychała swój opis niżej niż sąsiednie. Kreska, liczba, opis i nota siedzą teraz w tych samych wierszach we wszystkich kolumnach (grid-template-rows:subgrid), liczby łapią wspólną linię bazową. */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0;row-gap:0; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article{ display:grid;grid-template-rows:subgrid;grid-row:span 4; border-right:1px solid rgba(255,255,255,.12);padding:34px 30px 18px 30px; } /* pierwsza kolumna jest przyklejona do lewej krawędzi siatki (tak jak nagłówek sekcji), więc jej tekst dostaje tę samą miarę co reszta ręcznie */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:nth-child(4n+1){padding-left:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:nth-child(4n+1) > *{max-width:calc(100% - 30px)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:nth-child(4n){border-right:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article::before{align-self:start;margin:0 0 20px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid strong{ font-size:clamp(30px,2.9vw,46px); font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1; align-self:end;margin-bottom:16px; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid h3{align-self:start;margin-bottom:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid p{align-self:start;margin-top:8px} /* ---- 6. image_text: bez kremowych kart --------------------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .image-text{background:transparent;gap:64px;align-items:center} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-panel::before{display:none} /* kremowa ramka wewnętrzna */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-mark{display:none} /* znak wodny w ciepłym tle */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-panel{ background:transparent;border:0;box-shadow:none;padding:0;color:var(--tekst); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-panel h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.015em; margin:10px 0 16px;max-width:20ch; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body{color:var(--tekst);font-size:16.5px;line-height:1.62} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body p{margin:0 0 14px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body p:last-child{margin-bottom:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body strong, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body b{font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body ul{margin:0 0 14px;padding-left:20px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body li{margin-bottom:7px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body li::marker{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body a{color:var(--nieb);border-bottom:1px solid rgba(0,110,182,.45);transition:border-color .18s} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body a:hover{border-color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-media img{background:var(--chlod);border-radius:0;box-shadow:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-media--video iframe{border:0;background:var(--granat)} /* ---- 7. technical_table: hairline, etykiety w --nieb -------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-section{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-layout header h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.018em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-layout header>p:not(.eyebrow){ color:var(--szary);font-size:16.5px;line-height:1.6; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table{border-top:1px solid var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table>div{border-bottom:1px solid var(--linia);transition:background .22s var(--ease)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table>div:hover{background:rgba(0,110,182,.045)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table dt{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:11px; letter-spacing:.1em;text-transform:uppercase;color:var(--nieb); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table dd{color:var(--tekst);font-size:15.5px;line-height:1.55} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-footnote{ background:#fff;border-left:2px solid var(--nieb);border-radius:0;color:var(--szary); font-size:12.5px;line-height:1.6;padding:16px 20px; } /* ---- 8. mounting_options: karty w hairline ----------------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-section{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-h{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.018em;margin:0; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-intro{color:var(--szary);font-size:16.5px;line-height:1.6;max-width:60ch;margin:12px 0 0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-grid{gap:20px;margin-top:36px;align-items:stretch} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-item{background:#fff;border:1px solid var(--linia);padding:22px 22px 24px;display:flex;flex-direction:column} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-media{background:var(--chlod);border:0;border-radius:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-body{margin-top:20px;padding:18px 0 0;border-top:1px solid var(--linia)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-title{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:17px;line-height:1.25; letter-spacing:-.005em;color:var(--granat); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-text{color:var(--tekst);font-size:14.5px;line-height:1.65;max-width:none;margin-top:10px} /* ---- 9. resource_library: białe wiersze na hairline --------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-resources{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-resource-heading h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.018em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-resource-heading>p:not(.eyebrow){color:var(--szary);font-size:16.5px;line-height:1.6} /* pasek "KLIK! i gotowe" był w kremie #FBFAF6 */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-klik-strip{ background:#fff;border:1px solid var(--linia);border-left:2px solid var(--nieb);border-radius:0; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-klik-text{color:var(--tekst);font-size:14px;line-height:1.6} /* siatka wierszy trzyma kreski prześwitem tła - stąd kolor listy, nie ramki */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-list{background:var(--linia);border-color:var(--linia);border-radius:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row{background:#fff;border-color:var(--linia);border-radius:0;box-shadow:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row:hover{background:var(--chlod)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-body h3{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:17px;line-height:1.3; color:var(--granat);letter-spacing:-.005em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row:hover .r-body h3{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-cat{ font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:10px; letter-spacing:.14em;text-transform:uppercase;color:var(--szary); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-desc{color:var(--tekst);font-size:13.5px;line-height:1.55} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-gated-note{color:var(--szary);font-size:12.5px;line-height:1.5} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-doc-mark, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-doc-fmt{color:var(--szary)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row:hover .r-doc-fmt, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row:hover .r-doc-mark{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-link{ font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:14px;color:var(--nieb); letter-spacing:0;text-transform:none; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-row:hover .r-link{color:var(--nieb-800)} /* ---- 10. card_grid: indeks wierszowy z numerami 01-06 ------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .c-index-section{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid h2.c-index-h{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.018em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid h2.c-index-h::before{width:56px;height:2px;background:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-index{border-top:1px solid var(--linia)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row{border-bottom:1px solid var(--linia);background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row:hover{background:linear-gradient(90deg,rgba(0,110,182,.05),rgba(0,110,182,0) 58%)} /* wielkie numery: --nieb 100 zamiast przygaszonej czerni */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-num-folio{ font-family:Poppins,Arial,sans-serif;font-weight:600;letter-spacing:-.03em; color:#CCE2F0;opacity:1; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row:hover .c-num-folio{color:#99C5E2;opacity:1} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-num-code{ font-family:Poppins,Arial,sans-serif;font-weight:600;letter-spacing:.14em;color:var(--nieb); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-title{ font-family:Poppins,Arial,sans-serif;font-weight:600; font-size:clamp(22px,2.2vw,30px);line-height:1.16;letter-spacing:-.018em;color:var(--granat); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-title a{color:inherit} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row:hover .c-row-title, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row:hover .c-row-title a{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-title a::after{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-text{color:var(--szary);font-size:15.5px;line-height:1.6} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-media{background:var(--chlod)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-row-scrim{ background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0) 40%); } /* ---- 11. realization_strip --------------------------------------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-strip, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-invite{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-head h2, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-invite-copy h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.018em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-lede, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-invite-akcja p{color:var(--szary);font-size:16.5px;line-height:1.6} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-rail{gap:2px;background:var(--linia)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-cell{position:relative;background:var(--chlod);overflow:hidden;margin:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-cell img{transition:transform .45s var(--ease)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-cell:hover img{transform:scale(1.05)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-zoom{background:rgba(23,27,43,.55);color:#fff;border:0;border-radius:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-more, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-invite-link{ font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:15px;color:var(--nieb); letter-spacing:0;text-transform:none;border-bottom:1px solid transparent;transition:border-color .18s; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-more:hover, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-invite-link:hover{border-color:var(--nieb)} /* ---- 12. faq: hairline, znak + / - w --nieb, bez pudełek --------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-section{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-section h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat); font-size:clamp(26px,2.8vw,38px);line-height:1.14;letter-spacing:-.018em; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list{border-top:1px solid var(--linia)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details{ border-bottom:1px solid var(--linia);background:transparent;padding:0;box-shadow:none; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary{ font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:18px;line-height:1.35; letter-spacing:-.005em;color:var(--granat);padding:20px 0;gap:24px; transition:color .18s var(--ease); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary:hover{color:var(--nieb)} /* znak w szablonie to "＋"; podmieniamy go na + / - w kolorze marki */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary span{ font-size:0;line-height:0;color:var(--nieb);transform:none;flex:none;align-self:center; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary span::before{ content:"+";font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:24px;line-height:1;color:var(--nieb); } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details[open] summary{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details[open] summary span{transform:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details[open] summary span::before{content:"\2212"} /* minus */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details > div{ color:var(--tekst);font-size:15.5px;line-height:1.6;padding:0 56px 22px 0; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details > div a{color:var(--nieb)} /* ---- 13. cta: granat, biały tekst, przycisk .btn--jasny ---------- */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-section{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel{ background:var(--granat);box-shadow:none;border-radius:0;color:#fff; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-cta .cta-panel{background:var(--granat)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .eyebrow{color:#7fc0ea} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:#fff; font-size:clamp(28px,3.4vw,46px);line-height:1.1;letter-spacing:-.02em;margin:8px 0 14px;max-width:18ch; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel p:not(.eyebrow){color:#c9d3dc;font-size:17px;line-height:1.55;max-width:46ch} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .button{ background:transparent;color:#fff;border-color:rgba(255,255,255,.55);margin-top:8px; } body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .button:hover{background:#fff;color:var(--granat);border-color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .button--light{background:#fff;color:var(--granat);border-color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .button--light:hover{background:var(--chlod);border-color:var(--chlod)} /* przesłona nad zdjęciem była w starym granacie #0B2540 */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-cta .cta-panel::after{ background:linear-gradient(100deg,var(--granat) 20%,rgba(23,27,43,.74) 58%,rgba(23,27,43,.3) 100%); } /* zdjecie w CTA bylo scisniete do prostokata 570 px: strama.css ma .cta-panel>div{max-width:570px}, a to lapie takze kontener zdjecia, ktory premium-category ustawia na absolute inset:0. Efekt: jasniejszy prostokat na granatowym pasie zamiast tla calego panelu. */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-cta .cta-panel-media{max-width:none;width:auto} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel-media img{opacity:.3;filter:grayscale(.2)} /* ---- 14. decor_explorer (.kf-) ----------------------------------- Moduł przeglądarki dekorów ma układ zaakceptowany przez właściciela, więc dotykamy wyłącznie kolorów akcentu (cyjan #157CA8 i ciemna zieleń-morska #102B34), które odstawały od księgi. Żadnych zmian siatki, proporcji ani zachowania. */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-sekcja{background:transparent} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-sekcja .eyebrow{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-sekcja h2{ font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat);letter-spacing:-.018em; } /* wypelnienie nieaktywnych przyciskow zostaje takie, jakie ma modul (bierze je z przemapowanych zmiennych) - zmieniamy tylko akcent stanu wybranego */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-filtry button[aria-pressed="true"], body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-widoki button[aria-pressed="true"]{background:var(--nieb);border-color:var(--nieb);color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-kategoria{color:var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-kod{color:var(--szary)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-cta{background:var(--nieb);border-color:var(--nieb);color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-cta:hover{background:var(--nieb-800);border-color:var(--nieb-800)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-cta--cichy{background:transparent;color:var(--granat);border-color:var(--szary)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-cta--cichy:hover{background:var(--granat);border-color:var(--granat);color:#fff} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-kafel{border-color:var(--linia);box-shadow:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-kafel[aria-pressed="true"]{border-color:var(--nieb);box-shadow:inset 0 0 0 2px var(--nieb)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-plansza, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-nawig, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-licznik, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-nota{border-color:var(--linia)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .kf-karta h3{font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat)} /* ---- 15. Responsywność ------------------------------------------- */ @media (max-width:1100px){ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero{padding:12px 0 56px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .image-text{gap:36px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article{border-right:0;padding:32px 0 20px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:nth-child(4n+1) > *{max-width:none} /* drugi rząd dostaje własną kreskę, żeby rytm był taki sam jak u góry */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-section .shell{max-width:100%} } @media (max-width:1000px){ /* premium-pages.css od 1000px składa hero w kolumnę i zeruje odstępy */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-grid{gap:24px} } @media (max-width:820px){ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list details > div{padding-right:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-panel h2{max-width:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-title{max-width:none} } @media (max-width:720px){ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero{padding:8px 0 44px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-rule{margin-bottom:16px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-title{font-size:clamp(30px,8.4vw,40px);max-width:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-text{font-size:16.5px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-hero-actions .button{flex:1 1 100%;justify-content:center} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-panel{padding:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .h-imgtext-body{font-size:16px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article::before{margin-bottom:14px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid strong{font-size:32px;margin-bottom:12px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .mt-item{padding:18px 18px 20px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary{font-size:16.5px;gap:16px;padding:16px 0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .faq-list summary span::before{font-size:22px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .cta-panel .button{width:100%;justify-content:center} /* na wąskim ekranie tekst CTA leży na zdjęciu, przesłona musi być niemal pełna */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-cta .cta-panel::after{background:linear-gradient(180deg,var(--granat) 55%,rgba(23,27,43,.9) 100%)} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid .c-num-folio{font-size:32px} } @media (max-width:560px){ /* na telefonie jedna kolumna liczb: przy dwóch kafelki miały po ~160 px i opisy łamały się na cztery linie, a rzędy różniły się wysokością */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid{grid-template-columns:minmax(0,1fr);column-gap:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article{padding:26px 0 22px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article:first-child{border-top:0} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .stats-grid article + article{border-top:1px solid rgba(255,255,255,.12)} } @media (max-width:420px){ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .p-breadcrumbs{overflow:auto;white-space:nowrap} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .technical-table dd{font-size:15px} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .r-body h3{font-size:16px} /* naglowek indeksu przy 26px wychodzil poza kolumne .shell (326 px) */ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .block-card_grid h2.c-index-h{font-size:21px} } @media (prefers-reduced-motion:reduce){ body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-cell img, body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .c-row-media img{transition:none} body:is(.page-slug-panele-scienne,.page-slug-panele-klasyczne,.page-slug-trudnozapalne,.page-slug-panele-ultra-lekkie,.page-slug-sklejka-naturalna-fornirowana,.page-slug-panele-akustyczne,.page-slug-lamele-scienne) #main .rz-cell:hover img{transform:none} }