/*
Theme Name: Serwis - BXT4
Template: service-base
Description: bxt4.pl - wygląd z broszury Signode BXT4 (czerwień #d83e18, antracyt #39464c, Zilla Slab + Open Sans).
Version: 1.0.37
Text Domain: serwis
*/
/* bxt4.pl - kolorystyka z broszury Signode BXT4: czerwień #d83e18, antracyt narzędzia #39464c,
   tekst #2f2f31, białe tło, szare heksagony; nagłówki slab (Zilla Slab), tekst Open Sans.
   Nazwy zmiennych --zolty* zostały z pierwszej wersji - to teraz akcent (czerwień). */
:root{
  --zolty:#d83e18; --zolty-2:#b9330f; --zolty-jasny:#fbeae4; --akcent-ciemne:#f07250;
  --grafit:#39464c; --grafit-2:#2b3337; --grafit-3:#4b585e;
  --tekst:#2f2f31; --tekst-2:#5e6569; --linia:#dfe2e3; --tlo:#f3f4f4; --bialy:#fff;
  --czerwony:#d83e18;
  --r:2px; --szer:1180px;
  --font:"Open Sans","Open Sans Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-h:"Zilla Slab","Zilla Slab Fallback",Rockwell,Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--font);color:var(--tekst);background:var(--bialy);-webkit-text-size-adjust:100%}
img,video,iframe{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.2;margin:0 0 .6em;color:var(--grafit-2)}
h1{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:700}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700}
h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
.wrap{max-width:var(--szer);margin:0 auto;padding:0 20px}
.sr{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:0;background:var(--zolty);padding:8px 14px;z-index:99}
.skip:focus{left:8px}

/* górny pasek */
.topbar{background:var(--grafit-2);color:#cfd3d6;font-size:.88rem}
.topbar .wrap{display:flex;gap:26px;align-items:center;min-height:40px;flex-wrap:wrap}
.topbar a{text-decoration:underline;text-underline-offset:3px;color:var(--zolty)}   /* podkreślenie: link nie tylko kolorem (dostępność) */
.topbar .ico{color:var(--zolty);margin-right:6px}
.topbar .prawo{margin-left:auto}

/* nagłówek */
.naglowek{background:var(--grafit);color:#fff}
.naglowek .wrap{display:flex;align-items:center;gap:30px;min-height:92px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.logo-znak{font:800 2.3rem/1 var(--font-h);letter-spacing:-.02em}
.logo-znak b{color:var(--zolty);font-size:2.6rem;position:relative;top:-.18em;margin-left:1px}
.logo-opis{font-size:.66rem;line-height:1.25;text-transform:uppercase;letter-spacing:.08em;color:#aab0b4;border-left:1px solid #4a5054;padding-left:12px}
.logo-opis strong{display:block;color:var(--zolty);font-weight:500}
.info-box{display:flex;gap:12px;align-items:center;padding-left:26px;border-left:1px solid #41474a}
.info-box svg{width:26px;height:26px;color:var(--zolty);flex:none}
.info-box span{display:block;font-size:.95rem;line-height:1.3}
.info-box small{color:var(--zolty);font-size:.95rem}
.info-box a{text-decoration:none}
.naglowek .przyciski{margin-left:auto;display:flex;gap:10px}

.btn{display:inline-flex;align-items:center;gap:10px;background:var(--zolty);color:var(--grafit-2);font:600 .95rem/1 var(--font);padding:15px 26px;border-radius:var(--r);text-decoration:none;border:2px solid var(--zolty);cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--zolty-2);border-color:var(--zolty-2)}
.btn svg{width:18px;height:18px}
.btn-ciemny{background:var(--grafit);border-color:var(--grafit);color:#fff}
.btn-ciemny:hover{background:#000;border-color:#000}
.btn-obrys{background:transparent;color:inherit;border-color:currentColor}
.btn-obrys:hover{background:var(--zolty);border-color:var(--zolty);color:var(--grafit-2)}

/* menu */
.menu{background:var(--tlo);border-bottom:1px solid var(--linia);position:sticky;top:0;z-index:20}
.menu .wrap{display:flex;align-items:stretch;justify-content:space-between}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.menu li a{display:block;padding:20px 10px 17px;font:500 .86rem/1 var(--font);text-transform:uppercase;text-decoration:none;color:var(--grafit-2);border-bottom:3px solid transparent}
.menu li a:hover{color:#000;border-bottom-color:#d6d9dc}
.menu li a[aria-current]{color:#c79c00;border-bottom-color:var(--zolty)}
.menu .zapytanie{display:flex;align-items:center;gap:8px;align-self:center;background:#fff;border:1px dashed #cfd3d6;padding:10px 16px;border-radius:var(--r);text-decoration:none;font-size:.92rem;font-weight:500}
.menu .zapytanie svg{width:16px;color:var(--zolty-2)}
.menu-btn{display:none}

/* hero */
.hero{background:radial-gradient(1200px 500px at 85% 40%,#3c4246 0%,var(--grafit) 55%,var(--grafit-2) 100%);color:#e7e9ea;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--zolty)}
.hero .lead{font-size:1.12rem;color:#cdd1d4;max-width:36em}
.hero .tagi{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.hero .tagi li{border:1px solid #545b60;border-radius:99px;padding:5px 14px;font-size:.85rem;color:#e7e9ea}
.hero .akcje{display:flex;gap:12px;flex-wrap:wrap}
.hero .akcje .btn-obrys{color:var(--grafit-2)}
.hero-foto{position:relative}
.hero-foto::before{content:"";position:absolute;inset:8% 4% 2% 10%;background:var(--zolty);border-radius:50%;filter:blur(90px);opacity:.22}
.hero-foto img{position:relative;width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.znaczek{display:inline-block;background:var(--zolty);color:var(--grafit-2);font:600 .74rem/1 var(--font);text-transform:uppercase;letter-spacing:.08em;padding:7px 10px;border-radius:4px;margin-bottom:16px}

/* nagłówek podstrony */
.tytul{background:var(--grafit);color:#cdd1d4;padding:46px 0 40px;border-bottom:4px solid var(--zolty)}
.tytul h1{color:#fff;margin-bottom:.3em}
.tytul p{max-width:48em;margin:0}
.okruchy{font-size:.85rem;color:#9aa1a6;margin-bottom:14px}
.okruchy a{text-decoration:none;color:var(--zolty)}
.okruchy span{margin:0 6px}

/* sekcje */
.sekcja{padding:72px 0}
.sekcja-szara{background:var(--tlo)}
.sekcja-ciemna{background:var(--grafit);color:#cdd1d4}
.sekcja-ciemna h2,.sekcja-ciemna h3{color:#fff}
.naglowek-sekcji{max-width:46em;margin-bottom:38px}
.naglowek-sekcji .kreska{display:block;width:56px;height:4px;background:var(--zolty);margin-bottom:18px}
.naglowek-sekcji p{color:var(--tekst-2);font-size:1.05rem}
.sekcja-ciemna .naglowek-sekcji p{color:#b9bfc3}
.tresc{max-width:50em}
.tresc h2{margin-top:1.4em}
.tresc h2:first-child{margin-top:0}
.tresc h3{margin-top:1.3em}

.siatka{display:grid;gap:24px}
.s2{grid-template-columns:repeat(2,1fr)}
.s3{grid-template-columns:repeat(3,1fr)}
.s4{grid-template-columns:repeat(4,1fr)}
.dwie-kol{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.dwie-kol img{border-radius:var(--r)}

.atut{padding:26px;border:1px solid var(--linia);border-radius:var(--r);background:#fff;border-top:4px solid var(--zolty)}
.atut svg{width:38px;height:38px;color:var(--zolty-2);margin-bottom:14px}
.atut h3{margin-bottom:.4em}
.atut p{margin:0;color:var(--tekst-2);font-size:.96rem}

/* karty modeli */
.model{background:#fff;border:1px solid var(--linia);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.model:hover{box-shadow:0 18px 40px rgba(0,0,0,.09);transform:translateY(-3px)}
.model .foto{background:linear-gradient(180deg,#eef0f1,#fff);aspect-ratio:3/2;display:grid;place-items:center;overflow:hidden}
.model .foto img{width:100%;height:100%;object-fit:cover}
.model .opis{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.model .klasa{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#a88300;font-weight:600}
.model h3{font-size:1.45rem;margin:.2em 0 .5em}
.model dl{margin:0 0 20px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.93rem}
.model dt{color:var(--tekst-2)}
.model dd{margin:0;font-weight:500;text-align:right}
.model .akcje{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.model .btn{padding:12px 18px;font-size:.88rem}
.model-polecany{border:2px solid var(--zolty)}

/* tabele */
.tabela-wrap{overflow-x:auto;border:1px solid var(--linia);border-radius:var(--r);background:#fff}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linia)}
thead th{background:var(--grafit);color:#fff;font-weight:600;white-space:nowrap}
thead th:first-child{background:var(--grafit-2)}
tbody th{font-weight:500;color:var(--tekst-2);width:30%;background:#fafbfb}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
td.kod{font:600 .95rem/1.4 ui-monospace,Consolas,monospace;white-space:nowrap;color:var(--grafit-2)}
.tabela-grupa th{background:var(--zolty-jasny)!important;color:var(--grafit-2)!important;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
.uwagi{font-size:.85rem;color:var(--tekst-2);margin-top:10px}

/* listy */
.lista-ok{list-style:none;padding:0}
.lista-ok li{position:relative;padding-left:30px;margin-bottom:.55em}
.lista-ok li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--zolty) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.kroki{counter-reset:k;list-style:none;padding:0}
.kroki li{counter-increment:k;position:relative;padding:0 0 18px 54px;min-height:40px}
.kroki li::before{content:counter(k);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--grafit);color:var(--zolty);font:700 1rem/38px var(--font-h);text-align:center}
.kroki li strong{display:block;color:var(--grafit-2)}

.ramka{border-left:4px solid var(--zolty);background:var(--zolty-jasny);padding:18px 22px;border-radius:0 var(--r) var(--r) 0;margin:1.4em 0}
.ramka p:last-child{margin:0}
.ramka-ostrz{border-left-color:var(--czerwony);background:#fdeee9}

/* liczby */
.liczby{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#41474a;border-radius:var(--r);overflow:hidden}
.liczby div{background:var(--grafit);padding:26px 22px}
.liczby b{display:block;font:700 2rem/1.1 var(--font-h);color:var(--zolty)}
.liczby span{font-size:.9rem;color:#b9bfc3}

/* akcesoria */
.akc{background:#fff;border:1px solid var(--linia);border-radius:var(--r);overflow:hidden}
.akc img{width:100%;aspect-ratio:12/7;object-fit:cover}
.akc div{padding:18px 20px}
.akc h3{font-size:1.05rem;margin-bottom:.3em}
.akc p{margin:0;font-size:.92rem;color:var(--tekst-2)}
.akc .nr{display:inline-block;margin-top:10px;font:500 .8rem/1 ui-monospace,Consolas,monospace;background:var(--tlo);padding:6px 8px;border-radius:4px}

/* pliki i filmy */
.plik{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--linia);border-radius:var(--r);background:#fff;text-decoration:none;transition:border-color .15s}
.plik:hover{border-color:var(--zolty)}
.plik .typ{flex:none;width:48px;height:58px;border-radius:4px;background:var(--czerwony);color:#fff;font:700 .75rem/58px var(--font);text-align:center}
.plik b{display:block;color:var(--grafit-2)}
.plik small{color:var(--tekst-2)}
.film{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden;cursor:pointer}
.film img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}
.film:hover img{opacity:1}
.film button{position:absolute;inset:0;margin:auto;width:72px;height:50px;border:0;border-radius:12px;background:var(--zolty);cursor:pointer}
.film button::after{content:"";position:absolute;left:29px;top:15px;border:10px solid transparent;border-left:16px solid var(--grafit-2)}
.film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-podpis{font-size:.93rem;margin-top:10px;color:var(--tekst-2)}

/* FAQ */
.faq details{border:1px solid var(--linia);border-radius:var(--r);background:#fff;margin-bottom:10px}
.faq summary{cursor:pointer;padding:18px 52px 18px 22px;font:600 1.02rem/1.4 var(--font-h);color:var(--grafit-2);list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:12px;font:400 1.7rem/1 var(--font);color:#b08b00}
.faq details[open] summary::after{content:"-"}
.faq details>div{padding:0 22px 8px;color:var(--tekst-2)}

/* pas CTA */
.cta{background:var(--zolty);color:var(--grafit-2)}
.cta .wrap{display:flex;align-items:center;gap:30px;padding-top:40px;padding-bottom:40px;flex-wrap:wrap}
.cta h2{margin:0;font-size:1.6rem}
.cta p{margin:.3em 0 0}
.cta .akcje{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}

/* formularz */
.formularz{display:grid;gap:16px}
.formularz label{display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}
.formularz input,.formularz select,.formularz textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #cfd3d6;border-radius:var(--r);background:#fff}
.formularz input:focus,.formularz select:focus,.formularz textarea:focus{outline:2px solid var(--zolty);border-color:var(--zolty-2)}
.formularz .rzad{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.formularz .zgoda{font-size:.85rem;color:var(--tekst-2);display:flex;gap:10px;align-items:flex-start}
.formularz .zgoda input{width:auto;margin-top:4px}
.formularz .hp{position:absolute;left:-9999px}
.komunikat{padding:14px 18px;border-radius:var(--r);font-weight:500}
.komunikat.ok{background:#e5f5e8;color:#1d6b2e}
.komunikat.blad{background:#fdeee9;color:#9c2c0d}
.kontakt-dane{background:var(--grafit);color:#cdd1d4;border-radius:var(--r);padding:30px}
.kontakt-dane h3{color:#fff}
.kontakt-dane dl{margin:0}
.kontakt-dane dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#8f969b;margin-top:16px}
.kontakt-dane dd{margin:2px 0 0;color:#fff;font-size:1.05rem}
.kontakt-dane a{color:var(--zolty);text-decoration:none}

/* stopka */
.stopka{background:var(--grafit-2);color:#a7adb1;font-size:.93rem;padding:60px 0 0}
.stopka .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.stopka .st-h{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.stopka .st-h::after{content:"";display:block;width:34px;height:3px;background:var(--zolty);margin-top:10px}
.stopka ul{list-style:none;padding:0;margin:0}
.stopka li{margin-bottom:7px}
.stopka a{text-decoration:none;color:inherit}
.stopka a:hover{color:var(--zolty)}
.stopka .dol{grid-column:1/-1;border-top:1px solid #34393c;padding:20px 0 26px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 30px;font-size:.84rem;color:#aab1b5}
.stopka .dol .linki{margin-left:auto}
.stopka .dol .znaki{flex-basis:100%;font-size:.78rem}   /* znaki towarowe na samym dole */

/* responsywność */
@media (max-width:1200px){.menu .zapytanie{display:none}}
@media (max-width:1020px){
  .info-box{display:none}
  .hero .wrap,.dwie-kol{grid-template-columns:1fr}
  .hero-foto{max-width:560px;margin:0 auto}
  .s4{grid-template-columns:repeat(2,1fr)}
  .s3{grid-template-columns:1fr 1fr}
  .liczby{grid-template-columns:repeat(2,1fr)}
  .stopka .wrap{grid-template-columns:1fr 1fr}
  .menu .zapytanie{display:none}
}
@media (max-width:860px){
  .menu-btn{display:flex;align-items:center;gap:8px;background:none;border:0;font:600 .9rem/1 var(--font);text-transform:uppercase;padding:16px 0;cursor:pointer;color:var(--grafit-2)}
  .menu-btn svg{width:22px}
  .menu ul{display:none;width:100%;flex-direction:column;padding-bottom:10px}
  .menu.otwarte ul{display:flex}
  .menu .wrap{flex-wrap:wrap}
  .menu li a{padding:13px 4px;border-bottom:1px solid var(--linia)}
  .menu li a[aria-current]{border-bottom-color:var(--linia);box-shadow:inset 4px 0 0 var(--zolty);padding-left:14px}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .wrap{padding:0 16px}
  .topbar .adres,.topbar .prawo{display:none}
  .naglowek .wrap{min-height:74px;gap:12px}
  .logo-znak{font-size:1.9rem}.logo-znak b{font-size:2.1rem}
  .logo-opis{display:none}
  .naglowek .przyciski .btn{padding:11px 14px;font-size:.85rem}
  .naglowek .przyciski .btn span{display:none}
  .sekcja{padding:52px 0}
  .hero .wrap{padding-top:40px;padding-bottom:44px}
  .s2,.s3,.s4{grid-template-columns:1fr}
  .formularz .rzad{grid-template-columns:1fr}
  .stopka .wrap{grid-template-columns:1fr}
  .stopka .dol .linki{margin-left:0}
  .cta .akcje{margin-left:0}
  th,td{padding:10px 12px}
}
@media print{.topbar,.menu,.cta,.stopka,.naglowek .przyciski{display:none}}
td.kod.opis{white-space:normal;font-family:var(--font)}
@media (max-width:640px){
  table.stos thead{display:none}
  table.stos tr{display:block;border-bottom:1px solid var(--linia)}
  table.stos td{display:block;border:0;padding:4px 14px 8px}
  table.stos td.kod{padding:12px 14px 6px;background:var(--zolty-jasny)}
  table.stos td:nth-child(2)::before{content:"Przyczyna: ";font-weight:600;color:var(--grafit-2)}
  table.stos td:nth-child(3)::before{content:"Co zrobić: ";font-weight:600;color:var(--grafit-2)}
  table.stos td:last-child{padding-bottom:14px}
}
.kontakt-uklad{grid-template-columns:1.4fr 1fr}
@media (max-width:1020px){.kontakt-uklad{grid-template-columns:1fr}}

/* ===== Broszura BXT4: nadpisania kolorów i układu ===== */
h1,h2{font-weight:700;letter-spacing:-.005em}
h2{color:var(--zolty)}
h3{font-family:var(--font);font-weight:700;color:var(--grafit-2)}
body{font-weight:400}
.sekcja-ciemna h2{color:#fff}

.topbar{background:var(--grafit-2)}
.topbar a,.topbar .ico{color:#fff}
.topbar a:hover{color:var(--akcent-ciemne)}

/* nagłówek biały jak strona broszury, logo jako czerwona belka tytułowa */
.naglowek{background:#fff;color:var(--tekst);border-bottom:1px solid var(--linia)}
.logo{color:var(--tekst);gap:16px}
.logo-znak{background:var(--zolty);color:#fff;font:700 2.1rem/1 var(--font-h);padding:10px 14px 9px;letter-spacing:0}
.logo-znak b{color:#fff;font-size:inherit;top:0;margin:0}
.logo-opis{color:var(--tekst-2);border-left:0;padding-left:0;font-size:.7rem}
.logo-opis strong{color:var(--zolty);font:700 .95rem/1.15 var(--font-h);text-transform:none;letter-spacing:0}
.info-box{border-left-color:var(--linia)}
.info-box svg{color:var(--zolty)}
.info-box span{color:var(--tekst-2)}
.info-box small{color:var(--grafit-2);font-weight:600}

.btn{color:#fff;font-weight:600}
.btn:hover{color:#fff}
.btn-obrys{color:var(--grafit-2);border-color:var(--grafit-2);background:transparent}
.btn-obrys:hover{background:var(--grafit-2);border-color:var(--grafit-2);color:#fff}

.menu{background:var(--tlo)}
.menu li a{font-family:var(--font);font-weight:600;letter-spacing:.02em}
.menu li a[aria-current]{color:var(--zolty);border-bottom-color:var(--zolty)}
.menu .zapytanie svg{color:var(--zolty)}

/* hero jasny jak zdjęcia w broszurze, H1 w czerwonej belce */
.hero{background:linear-gradient(180deg,#fff 0%,#eef0f0 100%);color:var(--tekst)}
.hero h1{display:table;background:var(--zolty);color:#fff;padding:16px 22px 18px;line-height:1.12}
.hero h1 em{color:#fff;font-style:normal}
.hero h1 small{display:block;font-size:.5em;font-weight:600;margin-top:.35em}
.hero .lead{color:var(--tekst)}
.hero .tagi li{border-color:#c9cdcf;color:var(--grafit-2);background:#fff}
.hero .akcje .btn-obrys{color:var(--grafit-2)}
.hero .akcje .btn-obrys:hover{color:#fff}
.hero-foto::before{background:#9aa5aa;opacity:.35}
.hero-foto img{filter:drop-shadow(0 26px 30px rgba(40,50,55,.28))}
.znaczek{background:var(--grafit);color:#fff;border-radius:0}

/* nagłówek podstrony = czerwona belka z broszury */
.tytul{background:var(--zolty);color:#fff;border-bottom:0}
.tytul h1{color:#fff}
.tytul p,.tytul a{color:#fff}
.okruchy{color:rgba(255,255,255,.8)}
.okruchy a{color:#fff;text-decoration:underline}

/* kwadratowe punktory jak w broszurze */
.naglowek-sekcji .kreska{display:none}
.lista-ok li{padding-left:22px}
.lista-ok li::before{width:9px;height:9px;border-radius:0;top:.6em;background:var(--zolty)}
.sekcja-ciemna .lista-ok li::before{background:var(--akcent-ciemne)}

/* heksagony z broszury (pack / bundle / unitize) */
.kroki li::before{background:var(--zolty);color:#fff;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border-radius:0;width:40px;height:36px;line-height:36px}
.atut{border-top:0;border-radius:0}
.atut svg{color:#fff;background:var(--zolty);padding:10px;width:52px;height:46px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}

.sekcja-ciemna{background:var(--grafit);color:#d5dadc}
.liczby{background:#55636a}
.liczby div{background:var(--grafit)}
.liczby b{color:#fff;font-family:var(--font-h)}
.liczby b::after{content:"";display:block;width:28px;height:4px;background:var(--zolty);margin-top:10px}
.liczby span{color:#c4cbce}

.model{border-radius:0}
.model .klasa{color:var(--zolty)}
.model h3{font-family:var(--font-h);color:var(--grafit-2)}
.model-polecany{border:2px solid var(--zolty)}

thead th{background:var(--grafit)}
thead th:first-child{background:var(--grafit-2)}
.tabela-grupa th{color:var(--zolty)!important}
.ramka{background:#f3f4f4;border-left-color:var(--grafit)}
.ramka-ostrz{background:var(--zolty-jasny);border-left-color:var(--zolty)}
.faq summary{font-family:var(--font);font-weight:700}
.faq summary::after{color:var(--zolty)}
.plik .typ{border-radius:0}
.film button{background:var(--zolty)}
.film button::after{border-left-color:#fff}
.akc{border-radius:0}

.cta{background:var(--zolty);color:#fff}
.cta h2{color:#fff}
.cta .btn-ciemny{background:#fff;border-color:#fff;color:var(--zolty)}
.cta .btn-ciemny:hover{background:var(--grafit-2);border-color:var(--grafit-2);color:#fff}
.cta .btn-obrys{color:#fff;border-color:#fff}
.cta .btn-obrys:hover{background:#fff;color:var(--zolty)}

.kontakt-dane{background:var(--grafit);border-radius:0}
.kontakt-dane a{color:#fff;text-decoration:underline}
.stopka{background:var(--grafit-2)}
.stopka .st-h{font-family:var(--font-h);text-transform:none;letter-spacing:0;font-size:1.15rem}
.stopka a:hover{color:var(--akcent-ciemne)}
@media (max-width:640px){.logo-znak{font-size:1.7rem;padding:8px 11px 7px}.hero h1{padding:12px 16px 14px}}

/* pasek cookies (wzór: Cookie Notice na werman.pl / bxt3.pl) */
[hidden]{display:none!important}
.ciastka{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(34,34,34,.96);color:#e8eaeb;font-size:.9rem;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.ciastka .wrap{display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;padding-right:48px;position:relative}
.ciastka p{margin:0;text-align:center}
.ciastka-akcje{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.ciastka .btn{padding:9px 16px;font-size:.85rem}
.ciastka .btn-obrys{color:#fff;border-color:#8a9296}
.ciastka .btn-obrys:hover{background:#fff;border-color:#fff;color:var(--grafit-2)}
.ciastka-akcje a{color:#fff;font-size:.85rem}
.ciastka-x{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#aab0b4;font-size:1.6rem;line-height:1;cursor:pointer;padding:6px}
.ciastka-x:hover{color:#fff}
.mapa{aspect-ratio:4/3;background:var(--tlo);border:1px solid var(--linia);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}
.mapa p{margin:0;color:var(--tekst-2);font-size:.95rem}
.mapa a{font-size:.9rem}
.mapa.zaladowana{padding:0;border:0;display:block}
.mapa iframe{width:100%;height:100%;border:0}
.mapa-link{margin:8px 0 0;font-size:.9rem}
@media (max-width:640px){.ciastka{font-size:.85rem}.ciastka .wrap{padding-right:40px}}
@media (min-width:861px) and (max-width:1180px){.menu li a{padding:20px 7px 17px;font-size:.78rem;letter-spacing:0}}

/* przełącznik języka (jak na serwis-*.pl: PL EN DE LT) */
.jezyki{display:flex;gap:2px;margin-left:16px}
.jezyki a{color:#c4cbce!important;text-decoration:none;font-size:.78rem;font-weight:600;padding:3px 6px;border-radius:2px;letter-spacing:.03em}
.jezyki a:hover{color:#fff!important;background:rgba(255,255,255,.1)}
.jezyki a.on{background:var(--zolty);color:#fff!important}
@media (max-width:640px){.topbar .wrap{justify-content:space-between}.jezyki{margin-left:auto}}
.formularz fieldset{border:1px solid var(--linia);padding:16px 18px 18px;margin:0;display:grid;gap:16px;background:var(--tlo)}
.formularz legend{font-size:.85rem;font-weight:600;color:var(--grafit-2);padding:0 6px}

/* ===== strona części: rysunki z punktami, wybór modelu, lista do zapytania ===== */
.czesci-pasek{background:#fff;border-bottom:1px solid var(--linia);padding:14px 0}
.czesci-pasek .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.przelacznik{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.przelacznik span{font-size:.85rem;font-weight:600;color:var(--tekst-2);margin-right:4px}
.przelacznik button{font:600 .85rem/1 var(--font);padding:9px 12px;border:1px solid #c9cdcf;background:#fff;color:var(--grafit-2);cursor:pointer}
.przelacznik button.on{background:var(--grafit);border-color:var(--grafit);color:#fff}
.przelacznik button:hover:not(.on){border-color:var(--zolty);color:var(--zolty)}
.spis{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.spis a{font-size:.83rem;text-decoration:none;padding:6px 10px;background:var(--tlo);color:var(--grafit-2)}
.spis a:hover{background:var(--zolty);color:#fff}
.rysunek-sekcja h2{margin-bottom:24px}
.rysunek-uklad{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}
.rysunek{position:relative;margin:0;background:#fff;border:1px solid var(--linia);padding:0}
.rysunek img{width:100%;height:auto}
.rysunek figcaption{font-size:.82rem;color:var(--tekst-2);padding:8px 12px;border-top:1px solid var(--linia)}
.punkt{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid var(--zolty);background:rgba(255,255,255,.55);color:transparent;font:700 .8rem/26px var(--font);text-align:center;padding:0;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.punkt:hover,.punkt:focus-visible,.punkt.aktywny{background:var(--zolty);color:#fff;transform:translate(-50%,-50%) scale(1.12);outline:none;box-shadow:0 0 0 4px rgba(216,62,24,.2)}
.czesci-tab td{vertical-align:middle}
.czesci-tab td.poz{width:3em;text-align:center;font-weight:700;color:var(--zolty)}
.czesci-tab tr.aktywny td{background:var(--zolty-jasny)}
.czesci-tab .zw{display:block;color:var(--tekst-2);font-size:.78rem}
.czesci-tab .war{display:block;font-size:.88rem}
.czesci-tab .nr-zap{color:var(--tekst-2);font-style:italic}
.czesci-tab .kod{font:600 .92rem/1.4 ui-monospace,Consolas,monospace;color:var(--grafit-2)}
.czesci-tab td:last-child{width:3.2em;text-align:center}
.wybor input{width:20px;height:20px;accent-color:var(--zolty);cursor:pointer}
.koszyk{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--grafit-2);color:#e8eaeb;box-shadow:0 -4px 20px rgba(0,0,0,.25);max-height:50vh;overflow:auto}
.koszyk .wrap{display:flex;gap:16px 28px;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.koszyk-lista{flex:1;min-width:260px}
.koszyk ul{list-style:none;margin:6px 0 0;padding:0;font-size:.86rem}
.koszyk li{display:flex;align-items:center;gap:8px;padding:3px 0;flex-wrap:wrap}
.koszyk li .kod{color:#fff;font-family:ui-monospace,Consolas,monospace}
.koszyk li .n{flex:1;min-width:120px}
.koszyk li input{width:58px;padding:4px 6px;border:0;font:inherit}
.koszyk li button{background:none;border:0;color:#aab0b4;font-size:1.2rem;cursor:pointer}
.koszyk-akcje{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.koszyk .btn{padding:11px 16px;font-size:.88rem}
.koszyk .btn-obrys{color:#fff;border-color:#8a9296}
.koszyk .btn-obrys:hover{background:#fff;color:var(--grafit-2)}
.koszyk-wyczysc{background:none;border:0;color:#aab0b4;text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
body.z-koszykiem{padding-bottom:180px}
@media (max-width:1020px){.rysunek-uklad{grid-template-columns:1fr}.spis{margin-left:0}}
@media (max-width:640px){.punkt{width:26px;height:26px;line-height:22px}.czesci-tab th,.czesci-tab td{padding:8px}}
@media print{
  .czesci-pasek,.koszyk-akcje,.koszyk li button,.punkt,.ciastka,.tytul .okruchy{display:none!important}
  .koszyk{position:static;box-shadow:none;background:#fff;color:#000;max-height:none;border:1px solid #999;margin:0 0 20px}
  .koszyk li .kod{color:#000}.koszyk li input{border:0;width:40px}
  body.z-koszykiem{padding-bottom:0}
  .tytul{background:#fff!important;color:#000!important;padding:0 0 10px}.tytul h1,.tytul p{color:#000!important}
  .sekcja{padding:16px 0;break-inside:avoid}.rysunek-uklad{grid-template-columns:1fr 1fr}
}
[id]{scroll-margin-top:72px}
.rysunek-obraz{position:relative}
@media (max-width:640px){
  .koszyk .wrap{gap:8px 12px;padding-top:8px;padding-bottom:8px}
  .koszyk-lista{min-width:0;flex-basis:100%}
  .koszyk-lista strong{cursor:pointer;display:block}
  .koszyk-lista strong::after{content:" \25B4";color:#aab0b4}
  .koszyk.rozwiniety .koszyk-lista strong::after{content:" \25BE"}
  .koszyk ul{display:none}
  .koszyk.rozwiniety ul{display:block}
  .koszyk li{flex-wrap:nowrap}
  .koszyk li .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .koszyk .btn{padding:9px 12px;font-size:.82rem}
  body.z-koszykiem{padding-bottom:120px}
}

/* pełny rysunek złożeniowy z panelu */
.pelna-narzedzia{display:flex;gap:6px;align-items:center;margin:14px 0 10px;flex-wrap:wrap}
.pelna-narzedzia button{width:38px;height:38px;border:1px solid #c9cdcf;background:#fff;font:700 1.2rem/1 var(--font);cursor:pointer;color:var(--grafit-2)}
.pelna-narzedzia button:hover{border-color:var(--zolty);color:var(--zolty)}
.pelna-szukaj{flex:1;min-width:200px;max-width:420px;padding:9px 12px;border:1px solid #c9cdcf;font:inherit}
.pelny-rys{overflow:auto;border:1px solid var(--linia);background:#fff;max-height:78vh;-webkit-overflow-scrolling:touch}
.pelny-rys-obraz{position:relative;width:100%;min-width:900px}
.pelny-rys-obraz img{width:100%;height:auto;display:block}
.punkt.maly{width:calc(var(--r,1.3) * 1%);height:auto;aspect-ratio:1;min-width:14px;border-width:2px;font-size:0;line-height:1}
.punkt.maly:hover,.punkt.maly:focus-visible,.punkt.maly.aktywny{background:rgba(216,62,24,.85);color:transparent}
.punkt.przygaszony{opacity:.15}
.pelna-tabela{max-height:520px;overflow:auto;margin-top:16px}
.pelna-tabela thead th{position:sticky;top:0;z-index:1}
.czesci-tab .odr{display:inline-block;color:#1d6b2e;font-size:.75rem;font-weight:600;margin-left:6px}
.czesci-podtytul{margin:56px 0 0;padding-top:8px;border-top:4px solid var(--zolty);display:inline-block}
@media print{.pelna-narzedzia{display:none}.pelny-rys{max-height:none;overflow:visible}.pelny-rys-obraz{min-width:0}.pelna-tabela{max-height:none;overflow:visible}}
/* przycisk Dodaj / Dodano w tabelach części (wiele pozycji do jednego zapytania) */
.czesci-tab th.kol-wyb{font-size:.78rem;white-space:nowrap}
.czesci-tab td:last-child{width:auto;white-space:nowrap}
.wybor{display:inline-flex;align-items:center;cursor:pointer}
.wybor input{position:absolute;opacity:0;width:1px;height:1px}
.wybor span{display:inline-block;padding:6px 12px;font:600 .8rem/1 var(--font);border:1px solid var(--zolty);color:var(--zolty);background:#fff}
.wybor .wyb-dodano{display:none;background:var(--zolty);color:#fff}
.wybor input:checked ~ .wyb-dodaj{display:none}
.wybor input:checked ~ .wyb-dodano{display:inline-block}
.wybor input:focus-visible ~ span{outline:2px solid var(--grafit);outline-offset:2px}
.wybor:hover .wyb-dodaj{background:var(--zolty-jasny)}
/* pola wyboru jak na serwis-*.pl (bez przewijania strony po kliknięciu) */
.wybor{position:relative;gap:6px;font-size:.82rem;color:var(--tekst-2)}
.wybor input{position:static;opacity:1;width:18px;height:18px;margin:0;accent-color:var(--zolty);cursor:pointer}
.wybor span,.wybor .wyb-dodano,.wybor input:checked ~ .wyb-dodaj,.wybor input:checked ~ .wyb-dodano{display:none!important}
.czesci-tab tr:has(input:checked) td{background:var(--zolty-jasny)}

/* karty modeli jako linki (strona części): bez podkreśleń */
a.model-link{text-decoration:none;color:inherit}
a.model-link h3{text-decoration:none}
a.model-link .btn{align-self:flex-start}
a.model-link:hover .btn{background:var(--zolty-2);border-color:var(--zolty-2)}
a.model-link:focus-visible{outline:3px solid var(--zolty);outline-offset:3px}

/* numer katalogowy jako link do strony części */
.czesci-tab a.kod,.lc-sku a{color:var(--grafit-2);text-decoration:underline;text-decoration-color:rgba(216,62,24,.45);text-underline-offset:3px}
.czesci-tab a.kod:hover,.lc-sku a:hover{color:var(--zolty);text-decoration-color:currentColor}

/* wizualny wybór modelu (strony modeli części) */
.sekcja-wybor{padding:28px 0 0}
.wybor-modelu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wm-karta{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--linia);background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.wm-karta:hover{border-color:var(--zolty);box-shadow:0 8px 20px rgba(0,0,0,.07)}
.wm-karta.on{border:2px solid var(--zolty);background:var(--zolty-jasny)}
.wm-foto{flex:none;width:110px;aspect-ratio:3/2;overflow:hidden;background:var(--tlo)}
.wm-foto img{width:100%;height:100%;object-fit:cover}
.wm-opis b{display:block;font:700 1.15rem/1.2 var(--font-h);color:var(--grafit-2)}
.wm-karta.on .wm-opis b{color:var(--zolty)}
.wm-opis small{display:block;font-size:.8rem;color:var(--tekst-2);line-height:1.35;margin-top:3px}
@media (max-width:860px){.wybor-modelu{grid-template-columns:1fr}.wm-foto{width:90px}}
/* link do pełnego rysunku wybranego modelu (pasek na /czesci/) */
.pelna-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:#fff;background:var(--zolty);padding:9px 14px;text-decoration:none}
.pelna-link:hover{background:var(--zolty-2)}
.pelna-link b{font-family:var(--font-h)}
/* /czesci/: pasek wyboru pod rysunkami z instrukcji, szerokość jak treść */
.lc-instrukcja>.lc-bar{max-width:calc(var(--szer) - 40px);margin:12px auto 24px}
@media (max-width:1220px){.lc-instrukcja>.lc-bar{margin-left:20px;margin-right:20px}}
/* kolor akcentu dla elementów silnika (lista części, rysunek, formularz) */
:root{--fs-akcent:#d83e18;--fs-linia:#dfe2e3;--fs-r:2px}
/* rysunki z instrukcji na /czesci/: wybrana część = wypełnione kółko z numerem */
.punkt.wybrany{background:var(--zolty);color:#fff;border-color:var(--zolty)}
.punkt.maly.wybrany{background:var(--zolty)}
/* przyciski WooCommerce („Zapytaj o cenę”, „Zapytaj o cenę i termin”) w kolorze akcentu strony zamiast domyślnego fioletu */
.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce .zapytaj-o-cene,a.button.zapytaj-o-cene{background:var(--zolty)!important;border:2px solid var(--zolty)!important;color:#fff!important;font:600 .95rem/1 var(--font)!important;padding:14px 24px!important;border-radius:var(--r)!important;text-decoration:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce .zapytaj-o-cene:hover{background:var(--zolty-2)!important;border-color:var(--zolty-2)!important;color:#fff!important}
.woocommerce ul.products li.product .button{padding:10px 16px!important;font-size:.85rem!important}
/* przycisk „Zapytaj o cenę i termin” na stronie części: oddech od opisu i od SKU/kategorii */
.woocommerce div.product .summary .zapytaj-o-cene{margin:14px 0 16px}
/* logo dwukolorowe: „BXT” na grafitowym tle (szarość narzędzia), „4” na czerwonym akcencie */
.logo-znak{display:inline-flex;align-items:center;background:var(--grafit);padding:0 0 0 14px;min-height:54px}
.logo-znak b{align-self:stretch;display:flex;align-items:center;background:var(--zolty);color:#fff;padding:0 13px;margin-left:10px}
@media(max-width:700px){.logo-znak{min-height:46px;padding-left:11px}.logo-znak b{padding:0 10px;margin-left:8px}}
/* lista rozwijana w formularzu: strzałka jak w pozostałych polach wyboru (service-base) */
.formularz select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2355595c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/12px 8px;padding-right:40px;min-height:46px}
/* 9 pozycji menu (z „Taśmy”) w jednej linii także na laptopie */
@media (min-width:1181px){.menu li a{padding:20px 8px 17px;font-size:.8rem}}
@media (min-width:861px) and (max-width:1180px){.menu li a{padding:20px 5px 17px;font-size:.72rem}}
.stopka .st-h{margin:0 0 16px}   /* h2 zamiast h4 (kolejność nagłówków), wygląd bez zmian */
.menu li a{font-family:"Open Sans","Open Sans Caps Fallback",system-ui,sans-serif}   /* zastępca dopasowany do wersalików (fonts.css) */
/* /czesci/: pasek modelu, szerokości taśmy i spisu rysunków pod rysunkiem złożeniowym (wewnątrz bloku listy silnika) */
.lc .czesci-pasek{background:var(--tlo,#f4f5f5);border:1px solid var(--linia);border-radius:var(--r);padding:12px 0;margin:14px 0 18px}
.lc .czesci-pasek .wrap{padding:0 14px;max-width:none}
/* /czesci/: kafelki rysunków z instrukcji pod dużym rysunkiem */
.spis.spis-kafle{display:block;flex-basis:100%;margin:4px 0 0}
.spis-tyt{margin:0 0 8px;font-size:.88rem;font-weight:700;color:var(--grafit-2)}
.spis-g{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.spis.spis-kafle a{display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid var(--linia);border-radius:var(--r);overflow:hidden;color:var(--grafit-2);font-size:.82rem;line-height:1.3;transition:border-color .15s,box-shadow .15s}
.spis.spis-kafle a:hover,.spis.spis-kafle a:focus-visible{background:#fff;color:var(--grafit-2);border-color:var(--zolty);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.spis.spis-kafle img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:6px;border-bottom:1px solid var(--linia)}
.spis.spis-kafle span{padding:8px 10px;font-weight:600}
@media (max-width:1020px){.spis-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.spis-g{grid-template-columns:repeat(2,1fr)}}
/* przycisk drugorzędny (szary): „Zapytaj o cenę” w boksach modeli, okienko zmiany modelu */
.btn.btn-szary{background:#e4e7e8;color:var(--grafit-2);border-color:#e4e7e8}
.btn.btn-szary:hover{background:#d3d8da;border-color:#d3d8da;color:var(--grafit-2)}
/* okienko „zmiana modelu urządzenia” (theme.js) */
.bx-modal{max-width:min(460px,calc(100vw - 32px));padding:26px 26px 22px;border:0;border-top:4px solid var(--zolty);border-radius:var(--r);box-shadow:0 20px 60px rgba(0,0,0,.3);color:var(--tekst)}
.bx-modal::backdrop{background:rgba(43,51,55,.55)}
.bx-modal-t{margin:0 0 10px;font:700 1.25rem/1.25 var(--font-h);color:var(--grafit-2)}
.bx-modal-p{margin:0 0 12px;line-height:1.55}
.bx-modal-l{list-style:none;margin:0 0 20px;padding:0;max-height:34vh;overflow:auto;border:1px solid var(--linia);border-radius:var(--r);font-size:.88rem}
.bx-modal-l li{padding:7px 12px;border-top:1px solid var(--linia)}
.bx-modal-l li:first-child{border-top:0}
.bx-modal-b{display:flex;gap:10px;flex-wrap:wrap}
.bx-modal-b .btn{padding:12px 18px;font-size:.9rem;cursor:pointer}
/* strony prawne z silnika (polityka prywatności, cookies, dane firmy - page.php): pełna szerokość i czytelne tabele */
.tresc.tresc-prawna{max-width:none}
.tresc-prawna p,.tresc-prawna ul,.tresc-prawna ol,.tresc-prawna h2,.tresc-prawna h3{max-width:60em}
.tresc-prawna .wp-block-table{margin:1.2em 0 1.6em;overflow-x:auto}
.tresc-prawna table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}
.tresc-prawna th,.tresc-prawna td{text-align:left;vertical-align:top;padding:10px 14px;border:1px solid var(--linia)}
.tresc-prawna th{background:var(--tlo);font-weight:700;color:var(--grafit-2)}
@media (max-width:600px){.tresc-prawna th,.tresc-prawna td{padding:8px 10px;font-size:.9rem}}
/* wyszukiwarka: pole w nagłówku i duże pole na stronie wyników */
.szukaj-n,.szukaj-duza{display:flex;align-items:stretch}
.szukaj-n input,.szukaj-duza input{flex:1;min-width:0;font:inherit;font-size:.92rem;padding:0 14px;border:1px solid var(--linia);border-right:0;border-radius:var(--r) 0 0 var(--r);background:#fff;color:var(--tekst)}
.szukaj-n input::placeholder,.szukaj-duza input::placeholder{color:var(--tekst-2)}
.szukaj-n input:focus,.szukaj-duza input:focus{outline:2px solid var(--zolty);outline-offset:-1px}
.szukaj-n{height:52px;align-self:center}   /* ta sama wysokość co przycisk „Pobierz” */
.szukaj-n input{width:250px;height:100%}
.szukaj-n button,.szukaj-duza button{flex:none;width:48px;border:0;border-radius:0 var(--r) var(--r) 0;background:var(--zolty);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.szukaj-n button:hover,.szukaj-duza button:hover{background:var(--zolty-2)}
.szukaj-n svg,.szukaj-duza svg{width:20px;height:20px}
.szukaj-duza{max-width:620px;margin-top:18px}
.szukaj-duza input{height:52px;font-size:1rem}
.szukaj-duza button{width:56px}
.wyniki h2{margin-top:0}
.wyniki .lc-top-g{margin-bottom:36px}
.wyniki-strony{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:60em}
.wyniki-strony li{background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:14px 18px}
.wyniki-strony a{font-weight:700;color:var(--grafit-2)}
.wyniki-strony p{margin:4px 0 0;font-size:.92rem;color:var(--tekst-2)}
.wyniki-brak{font-size:1.05rem}
@media (max-width:1200px){.szukaj-n input{width:190px}}
@media (max-width:640px){
  .naglowek .wrap{flex-wrap:wrap;padding-bottom:12px}
  .naglowek .przyciski{display:contents}   /* przycisk „Pobierz” obok logo, pole wyszukiwania w osobnym wierszu */
  .naglowek .przyciski .btn{margin-left:auto}
  .szukaj-n{flex:1 1 100%;order:5}
  .szukaj-n{height:46px}
  .szukaj-n input{width:auto}
}
/* nagłówek z wyszukiwarką: boksy informacyjne bez łamania, drugi znika, gdy brakuje miejsca */
.info-box span,.info-box small{white-space:nowrap}
@media (max-width:1320px){.info-box+.info-box{display:none}}
@media (max-width:1120px){.info-box{display:none}}
.tytul .szukaj-duza button{background:var(--grafit-2)}
.tytul .szukaj-duza button:hover{background:#000}
.tytul .szukaj-duza input{border-color:#fff}