/* ===================================================================
   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/
     /panele-scienne/akcesoria/

   WSZYSTKIE reguły są zawężone do listy siedmiu klas
   body.page-slug-<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-<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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #main .h-imgtext-media img{background:var(--chlod);border-radius:0;box-shadow:none}
/* makro zamka pioro-wpust ma kanal alfa i ma brac tlo sekcji, w ktorej stoi
   (rytm tla sekcji ustawiaja reguly nth-child wyzej). Podklad --chlod z reguly
   powyzej jest placeholderem pod zdjecia kryjace caly kadr i tutaj robilby
   z grafiki jasny prostokat na barwnym pasie. Do tego zdjecia produktowe moga
   sie kadrowac (cover, min-height 500px), ale rysunek techniczny nie: na 390 px
   kadr 350x528 obcinal zamek i zostawal sam dekor. Stad contain + wlasna
   proporcja. UWAGA: 1000/760 to nie jest wolny wybor - szablon bloku
   image_text tnie obraz przez fill-1000x760, wiec plik zrodlowy MUSI byc
   w tej proporcji, inaczej dolne pietro z przekrojem zostanie odciete
   jeszcze po stronie serwera. Zawezone do jednego pliku. */
body.page-slug-panele-scienne #main .h-imgtext-media img[src*="zamek-piorowpust"]{background:transparent;object-fit:contain;height:auto;min-height:0;aspect-ratio:1000/760}

/* Gorne pietro tej grafiki to dwa zdjecia, nie render: panele ROZLACZONE,
   ktore skladaja sie PRZY PRZEWIJANIU strony. Plik z CMS niesie samo dolne
   pietro (przekroj z podpisami - jedyna czesc tlumaczona) i stoi nieruchomo.
   Gore rysuja dwie warstwy: oba stany wystaja poza siebie, wiec zlaczone nie
   zakryja rozlaczonych i kazdy stan musi isc osobno.
   Ile jest zlozone, mowi `--zlozenie` (0..1) ustawiane przez `initZamekZlaczenie`
   w pages.js. Bez JavaScriptu zmienna zostaje na 0, czyli widac panele
   rozlaczone - stan czytelny sam w sobie, nie pusta ramka.
   Warstwy sa jezykowo neutralne (na zdjeciach nie ma ani slowa), stad staly
   adres w /media/ zamiast renditionu z Wagtaila.
   Geometria: warstwy maja to samo plotno 2000x1520 co obraz z CMS, wiec
   wystarczy im ta sama szerokosc i ta sama proporcja co obrazkowi. NIE inset:0
   - kontener bywa wyzszy od obrazka (zmierzone: 370 px przy obrazku 342 px)
   i warstwy zjechalyby o polowe tej roznicy w dol.
   ZASIEG: wszystkie 18 jezykow. Obraz w CMS ma w kazdym z nich puste gorne
   pietro (`zamek_jezyk.py <kod>` przenosi je z pliku polskiego), wiec warstwy
   niczego nie dubluja. Gdyby kiedys wrocil tam render, reguly trzeba zdjac. */
body.page-slug-panele-scienne #main .h-imgtext-media:has(img[src*="zamek-piorowpust"]){position:relative;--zlozenie:0}
body.page-slug-panele-scienne #main .h-imgtext-media:has(img[src*="zamek-piorowpust"])::before,
body.page-slug-panele-scienne #main .h-imgtext-media:has(img[src*="zamek-piorowpust"])::after{
  content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:1000/760;pointer-events:none;
  background-position:center;background-repeat:no-repeat;background-size:contain;
}
body.page-slug-panele-scienne #main .h-imgtext-media:has(img[src*="zamek-piorowpust"])::before{
  background-image:url("/media/konfigurator/znaki/zamek/zamek-piorowpust-panele-rozlaczone.webp?v=1");opacity:calc(1 - var(--zlozenie));
}
body.page-slug-panele-scienne #main .h-imgtext-media:has(img[src*="zamek-piorowpust"])::after{
  background-image:url("/media/konfigurator/znaki/zamek/zamek-piorowpust-panele-zlaczone.webp?v=1");opacity:var(--zlozenie);
}

/* Przy przewijaniu ruszaja sie TYLKO panele u gory (patrz `--zlozenie` wyzej).
   Sam blok i rysunek pod nim stoja, a to wymaga zdjecia dwoch cudzych ruchow:
   1. `.reveal-ready` ze strama.js - wjazd calego bloku od dolu (opacity +
      translateY 28px). Przy rysunku technicznym czytelnik probuje porownac
      przekroj z opisem obok, a plywajaca grafika w tym przeszkadza.
   2. `.image-text:hover img{transform:scale(1.03)}` z premium-home.css -
      powiekszenie po najechaniu. Rysunek techniczny ma stac tam, gdzie stoi,
      a skala 1.03 rozjechalaby go z warstwami, ktore skali nie dostaja. */
body.page-slug-panele-scienne #main .block-image_text:has(img[src*="zamek-piorowpust"]).reveal-ready{
  opacity:1;transform:none;transition:none;
}
body.page-slug-panele-scienne #main .image-text:hover img[src*="zamek-piorowpust"]{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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #main .mt-text{color:var(--tekst);font-size:14.5px;line-height:1.65;max-width:none;margin-top:10px}


/* ---- 8b. mounting_options na stronie Akcesoria -------------------
   Rysunki przekrojow sa szerokie i plaskie, wiec domyslne wysokie karty
   rozpychaly sekcje na dwa ekrany. Tu caly komplet idzie w JEDNYM wierszu,
   rysunek siedzi w stalej ramce i jest wpasowany (contain), nie przyciety. */
body.page-slug-akcesoria #main .mt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin-top:24px}
body.page-slug-akcesoria #main .mt-item{padding:14px}
body.page-slug-akcesoria #main .mt-media{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
body.page-slug-akcesoria #main .mt-media img{width:100%;height:100%;object-fit:contain}
body.page-slug-akcesoria #main .mt-body{margin-top:12px;padding-top:12px}
body.page-slug-akcesoria #main .mt-title{font-size:15px}
body.page-slug-akcesoria #main .mt-text{font-size:13.5px;line-height:1.55;margin-top:6px}
@media (max-width:900px){
body.page-slug-akcesoria #main .mt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
body.page-slug-akcesoria #main .mt-grid{grid-template-columns:minmax(0,1fr)}
}

/* Szablon mounting_options dokleja pod soba newsletter i teaser wizualizatora.
   Strona ma DWA takie bloki, wiec doklejki wychodzily dwa razy. Zostawiamy je
   przy ostatnim bloku; pierwszy poznajemy po tym, ze nie poprzedza go zaden
   inny blok tego typu. */
body.page-slug-akcesoria #main .block-mounting_options:not(.block-mounting_options ~ .block-mounting_options) > :is(.nl,.wiz){display:none}

/* Obrazy produktowe na tej stronie to rendery z PRZEZROCZYSTYM tlem: listwa ma
   lezec na tle sekcji, nie w bialym prostokacie. Stad contain zamiast cover
   (inaczej kadr obcinal koniec listwy), zero cienia, ramki i gradientu. */
body.page-slug-akcesoria #main .p-hero-media,body.page-slug-akcesoria #main .page-hero-media{background:transparent;box-shadow:none;border:0;margin-inline:0;width:auto}
body.page-slug-akcesoria #main .p-hero-media img,body.page-slug-akcesoria #main .page-hero-media img{object-fit:contain;min-height:0;filter:none;transform:none}
body.page-slug-akcesoria #main .p-hero-shade{display:none}
body.page-slug-akcesoria #main .p-hero-media::after,body.page-slug-akcesoria #main .page-hero-media::after{display:none}
body.page-slug-akcesoria #main .cta-panel-media{background:transparent;box-shadow:none;border:0}
body.page-slug-akcesoria #main .cta-panel-media img{object-fit:contain;background:transparent!important}

/* Legenda na telefonie: plansza i lista maja zmiescic sie na jednym ekranie,
   wiec rysunek dostaje staly udzial wysokosci, a lista wlasne przewijanie. */
@media (max-width:720px){
/* Bez zatrzaskiwania na telefonie: przewijanie samo skakalo z bloku na blok,
   a palec nie mial szans zatrzymac sie w polowie sekcji. */
body.page-slug-akcesoria #main .lg-section{scroll-snap-align:none;scroll-margin-top:66px}
body.page-slug-akcesoria #main .lg-grid{gap:10px;margin-top:16px}
body.page-slug-akcesoria #main .lg-plansza{padding:8px}
body.page-slug-akcesoria #main .lg-plansza img.lg-podklad{left:8px;top:8px;width:calc(100% - 16px)}
body.page-slug-akcesoria #main .lg-poz{padding:8px 10px}
body.page-slug-akcesoria #main .lg-tytul{font-size:13px}
body.page-slug-akcesoria #main .lg-opis{font-size:12px;line-height:1.45}
body.page-slug-akcesoria #main .lg-intro{font-size:14px}
}

/* Przekroje montazowe jako mini-galeria: z lewej miniatury, z prawej duzy
   podglad z opisem. W siatce czterech kart rysunki byly nieczytelne, a to
   wlasnie tam sa wymiary montazowe. */
body.page-slug-akcesoria #main .mt-gal{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:16px;margin-top:24px;align-items:start}
body.page-slug-akcesoria #main .mt-gal-lista{display:flex;flex-direction:column;gap:8px}
body.page-slug-akcesoria #main .mt-gal-mini{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;padding:8px;background:#fff;border:1px solid var(--linia);cursor:pointer;text-align:left;transition:border-color .2s var(--ease)}
body.page-slug-akcesoria #main .mt-gal-mini img{display:block;width:76px;height:48px;object-fit:contain;background:var(--chlod)}
body.page-slug-akcesoria #main .mt-gal-mini span{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:12.5px;line-height:1.3;color:var(--granat)}
body.page-slug-akcesoria #main .mt-gal-mini:hover{border-color:var(--nieb)}
body.page-slug-akcesoria #main .mt-gal-mini[aria-selected="true"]{border-color:var(--nieb);box-shadow:inset 0 0 0 1px var(--nieb)}
body.page-slug-akcesoria #main .mt-gal-podglad{margin:0;background:#fff;border:1px solid var(--linia);padding:16px;display:grid;gap:14px}
body.page-slug-akcesoria #main .mt-gal-obraz{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:var(--chlod)}
body.page-slug-akcesoria #main .mt-gal-opis{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--linia)}
body.page-slug-akcesoria #main .mt-gal-tytul{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:16px;color:var(--granat)}
body.page-slug-akcesoria #main .mt-gal-tekst{color:var(--tekst);font-size:14px;line-height:1.6}
@media (max-width:820px){
body.page-slug-akcesoria #main .mt-gal{grid-template-columns:minmax(0,1fr)}
body.page-slug-akcesoria #main .mt-gal-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
body.page-slug-akcesoria #main .mt-gal-mini{grid-template-columns:minmax(0,1fr);gap:6px;text-align:center;padding:6px}
body.page-slug-akcesoria #main .mt-gal-mini img{width:100%;height:44px}
body.page-slug-akcesoria #main .mt-gal-mini span{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.page-slug-akcesoria #main .mt-gal-podglad{padding:10px}
body.page-slug-akcesoria #main .mt-gal-obraz{max-height:46vh}
}

@media (max-width:820px){
body.page-slug-akcesoria #main .h-stats-watermark{display:none}
}

/* ---- 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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #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,.page-slug-akcesoria) #main .rz-cell:hover img{transform:none}
}

/* ---- 15. legenda_planszy: numery na planszy + lista opisow --------
   Numery sa w HTML-u nad obrazem (nie w pliku), wiec sie tlumacza i daja
   podswietlac. Wzorzec wizualny jak reszta: biala karta 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,.page-slug-akcesoria) #main .lg-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,.page-slug-akcesoria) #main .lg-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,.page-slug-akcesoria) #main .lg-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,.page-slug-akcesoria) #main .lg-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:20px;margin-top:36px;align-items:start}
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,.page-slug-akcesoria) #main .lg-plansza{position:relative;margin:0;background:#fff;border:1px solid var(--linia);padding:18px}
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,.page-slug-akcesoria) #main .lg-plansza img{display:block;width:100%;height: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,.page-slug-akcesoria) #main .lg-znacznik{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid var(--nieb);background:#fff;color:var(--nieb);font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:15px;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center;transition:background .18s var(--ease),color .18s var(--ease),transform .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,.page-slug-akcesoria) #main .lg-znacznik:hover,.lg-znacznik:focus-visible,.lg-znacznik.is-aktywny{background:var(--nieb);color:#fff;transform:translate(-50%,-50%) scale(1.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,.page-slug-akcesoria) #main .lg-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap: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,.page-slug-akcesoria) #main .lg-poz{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--linia);padding:14px 16px;cursor:default;transition:border-color .18s var(--ease),background .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,.page-slug-akcesoria) #main .lg-poz:hover,.lg-poz:focus-visible,.lg-poz.is-aktywny{border-color:var(--nieb);background:var(--n50,#E6F1F8)}
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,.page-slug-akcesoria) #main .lg-nr{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--nieb);color:var(--nieb);display:grid;place-items:center;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:13px;line-height: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,.page-slug-akcesoria) #main .lg-poz.is-aktywny .lg-nr{background: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,.page-slug-akcesoria) #main .lg-tresc{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,.page-slug-akcesoria) #main .lg-tytul{display:block;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.3;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,.page-slug-akcesoria) #main .lg-opis{display:block;color:var(--tekst);font-size:14px;line-height:1.55;margin-top:4px}
@media (max-width:900px){
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,.page-slug-akcesoria) #main .lg-grid{grid-template-columns:1fr}
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,.page-slug-akcesoria) #main .lg-znacznik{width:28px;height:28px;font-size:13px}
}

/* Przewijanie zatrzymuje sie na przegladarce listew: ta sekcja zajmuje caly
   ekran, wiec ma sens dosunac ja pod header. Regula musi siedziec na `html`
   (to on jest kontenerem przewijania), stad :has zamiast klasy na body. */
html:has(body.page-slug-akcesoria){scroll-snap-type:y proximity}
/* Na waskim ekranie zatrzask wylaczony calkiem: na telefonie strona skakala
   miedzy sekcjami zamiast przewijac sie plynnie. */
@media (max-width:900px){html:has(body.page-slug-akcesoria){scroll-snap-type:none}}
/* Zapora na poziomy rozjazd: cokolwiek w srodku strony chwilowo wystaje poza
   ekran (np. plotno WebGL, zanim model-viewer nada mu wlasny rozmiar),
   nie ma prawa rozepchnac strony. `clip` zamiast `hidden`, bo `hidden`
   robi z elementu kontener przewijania i psuje position:sticky. */
@media (max-width:900px){
body.page-slug-akcesoria #main{overflow-x:clip}
body.page-slug-akcesoria #main .pl3-media{contain:paint}
}
/* ---- 16. przegladarka_listew: przekroj + model 3D + pasek dekorow ---
   Sekcja na caly ekran ze scroll-snapem, jak konfigurator dekorow. Scena jest
   dwudzielna: po lewej rysunek przekroju (ten sam we wszystkich dekorach), po
   prawej model GLB w wybranym dekorze. Pod spodem POZIOMY pasek dekorow -
   kafle o JEDNYM rozmiarze, ze strzalkami na desktopie. */
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,.page-slug-akcesoria) #main .pl3-section{padding:0;background:transparent;scroll-snap-align:start;scroll-margin-top:108px}
/* height, nie min-height: dopiero wtedy flex rozdziela wysokosc i scena dostaje
   reszte. Przy min-height model-viewer bral swoja wysokosc wlasna i sekcja
   rosla ponad ekran. */
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,.page-slug-akcesoria) #main .pl3-shell{height:calc(100dvh - 108px);min-height:560px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-top:18px;padding-bottom:18px}
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,.page-slug-akcesoria) #main .pl3-naglowek{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42ch);gap:10px 32px;align-items:end}
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,.page-slug-akcesoria) #main .pl3-h{font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--granat);font-size:clamp(24px,2.5vw,34px);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,.page-slug-akcesoria) #main .pl3-intro{color:var(--szary);font-size:15.5px;line-height:1.55;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,.page-slug-akcesoria) #main .pl3-item{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--linia);padding: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,.page-slug-akcesoria) #main .pl3-listwy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
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,.page-slug-akcesoria) #main .pl3-listwa{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--linia);border-radius:0;cursor:pointer;text-align:left;transition:border-color .2s var(--ease),box-shadow .2s 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,.page-slug-akcesoria) #main .pl3-listwa-rys{flex:0 0 72px;width:72px;height:26px;object-fit:contain;object-position:left 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,.page-slug-akcesoria) #main .pl3-listwa-txt{min-width: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,.page-slug-akcesoria) #main .pl3-listwa-nazwa{display:block;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.25;color:var(--granat);overflow:hidden;text-overflow:ellipsis;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,.page-slug-akcesoria) #main .pl3-listwa-kod{display:block;font-size:12px;color:var(--szary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;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,.page-slug-akcesoria) #main .pl3-listwa: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,.page-slug-akcesoria) #main .pl3-listwa[aria-pressed="true"]{border-color:var(--nieb);box-shadow:inset 0 -3px 0 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,.page-slug-akcesoria) #main .pl3-scena{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center}
/* Obraz POZYCJONOWANY na wszystkich czterech krawedziach: procenty wysokosci
   w siatce nie rozwiazywaly sie tak, jak trzeba, i rysunek wychodzil poza
   komorke na waskim ekranie. Przy podanych wszystkich insetach i width/height
   auto element ZASTEPOWANY (img) i tak bierze rozmiar wlasny, wiec szerokosc
   i wysokosc liczymy jawnie z calc, a object-fit dba o proporcje. */
/* Globalne `img{display:block}` wygrywa z regula UA `[hidden]{display:none}`,
   wiec ukryte przekroje trzeba wygasic jawnie - inaczej widac wszystkie trzy. */
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,.page-slug-akcesoria) #main .pl3-plakietka{position:absolute;left:0;top:0;z-index:2;padding:8px 14px;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--szary);pointer-events:none}
/* Okno modelu ma STALA proporcje 16:9 i jest wysrodkowane w tym, co zostalo
   z wysokosci sekcji. Przy oknie rozciaganym na cala reszte wychodzil pas
   3:1, w ktorym listwa 300 mm lezala jak kreska - proporcje nie trzymaly sie
   kupy. */
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,.page-slug-akcesoria) #main .pl3-media{position:relative;width:100%;max-width:calc((100% - 0px));aspect-ratio:16/9;max-height:100%;margin:0 auto;background:var(--chlod);overflow:hidden;display:grid;place-items:center}
/* touch-action tez w CSS, nie tylko atrybutem: gest w pionie ma przewijac
   strone, a nie obracac model. */
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,.page-slug-akcesoria) #main .pl3-media model-viewer{width:100%;height:100%;background:var(--chlod);--poster-color:transparent;touch-action:pan-y}
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,.page-slug-akcesoria) #main .pl3-czekaj{margin:0;padding:0 24px;text-align:center;color:var(--szary);font-size:13.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,.page-slug-akcesoria) #main .pl3-podpis{flex:0 0 auto;margin:0;padding:10px 2px 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
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,.page-slug-akcesoria) #main .pl3-podpis-nazwa{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:14.5px;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,.page-slug-akcesoria) #main .pl3-podpis-dekor{font-size:13.5px;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,.page-slug-akcesoria) #main .pl3-stopka{flex:0 0 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,.page-slug-akcesoria) #main .pl3-etykieta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0 0 8px;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,.page-slug-akcesoria) #main .pl3-wskazowka{font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:0;text-transform:none;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,.page-slug-akcesoria) #main .pl3-pas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width: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,.page-slug-akcesoria) #main .pl3-strzalka{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid var(--linia);border-radius:0;color:var(--granat);cursor:pointer;transition:border-color .2s var(--ease),color .2s 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,.page-slug-akcesoria) #main .pl3-strzalka svg{width:18px;height:18px;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,.page-slug-akcesoria) #main .pl3-strzalka:hover{border-color:var(--nieb);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,.page-slug-akcesoria) #main .pl3-strzalka[disabled]{opacity:.3;cursor:default;border-color:var(--linia);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,.page-slug-akcesoria) #main .pl3-dekory{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}
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,.page-slug-akcesoria) #main .pl3-dekor{display:flex;flex-direction:column;gap:6px;padding:6px;background:#fff;border:1px solid var(--linia);border-radius:0;cursor:pointer;text-align:center;scroll-snap-align:start;transition:border-color .2s 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,.page-slug-akcesoria) #main .pl3-dekor img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
/* Wysokosc = DOKLADNIE dwa wiersze (2 x 13 px). Przy wartosci dobranej na oko
   trzeci wiersz byl przyciety w polowie liter i kafle wygladaly na rozjechane. */
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,.page-slug-akcesoria) #main .pl3-dekor span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:26px;font-size:10.5px;line-height:13px;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,.page-slug-akcesoria) #main .pl3-dekor: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,.page-slug-akcesoria) #main .pl3-dekor:hover span{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,.page-slug-akcesoria) #main .pl3-dekor[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,.page-slug-akcesoria) #main .pl3-dekor[aria-pressed="true"] span{color:var(--nieb)}
@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,.page-slug-akcesoria) #main .pl3-naglowek{grid-template-columns:minmax(0,1fr)}
/* Na telefonie rysunek przekroju dostaje STALA wysokosc: przy udziale
   procentowym schodzil do ok. 90 px i opisy wymiarow bylo widac, ale nie
   dalo sie ich odczytac. Model bierze reszte. */
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,.page-slug-akcesoria) #main .pl3-scena{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
/* Listwa lezy poziomo, wiec okno tez musi byc szersze niz wyzsze. W kadrze
   zblizonym do kwadratu kamera musi sie odsunac o tyle, zeby zmiescila sie
   DLUGOSC - i model robi sie maly, z pustymi pasami nad i pod. */
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,.page-slug-akcesoria) #main .pl3-media{aspect-ratio:16/10;width:100%;height:auto;max-height: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,.page-slug-akcesoria) #main .pl3-dekory{grid-auto-columns:64px;gap: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,.page-slug-akcesoria) #main .pl3-dekor img{width:64px;height:64px}
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,.page-slug-akcesoria) #main .pl3-etykieta{margin:0 0 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,.page-slug-akcesoria) #main .pl3-podpis{padding:8px 2px 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,.page-slug-akcesoria) #main .pl3-podpis-nazwa{font-size:13px}
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,.page-slug-akcesoria) #main .pl3-podpis-dekor{font-size:12.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,.page-slug-akcesoria) #main .pl3-intro{display: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,.page-slug-akcesoria) #main .pl3-h{font-size:22px}
}
@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,.page-slug-akcesoria) #main .pl3-section{scroll-margin-top:66px;scroll-snap-align: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,.page-slug-akcesoria) #main .pl3-shell{height:auto;min-height:0;gap:12px;padding-top:12px;padding-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,.page-slug-akcesoria) #main .pl3-item{padding:12px;gap: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,.page-slug-akcesoria) #main .pl3-listwy{grid-template-columns:repeat(3,minmax(0,1fr));gap: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,.page-slug-akcesoria) #main .pl3-listwa{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 6px 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,.page-slug-akcesoria) #main .pl3-listwa-rys{flex:0 0 auto;width:100%;height: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,.page-slug-akcesoria) #main .pl3-listwa-nazwa{font-size:11px;line-height:1.2;white-space:normal}
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,.page-slug-akcesoria) #main .pl3-listwa-kod{font-size:9.5px;line-height:1.2;white-space:normal}
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,.page-slug-akcesoria) #main .pl3-listwa{padding:6px 10px;gap: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,.page-slug-akcesoria) #main .pl3-listwa-rys{flex:0 0 54px;width:54px;height: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,.page-slug-akcesoria) #main .pl3-listwa-nazwa{font-size:13px}
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,.page-slug-akcesoria) #main .pl3-listwa-kod{font-size:11.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,.page-slug-akcesoria) #main .pl3-dekory{grid-auto-columns:72px;gap: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,.page-slug-akcesoria) #main .pl3-strzalka{width:30px;height: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,.page-slug-akcesoria) #main .pl3-pas{gap:6px}
}
/* maly kadr w lewym gornym rogu: POWIEKSZENIE tekstury wybranego dekoru.
   Model ogladany z dystansu nie pokazuje usloju ani ziarna, a to o nie
   pyta klient przy wyborze dekoru. */
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,.page-slug-akcesoria) #main .pl3-mini{position:absolute;left:14px;top:14px;z-index:2;width:clamp(96px,14%,150px);aspect-ratio:1/1;background:#fff;border:1px solid var(--linia);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,.page-slug-akcesoria) #main .pl3-mini img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(2.6);transform-origin:center}
/* Na telefonie kwadrat z tekstura musi byc MALY: przy 14% szerokosci zaslanial
   listwe, gdy model zostal obrocony do konca. Blok stoi PO regule ogolnej,
   bo przy rownej specyficznosci liczy sie kolejnosc, a @media samo z siebie
   nie wygrywa. */
@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,.page-slug-akcesoria) #main .pl3-mini{left:8px;top:8px;width:60px}
}
@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,.page-slug-akcesoria) #main .pl3-mini{width:52px}
}
/* pasek dekorow: probki bez ramek-pudelek, nazwa tylko przy wybranym */
/* min-width:0 jest KONIECZNE: element siatki domyslnie nie kurczy sie ponizej
   swojej zawartosci, wiec pasek 21 probek rozpychal cala strone w poziomie
   zamiast przewijac sie w srodku. */
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,.page-slug-akcesoria) #main .pl3-dekory{display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:8px;min-width:0;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain}
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,.page-slug-akcesoria) #main .pl3-dekor{display:block;padding:0;background:none;border:0;border-radius:0;cursor:pointer;scroll-snap-align:start;line-height: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,.page-slug-akcesoria) #main .pl3-dekor img{display:block;width:56px;height:56px;object-fit:cover;border:1px solid var(--linia);transition:outline-color .18s var(--ease),transform .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,.page-slug-akcesoria) #main .pl3-dekor span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);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,.page-slug-akcesoria) #main .pl3-dekor:hover img{outline:2px solid var(--nieb);outline-offset:2px}
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,.page-slug-akcesoria) #main .pl3-dekor[aria-pressed="true"] img{outline:2px solid var(--nieb);outline-offset:2px;transform:scale(1.04)}
/* ---- pasek dekorow v2: bez systemowego suwaka i bez pudelek ----------
   Systemowy pasek przewijania pod probkami wygladal jak element formularza,
   a strzalki w ramkach ciagnely wzrok mocniej niz same dekory. Teraz:
   - probki sa wieksze i same niosa zaznaczenie (obwodka + uniesienie),
   - konce paska gasna maska, wiec od razu widac, ze jest czego szukac dalej,
   - strzalki plywaja NAD paskiem i pokazuja sie dopiero pod kursorem,
     a na dotyku znikaja calkiem (tam dziala palec),
   - zamiast suwaka jest cienka kreska postepu, liczona w listwy3d.js. */
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,.page-slug-akcesoria) #main .pl3-stopka{position:relative}
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,.page-slug-akcesoria) #main .pl3-etykieta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:0 0 10px;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;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,.page-slug-akcesoria) #main .pl3-wskazowka{font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:0;text-transform:none;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,.page-slug-akcesoria) #main .pl3-pas{position:relative;display:block;min-width:0;padding-bottom:10px}
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,.page-slug-akcesoria) #main .pl3-dekory{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;min-width:0;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--pl3-zanik-l,0px),#000 calc(100% - var(--pl3-zanik-p,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--pl3-zanik-l,0px),#000 calc(100% - var(--pl3-zanik-p,0px)),transparent 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,.page-slug-akcesoria) #main .pl3-dekory::-webkit-scrollbar{display: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,.page-slug-akcesoria) #main .pl3-dekor{flex:0 0 auto;display:block;width:58px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;scroll-snap-align:center;line-height: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,.page-slug-akcesoria) #main .pl3-dekor img{display:block;width:58px;height:58px;object-fit:cover;border:0;outline:0;box-shadow:0 0 0 1px var(--linia);transition:box-shadow .18s var(--ease),transform .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,.page-slug-akcesoria) #main .pl3-dekor span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);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,.page-slug-akcesoria) #main .pl3-dekor:hover img{box-shadow:0 0 0 1px var(--nieb);transform:translateY(-2px)}
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,.page-slug-akcesoria) #main .pl3-dekor:focus-visible img{box-shadow: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,.page-slug-akcesoria) #main .pl3-dekor[aria-pressed="true"] img{box-shadow:0 0 0 2px var(--nieb),0 8px 18px rgba(16,32,52,.16);transform:translateY(-3px)}
/* kreska postepu zamiast systemowego suwaka */
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,.page-slug-akcesoria) #main .pl3-pas:after{content:"";position:absolute;left:2px;right:2px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,var(--linia) 12px,var(--linia) calc(100% - 12px),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,.page-slug-akcesoria) #main .pl3-pas:before{content:"";position:absolute;bottom:4px;height:2px;z-index:2;background:var(--nieb);opacity:.85;width:var(--pl3-udzial,100%);left:calc(2px + (100% - 4px - var(--pl3-udzial,100%)) * var(--pl3-post,0));transition:left .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,.page-slug-akcesoria) #main .pl3-pas.pl3-bez-suwaka:before,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,.page-slug-akcesoria) #main .pl3-pas.pl3-bez-suwaka:after{display:none}
/* strzalki plywaja nad koncami paska */
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,.page-slug-akcesoria) #main .pl3-strzalka{position:absolute;top:calc(50% - 7px);transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid var(--linia);box-shadow:0 6px 18px rgba(16,32,52,.14);color:var(--granat);cursor:pointer;opacity:0;transition:opacity .2s var(--ease),color .2s var(--ease),border-color .2s 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,.page-slug-akcesoria) #main .pl3-strzalka svg{width:16px;height:16px;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,.page-slug-akcesoria) #main .pl3-strzalka[data-pl3d-przewin="-1"]{left:-4px}
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,.page-slug-akcesoria) #main .pl3-strzalka[data-pl3d-przewin="1"]{right:-4px}
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,.page-slug-akcesoria) #main .pl3-pas:hover .pl3-strzalka,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,.page-slug-akcesoria) #main .pl3-strzalka:focus-visible{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,.page-slug-akcesoria) #main .pl3-strzalka:hover{border-color:var(--nieb);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,.page-slug-akcesoria) #main .pl3-strzalka[disabled]{opacity:0;pointer-events:none}
@media (hover: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,.page-slug-akcesoria) #main .pl3-strzalka{display: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,.page-slug-akcesoria) #main .pl3-dekory{gap:8px;padding:4px 2px 10px}
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,.page-slug-akcesoria) #main .pl3-dekor{width:52px}
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,.page-slug-akcesoria) #main .pl3-dekor img{width:52px;height:52px}
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,.page-slug-akcesoria) #main .pl3-dekor[aria-pressed="true"] img{transform:translateY(-2px);box-shadow:0 0 0 2px var(--nieb),0 5px 12px rgba(16,32,52,.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,.page-slug-akcesoria) #main .pl3-pas{padding-bottom:8px}
}
@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,.page-slug-akcesoria) #main .pl3-dekor 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,.page-slug-akcesoria) #main .pl3-dekor:hover 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,.page-slug-akcesoria) #main .pl3-dekor[aria-pressed="true"] img{transform:none;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,.page-slug-akcesoria) #main .pl3-dekory{scroll-behavior:auto}
}
/* Zakladki listw na telefonie: kafel byl wysoki na trzy wiersze i spychal
   model w dol. Przekroj idzie na gore, nazwa ma dwa wiersze, kod jeden. */
@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,.page-slug-akcesoria) #main .pl3-listwy{gap: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,.page-slug-akcesoria) #main .pl3-listwa{flex-direction:column;align-items:stretch;gap:4px;padding:8px 7px 9px;text-align:left}
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,.page-slug-akcesoria) #main .pl3-listwa-rys{flex:0 0 auto;width:100%;height:16px;object-position: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,.page-slug-akcesoria) #main .pl3-listwa-nazwa{font-size:11.5px;line-height:1.18;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;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,.page-slug-akcesoria) #main .pl3-listwa-kod{font-size:9.5px;line-height:1.2;margin-top:1px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;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,.page-slug-akcesoria) #main .pl3-listwa[aria-pressed="true"]{box-shadow:inset 0 -2px 0 var(--nieb)}
}

/* ---- 17. legenda: podswietlanie calej listwy ---------------------- */
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,.page-slug-akcesoria) #main .lg-plansza{position:relative}
/* Selektor MUSI byc `.lg-plansza img.lg-podklad`: samo `.lg-podklad` przegrywa
   specyficznoscia z `.lg-plansza img{width:100%}` i warstwa rozciagala sie na
   cala karte razem z paddingiem - podswietlenie schodzilo z listew. */
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,.page-slug-akcesoria) #main .lg-plansza img.lg-podklad{position:absolute;left:18px;top:18px;width:calc(100% - 36px);height:auto;opacity:0;pointer-events:none;transition:opacity .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,.page-slug-akcesoria) #main .lg-plansza img.lg-podklad.is-aktywny{opacity:1}