/* FH-NIRS — prototyp v3 (12.11.2026): język projektów EXIO (yourhouse24): duże zaokrąglone bloki, tinty pod produkty, interakcje */
:root{
  --bg:#f6f5f2; --w0:#fff; --ink:#121212; --ink2:#55534f; --ink3:#8c8a85;
  --line:#e6e4df; --line2:#d3d0c9;
  --sand:#ede5d8; --stone:#e8e7e2; --sage:#e1e6dd; --clay:#efe2d6; --mist:#e4e8ec;
  --brass:#a47a38; --brass2:#c9a15a; --dark:#141414;
  --f:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --t:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --w:1360px; --R:24px; --r:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--t);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
.w{max-width:var(--w);margin:0 auto;padding:0 32px}
.ukryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2,h3,h4{font-family:var(--f);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:0}
.ey{font:600 11px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.ey b{color:var(--brass);font-weight:600;margin-right:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 14.5px/1 var(--t);transition:background .2s,transform .2s}
.btn:hover{background:#2c2c2c}
.btn.j{background:var(--w0);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn.j:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.okr-btn{width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:inline-grid;place-items:center;flex:none;transition:background .2s,transform .2s}
.okr-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.okr-btn.j{background:var(--w0);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.okr-btn:hover{transform:translateX(2px)}
.lnk{display:inline-flex;align-items:center;gap:12px;font:600 14px/1 var(--t)}
.lnk .okr-btn{width:40px;height:40px}

/* pasek + nagłówek */
.top{background:var(--dark);color:#a9a7a2;font-size:12.5px}
.top .w{display:flex;justify-content:space-between;align-items:center;height:38px;gap:20px}
.top b{color:#fff;font-weight:500}
.top .s{display:flex;gap:26px;align-items:center}
.top .s span{display:flex;align-items:center;gap:8px}
.top .s svg{width:15px;height:15px;stroke:#c9a15a;fill:none;stroke-width:1.6}
.hd{background:var(--w0);position:sticky;top:0;z-index:30;transition:box-shadow .2s}
.hd.sc{box-shadow:0 1px 0 var(--line),0 8px 24px rgba(0,0,0,.04)}
.hd .w{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;height:80px}
.logo{display:flex;align-items:center;gap:11px}
.logo svg{width:28px;height:34px;flex:none}
.logo b{font:700 25px/1 var(--f);letter-spacing:-.04em}
.logo small{display:block;font:500 10.5px/1 var(--t);letter-spacing:.06em;color:var(--ink3);margin-top:5px}
.szuk{display:flex;align-items:center;max-width:600px;width:100%;justify-self:center;background:var(--bg);border-radius:999px;height:50px;padding:0 6px 0 18px;gap:10px;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s,background .2s}
.szuk:focus-within{background:var(--w0);box-shadow:inset 0 0 0 1px var(--ink)}
.szuk svg{width:19px;height:19px;stroke:var(--ink2);fill:none;stroke-width:1.7;flex:none}
.szuk input{flex:1;border:0;background:none;font:inherit;outline:0;height:100%;min-width:0}
.szuk input::placeholder{color:var(--ink3)}
.szuk button{width:38px;height:38px;border:0;border-radius:50%;background:var(--ink);display:grid;place-items:center}
.szuk button svg{stroke:#fff}
.ik{display:flex;gap:4px}
.ik a,.ik button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:6px 12px;font-size:11.5px;color:var(--ink2)}
.ik svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
.ik a:hover,.ik button:hover{color:var(--ink)}
.ik .licz{position:absolute;top:0;right:8px;min-width:18px;height:18px;border-radius:9px;background:var(--brass);color:#fff;font:600 10.5px/18px var(--t);text-align:center;padding:0 4px;font-style:normal}
.nav{background:var(--w0);border-top:1px solid var(--line)}
.nav .w{display:flex;gap:6px;height:56px;align-items:center;overflow-x:auto;scrollbar-width:none}
.nav a{white-space:nowrap;font-size:14px;font-weight:500;color:var(--ink2);height:40px;padding:0 14px 0 6px;border-radius:999px;display:flex;align-items:center;gap:9px;transition:background .2s,color .2s}
.nav a img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:var(--bg);mix-blend-mode:multiply}
.nav a.bez{padding-left:14px}
.nav a:hover{background:var(--bg);color:var(--ink)}
.nav a.on{background:var(--ink);color:#fff}
.nav a.on img{mix-blend-mode:normal;background:#fff}
.nav .sep{flex:1}

/* HERO — slider z wyborem produktu */
.hero{padding:24px 0 0}
.hs{position:relative;display:grid;grid-template-columns:400px 1fr;border-radius:var(--R);overflow:hidden;min-height:580px;background:var(--sand);transition:background .7s}
.hs-t{position:relative;z-index:2;padding:44px 44px 36px;display:flex;flex-direction:column;background:rgba(255,255,255,.42)}
.hs-t h1{font-size:clamp(40px,4.1vw,58px);margin:22px 0 18px}
.hs-t p{color:var(--ink2);margin:0 0 28px;max-width:320px}
.hs-p{margin-top:auto}
.hs-p .ey{display:block;margin-bottom:12px}
.hs-m{display:flex;gap:10px}
.hs-m button{width:84px;border:0;background:none;padding:0;text-align:left;font-size:11.5px;color:var(--ink3);line-height:1.25}
.hs-m button span{display:block;aspect-ratio:1;border-radius:12px;background:rgba(255,255,255,.75);margin-bottom:7px;padding:6px;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
.hs-m button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hs-m button.on{color:var(--ink)}
.hs-m button.on span{box-shadow:inset 0 0 0 2px var(--ink)}
.hs-s{position:relative;overflow:hidden}
.hs-s .kolo{position:absolute;width:min(62%,520px);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.55);left:50%;top:50%;transform:translate(-50%,-50%)}
.hs-s .sl{position:absolute;inset:0;opacity:0;transition:opacity .6s;display:grid;place-items:center}
.hs-s .sl.on{opacity:1}
.hs-s .sl img{height:86%;width:auto;max-width:70%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(16px) scale(.96);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hs-s .sl.on img{transform:none}
.hs-c{position:absolute;right:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:16px;background:var(--w0);border-radius:18px;padding:12px 12px 12px 20px;box-shadow:0 18px 40px rgba(0,0,0,.08);min-width:320px}
.hs-c small{display:block;font-size:12px;color:var(--ink3)}
.hs-c b{display:block;font:600 15px/1.25 var(--f);letter-spacing:-.02em;max-width:200px}
.hs-c .cn{font:600 22px/1 var(--f);letter-spacing:-.03em;margin-left:auto;white-space:nowrap}
.hs-c .cn sup{font-size:.55em;vertical-align:.6em}
.hs-n{position:absolute;right:24px;top:24px;z-index:3;display:flex;gap:6px;align-items:center;background:rgba(18,18,18,.82);backdrop-filter:blur(8px);border-radius:999px;padding:6px 6px 6px 16px;color:#fff;font:600 12px/1 var(--t)}
.hs-n button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:none;color:#fff;display:grid;place-items:center;padding:0}
.hs-n button svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}
.hs-n .cnt{margin-right:8px;letter-spacing:.06em}
.hs-pas{position:absolute;left:400px;right:0;bottom:0;height:3px;background:rgba(0,0,0,.06);z-index:3}
.hs-pas i{display:block;height:100%;width:0;background:var(--ink)}

/* atuty */
.at{display:grid;grid-template-columns:1fr 2fr;border-radius:var(--R);overflow:hidden;background:var(--w0);margin-top:16px}
.at-i{position:relative;min-height:180px}
.at-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.at-l{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:26px 30px;gap:24px}
.at-l div{font-size:13px;color:var(--ink2);line-height:1.45}
.at-l svg{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--sand);stroke:var(--brass);fill:none;stroke-width:1.6;margin-bottom:12px;display:block}
.at-l b{display:block;color:var(--ink);font:600 15px/1.25 var(--f);letter-spacing:-.02em;margin-bottom:4px}

/* sekcje */
.sek{padding:96px 0 0}
.sek-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.sek-h h2{font-size:clamp(32px,3.3vw,48px);margin-top:14px}
.sek-h p{color:var(--ink2);margin:12px 0 0;max-width:480px}
.strz{display:flex;gap:8px}

/* bestsellery — karta wstępu z łukiem + karuzela */
.bs{display:grid;grid-template-columns:300px 1fr;gap:16px}
.bs-i{background:var(--clay);border-radius:var(--R);padding:28px 26px 0;display:flex;flex-direction:column;overflow:hidden}
.bs-i .gora{display:flex;justify-content:space-between;align-items:flex-start}
.bs-i h2{font-size:38px;margin:14px 0 14px}
.bs-i p{font-size:14px;color:var(--ink2);margin:0 0 22px}
.luk{margin-top:auto;border-radius:200px 200px 0 0;overflow:hidden;aspect-ratio:3/3.3}
.luk img{width:100%;height:100%;object-fit:cover}
.kar{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.kar::-webkit-scrollbar{display:none}
.kar .kp{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}

/* karta produktu */
.kp{position:relative;display:flex;flex-direction:column;border-radius:var(--R);background:var(--w0);overflow:hidden}
.kp-i{position:relative;display:block;aspect-ratio:1/1.02;background:var(--t0,var(--stone));overflow:hidden}
.kp-i img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.kp-i img.cov{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.kp:hover .kp-i img{transform:scale(1.05)}
.kp-tag{position:absolute;left:14px;top:14px;z-index:2;background:var(--w0);border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:7px}
.kp-add{position:absolute;right:14px;top:14px;z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .2s,background .2s}
.kp-add svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8}
.kp-add:hover{transform:scale(1.08);background:var(--brass)}
.kp-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.kp-n{font:600 15px/1.3 var(--f);letter-spacing:-.015em;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kp-k{font-size:12px;color:var(--ink3);margin-top:4px}
.kp-f{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.cena{font:600 22px/1 var(--f);letter-spacing:-.03em;white-space:nowrap}
.cena sup{font-size:.55em;vertical-align:.6em;margin-left:1px}
.kp-f small{font-size:11.5px;color:var(--ink3)}
.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.dot[data-w="Stare złoto"]{background:linear-gradient(135deg,#c09a5b,#6f5126)}
.dot[data-w="Złoty"]{background:linear-gradient(135deg,#f0d38a,#b38b35)}
.dot[data-w="Nikiel"]{background:linear-gradient(135deg,#ececea,#9c9c98)}
.dot[data-w="Grafit"]{background:linear-gradient(135deg,#777,#2c2c2c)}
.dot[data-w="Czarno-złoty"]{background:linear-gradient(135deg,#1a1a1a 50%,#c9a24f 50%)}
.siatka{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* kategorie */
.kat{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.kat a{display:block}
.kat span{display:block;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--w0);position:relative;margin-bottom:12px}
.kat span img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}
.kat a:hover span img{transform:scale(1.06)}
.kat b{display:block;font:600 16px/1.2 var(--f);letter-spacing:-.02em}
.kat small{font-size:12.5px;color:var(--ink3)}

/* hotspoty */
.hot{display:grid;grid-template-columns:1fr 1.25fr 300px;gap:16px;align-items:stretch}
.hot-t{padding:8px 24px 8px 0;display:flex;flex-direction:column}
.hot-t h2{font-size:clamp(32px,3.2vw,46px);margin:14px 0 16px}
.hot-t>p{color:var(--ink2);margin:0 0 24px}
.hot-l{list-style:none;margin:0;padding:0;counter-reset:h}
.hot-l li{counter-increment:h;display:grid;grid-template-columns:34px 1fr;padding:14px 0;border-top:1px solid var(--line);cursor:pointer}
.hot-l li:last-child{border-bottom:1px solid var(--line)}
.hot-l li::before{content:"0" counter(h);font:600 12px/1.6 var(--t);color:var(--brass)}
.hot-l b{display:block;font:600 15px/1.3 var(--f);letter-spacing:-.015em;transition:color .2s}
.hot-l span{font-size:13px;color:var(--ink2)}
.hot-l li.on b{color:var(--brass)}
.hot-i{position:relative;border-radius:var(--R);background:var(--w0);overflow:hidden;min-height:540px}
.hot-i>img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply}
.pkt{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;padding:0;background:var(--w0);box-shadow:0 0 0 6px rgba(255,255,255,.55),0 6px 16px rgba(0,0,0,.18);display:grid;place-items:center;font:600 12px/1 var(--t);z-index:2;transition:transform .2s,background .2s,color .2s}
.pkt::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(164,122,56,.7);animation:pul 2.2s infinite}
@keyframes pul{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.7);opacity:0}}
.pkt.on,.pkt:hover{background:var(--ink);color:#fff;transform:scale(1.1)}
.dym{position:absolute;z-index:3;width:230px;background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.45;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.dym.on{opacity:1;transform:none}
.dym b{display:block;font:600 14px/1.3 var(--f);margin-bottom:4px}
.hot-k{display:grid;grid-template-rows:auto 1fr;gap:16px}
.hot-p{background:var(--w0);border-radius:var(--R);padding:22px}
.hot-p .ey{display:block;margin-bottom:10px}
.hot-p b{display:block;font:600 18px/1.25 var(--f);letter-spacing:-.02em}
.hot-p .cena{display:block;font-size:30px;margin:14px 0 4px}
.hot-p small{color:var(--ink3);font-size:12.5px}
.hot-p .btn{width:100%;margin-top:18px}
.hot-d{background:var(--dark);color:#fff;border-radius:var(--R);display:grid;grid-template-columns:1fr 1fr}
.hot-d div{padding:20px 18px;border-color:#2b2b2b;border-style:solid;border-width:0 1px 1px 0;font-size:12px;color:#a9a7a2;line-height:1.35}
.hot-d div:nth-child(2n){border-right:0}
.hot-d div:nth-last-child(-n+2){border-bottom:0}
.hot-d svg{width:22px;height:22px;stroke:#c9a15a;fill:none;stroke-width:1.5;margin-bottom:10px;display:block}
.hot-d b{display:block;color:#fff;font:600 14px/1.25 var(--f);margin-bottom:2px}

/* kompozytor kompletu */
.kom{background:var(--w0);border-radius:var(--R);padding:40px;display:grid;grid-template-columns:1fr 330px;gap:36px}
.kom-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}
.kom-h h2{font-size:clamp(30px,3vw,42px);margin-top:14px}
.kom-h p{color:var(--ink2);margin:10px 0 0;max-width:460px}
.wyk-f{display:flex;gap:6px;flex-wrap:wrap}
.wyk-f button{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border-radius:999px;border:0;background:var(--bg);font-size:13px;font-weight:500;color:var(--ink2);white-space:nowrap}
.wyk-f button.on{background:var(--ink);color:#fff}
.slt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sl-k{border-radius:var(--r);background:var(--bg);padding:14px;position:relative;transition:opacity .2s}
.sl-k.off{opacity:.45}
.sl-k .g{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sl-k .g span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.sl-k input{appearance:none;width:22px;height:22px;border-radius:50%;margin:0;background:var(--w0);box-shadow:inset 0 0 0 1px var(--line2);display:grid;place-items:center;cursor:pointer}
.sl-k input:checked{background:var(--ink);box-shadow:none}
.sl-k input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.sl-k .o{position:relative;aspect-ratio:1.25;display:grid;place-items:center}
.sl-k .o img{max-height:100%;max-width:74%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s}
.sl-k .o button{position:absolute;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;border:0;padding:0;background:var(--w0);display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.sl-k .o button svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:2}
.sl-k .o .p{left:0}.sl-k .o .n{right:0}
.sl-k b{display:block;font:600 13.5px/1.3 var(--f);margin-top:8px;min-height:35px;letter-spacing:-.01em}
.sl-k .c{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink3);margin-top:4px}
.sl-k .c em{font-style:normal;color:var(--ink);font-weight:600;font-size:14px}
.kom-s{background:var(--dark);color:#fff;border-radius:var(--R);padding:30px 26px;display:flex;flex-direction:column}
.kom-s .ey{color:#8f8d88}
.kom-s h3{font-size:26px;margin-top:12px}
.kom-s ul{list-style:none;margin:18px 0 0;padding:0;font-size:13px;color:#bdbbb6;flex:1}
.kom-s li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #2a2a2a}
.kom-s li span:last-child{color:#fff;white-space:nowrap}
.kom-s .suma{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 4px}
.kom-s .suma .cena{font-size:38px}
.kom-s small{color:#8f8d88;font-size:12px}
.kom-s .btn{background:#fff;color:var(--ink);margin-top:22px;width:100%}
.kom-s .btn:hover{background:var(--brass2)}

/* doradca + stopka */
.dor{display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--R);overflow:hidden;background:var(--sand)}
.dor-t{padding:52px}
.dor-t h2{font-size:clamp(30px,3vw,44px);margin:14px 0 16px}
.dor-t p{color:var(--ink2);margin:0 0 28px;max-width:470px}
.dor-t .r{display:flex;gap:12px;flex-wrap:wrap}
.dor-i{position:relative;min-height:340px}
.dor-i>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dor-i .k{position:absolute;left:24px;bottom:24px;right:24px;background:var(--w0);border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px}
.dor-i .k i{width:44px;height:44px;border-radius:50%;background:var(--ink);display:grid;place-items:center;flex:none}
.dor-i .k svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.6}
.dor-i .k small{display:block;font-size:12px;color:var(--ink3)}
.dor-i .k b{font:600 20px/1.2 var(--f);letter-spacing:-.02em}
.ft{background:var(--dark);color:#9d9b96;font-size:14px;margin-top:96px;padding:72px 0 0}
.ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:56px}
.ft .logo b{color:#fff}
.ft p{margin:18px 0 0;max-width:320px;line-height:1.6}
.ft h4{font:600 11px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:6px 0 20px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin-bottom:11px}
.ft a:hover{color:#fff}
.ft-k b{display:block;color:#fff;font:600 24px/1.2 var(--f);letter-spacing:-.03em;margin-bottom:4px}
.ft-d{border-top:1px solid #2a2a2a;padding:22px 0;font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* listing */
.okr{font-size:13px;color:var(--ink3);padding:22px 0 0}
.okr a:hover{color:var(--ink)}
.okr i{font-style:normal;margin:0 8px}
.kh{display:grid;grid-template-columns:1fr 1.05fr;border-radius:var(--R);overflow:hidden;margin-top:16px;min-height:300px;background:var(--t0,var(--sand))}
.kh-t{padding:44px 48px;display:flex;flex-direction:column;background:rgba(255,255,255,.35)}
.kh-t h1{font-size:clamp(40px,4.4vw,64px);margin:14px 0 14px}
.kh-t p{color:var(--ink2);margin:0;max-width:440px}
.kh-t .st{display:flex;gap:30px;margin-top:auto;padding-top:28px}
.kh-t .st div{font-size:12.5px;color:var(--ink2)}
.kh-t .st b{display:block;font:600 24px/1 var(--f);letter-spacing:-.03em;color:var(--ink);margin-bottom:6px}
.kh-i{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:24px 24px 0}
.kh-i img{width:33%;max-height:270px;object-fit:contain;mix-blend-mode:multiply}
.kh-i img:nth-child(2){width:38%;max-height:300px;margin:0 -2%;position:relative;z-index:1}
.kats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:16px}
.kats a{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 7px;border-radius:999px;background:var(--w0);font-size:13.5px;font-weight:500;white-space:nowrap;flex:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s}
.kats a img{width:38px;height:38px;border-radius:50%;object-fit:contain;background:var(--bg);mix-blend-mode:multiply}
.kats a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.kats a.on{background:var(--ink);color:#fff}
.kats a.on img{background:#fff;mix-blend-mode:normal}
.kats small{color:var(--ink3)}
.kats a.on small{color:#a9a7a2}
.bar{position:sticky;top:80px;z-index:20;background:var(--bg);display:flex;gap:10px;align-items:center;padding:18px 0;margin-top:8px}
.bar .wyk-f button{background:var(--w0)}
.bar .wyk-f button.on{background:var(--ink)}
.bar .sep{flex:1}
.bar .ile{font-size:14px;color:var(--ink2);margin-right:6px;white-space:nowrap}
.bar .lin{width:1px;height:24px;background:var(--line2);margin:0 4px}
.sel{position:relative}
.sel select{appearance:none;height:40px;padding:0 40px 0 16px;border:0;border-radius:999px;background:var(--w0);font:inherit;font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer}
.sel::after{content:"";position:absolute;right:17px;top:15px;width:6px;height:6px;border:solid var(--ink);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
.ceny{display:flex;gap:6px}
.ceny button{height:38px;padding:0 14px;border-radius:999px;border:0;background:var(--w0);font-size:13px;font-weight:500;color:var(--ink2);white-space:nowrap}
.ceny button.on{background:var(--ink);color:#fff}
.pusto{grid-column:1/-1;padding:60px;text-align:center;color:var(--ink2);background:var(--w0);border-radius:var(--R)}

/* strona produktu */
.pd{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;padding:20px 0 0}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:start}
.gal div{background:var(--t0,var(--stone));border-radius:var(--R);aspect-ratio:1;position:relative;overflow:hidden}
.gal div:first-child{grid-column:1/-1;aspect-ratio:1.15}
.gal img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.gal img.cov{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.pd-i{position:sticky;top:100px;align-self:start}
.pd-i h1{font-size:clamp(34px,3vw,46px);margin:14px 0 12px}
.pd-m{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--ink2)}
.pd-m b{color:var(--ink);font-weight:600}
.ok{color:#2f6b3f;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.ok::before{content:"";width:8px;height:8px;border-radius:50%;background:#2f9a4f;box-shadow:0 0 0 4px rgba(47,154,79,.15)}
.box{background:var(--w0);border-radius:var(--R);padding:26px;margin-top:22px}
.box .cena{font-size:44px}
.box .net{display:block;color:var(--ink3);font-size:13px;margin-top:8px}
.box h3{font:600 11px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin:24px 0 12px}
.kup{display:grid;grid-template-columns:132px 1fr;gap:10px;margin-top:22px}
.ilosc{display:grid;grid-template-columns:40px 1fr 40px;background:var(--bg);border-radius:999px;height:56px}
.ilosc button{border:0;background:none;font-size:20px;color:var(--ink2)}
.ilosc input{border:0;text-align:center;font:600 16px var(--t);width:100%;background:none;outline:0}
.kup .btn{height:56px;font-size:15px}
.pd-z{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.pd-z div{background:var(--w0);border-radius:var(--r);padding:16px 14px;font-size:12.5px;color:var(--ink2);line-height:1.4}
.pd-z svg{width:22px;height:22px;stroke:var(--brass);fill:none;stroke-width:1.5;margin-bottom:8px;display:block}
.pd-z b{display:block;color:var(--ink);font:600 13.5px/1.3 var(--f)}
.akk{margin-top:10px;background:var(--w0);border-radius:var(--R);overflow:hidden}
.akk details{border-top:1px solid var(--line)}
.akk details:first-child{border-top:0}
.akk summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font:600 16px/1.2 var(--f);letter-spacing:-.02em}
.akk summary::-webkit-details-marker{display:none}
.akk summary::after{content:"+";font:400 24px/1 var(--t);color:var(--ink3);transition:transform .2s}
.akk details[open] summary::after{transform:rotate(45deg)}
.akk .in{padding:0 24px 22px;color:var(--ink2);font-size:14px}
.akk ul{margin:0;padding:0;list-style:none}
.akk li{padding:9px 0 9px 24px;position:relative;border-top:1px solid var(--line)}
.akk li:first-child{border-top:0}
.akk li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--sand);box-shadow:inset 0 0 0 3px var(--brass)}
.akk li b{color:var(--ink);font-weight:600}
.tech{width:100%;border-collapse:collapse}
.tech th,.tech td{text-align:left;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.tech tr:first-child th,.tech tr:first-child td{border-top:0}
.tech th{font-weight:400;color:var(--ink3);width:46%}
.tech td{color:var(--ink);font-weight:500}
.uwaga{margin-top:14px;padding:12px 14px;background:var(--bg);border-radius:12px;font-size:12.5px}
.kpl{background:var(--w0);border-radius:var(--R);padding:28px;display:grid;grid-template-columns:repeat(3,1fr) 270px;gap:16px}
.kpl .it{border-radius:var(--r);background:var(--bg);padding:14px;display:flex;flex-direction:column;position:relative}
.kpl .it .o{aspect-ratio:1.3;display:grid;place-items:center}
.kpl .it img{max-height:100%;max-width:78%;object-fit:contain;mix-blend-mode:multiply}
.kpl .it b{font:600 13.5px/1.3 var(--f);margin-top:8px}
.kpl .it span{font-size:13px;color:var(--ink2);margin-top:4px}
.kpl .it i{position:absolute;right:-14px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:600 15px/24px var(--t);text-align:center;font-style:normal;z-index:2}
.kpl .sm{background:var(--dark);color:#fff;border-radius:var(--r);padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.kpl .sm .ey{color:#8f8d88}
.kpl .sm .cena{font-size:32px;display:block;margin:10px 0 2px}
.kpl .sm small{color:#8f8d88;font-size:12.5px}
.kpl .sm .btn{background:#fff;color:var(--ink);width:100%;margin-top:18px}

/* koszyk */
.ksz-t{position:fixed;inset:0;background:rgba(18,18,18,.4);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}
.ksz{position:fixed;top:12px;right:12px;bottom:12px;width:430px;max-width:calc(100% - 24px);background:var(--w0);border-radius:var(--R);z-index:61;transform:translateX(110%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;overflow:hidden}
.ksz-on .ksz-t{opacity:1;pointer-events:auto}
.ksz-on .ksz{transform:none}
.ksz-h{display:flex;justify-content:space-between;align-items:center;padding:22px 24px}
.ksz-h h2{font-size:28px}
.ksz-h button{border:0;background:var(--bg);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1}
.ksz-l{flex:1;overflow:auto;padding:0 24px}
.ksz-p{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:14px 0;border-top:1px solid var(--line);align-items:center}
.ksz-p img{width:76px;height:76px;object-fit:contain;background:var(--bg);border-radius:12px;padding:6px}
.ksz-p b{font:600 14px/1.3 var(--f);display:block}
.ksz-p small{color:var(--ink3);font-size:12.5px}
.ksz-p small a{text-decoration:underline}
.ksz-p .cena{font-size:18px}
.ksz-pusty{padding:60px 0;text-align:center;color:var(--ink2)}
.ksz-s{padding:20px 24px 24px;background:var(--bg)}
.ksz-s .r{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.ksz-s .r .cena{font-size:30px}
.ksz-s small{display:block;color:var(--ink3);font-size:12.5px;margin-bottom:16px}
.ksz-s .btn{width:100%}
.ksz-s .btn+.btn{margin-top:8px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:13px 20px;border-radius:999px;font-size:14px;opacity:0;transition:.25s;z-index:70;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.proto{position:fixed;left:16px;bottom:16px;z-index:50;background:var(--w0);border-radius:999px;padding:8px 14px;font-size:12px;color:var(--ink2);box-shadow:0 6px 18px rgba(0,0,0,.08)}

/* wejścia */
.wej{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.wej.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.wej{opacity:1;transform:none}.pkt::after{animation:none}}

/* responsywność */
@media (max-width:1200px){
  .hot{grid-template-columns:1fr 1fr}
  .hot-k{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}
  .kom{grid-template-columns:1fr}
  .siatka{grid-template-columns:repeat(3,1fr)}
  .kat{grid-template-columns:repeat(3,1fr)}
  .at-l{grid-template-columns:1fr 1fr}
  .kpl{grid-template-columns:1fr 1fr 1fr}
  .kpl .sm{grid-column:1/-1}
  .ft-g{grid-template-columns:1fr 1fr}
  .bar{flex-wrap:wrap}
}
@media (max-width:900px){
  .w{padding:0 14px}
  .top .w{justify-content:center}.top .s:last-child{display:none}
  .hd .w{grid-template-columns:auto 1fr auto;gap:10px;height:64px}
  .szuk{display:none}
  .logo b{font-size:22px}.logo small{display:none}.logo svg{width:24px;height:30px}
  .ik a span,.ik button span{display:none}
  .ik a,.ik button{padding:8px}
  .hero{padding-top:12px}
  .hs{grid-template-columns:1fr;min-height:0;border-radius:20px}
  .hs-s{order:-1;aspect-ratio:1/0.92}
  .hs-t{padding:22px 20px;background:rgba(255,255,255,.5)}
  .hs-t h1{font-size:34px;margin:14px 0 12px}
  .hs-t p{margin-bottom:20px}
  .hs-c{left:12px;right:12px;bottom:12px;min-width:0;padding:10px 10px 10px 14px}
  .hs-c b{font-size:13.5px}
  .hs-n{right:12px;top:12px}
  .hs-pas{left:0;top:0;bottom:auto}
  .at{grid-template-columns:1fr}
  .at-i{min-height:150px}
  .at-l{padding:20px;gap:18px}
  .sek{padding-top:60px}
  .sek-h{margin-bottom:22px}
  .bs{grid-template-columns:1fr}
  .bs-i{padding:22px}
  .bs-i .luk{display:none}
  .bs-i p{margin:0}
  .kar .kp{flex-basis:72%}
  .siatka{grid-template-columns:1fr 1fr;gap:10px}
  .kp{border-radius:18px}
  .kp-b{padding:12px}
  .kp-n{font-size:13.5px}
  .cena{font-size:19px}
  .kp-f small{display:none}
  .kp-add{width:38px;height:38px;right:10px;top:10px}
  .kp-tag{left:10px;top:10px;font-size:10.5px;padding:5px 9px}
  .kat{grid-template-columns:repeat(3,1fr);gap:10px}
  .kat b{font-size:13.5px}
  .hot{grid-template-columns:1fr}
  .hot-t{padding:0}
  .hot-i{min-height:0;aspect-ratio:1}
  .hot-k{grid-template-columns:1fr}
  .dym{width:180px}
  .kom{padding:20px}
  .kom-h{flex-direction:column;align-items:flex-start}
  .slt{grid-template-columns:1fr 1fr;gap:10px}
  .dor{grid-template-columns:1fr}
  .dor-t{padding:32px 22px}
  .dor-i{min-height:260px}
  .ft{margin-top:60px}
  .ft-g{grid-template-columns:1fr;gap:30px}
  .kh{grid-template-columns:1fr;min-height:0}
  .kh-t{padding:28px 22px}
  .kh-i{display:none}
  .bar{top:64px;padding:12px 14px;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;scrollbar-width:none}
  .bar .sep,.bar .lin{display:none}
  .bar>*{flex:none}
  .pd{grid-template-columns:1fr;gap:20px}
  .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none}
  .gal div,.gal div:first-child{flex:0 0 88%;aspect-ratio:1;scroll-snap-align:start}
  .pd-i{position:static}
  .box{padding:20px}
  .pd-z{grid-template-columns:1fr}
  .kpl{grid-template-columns:1fr;padding:16px}
  .kpl .it{flex-direction:row;align-items:center;gap:12px}
  .kpl .it .o{width:80px;flex:none}
  .kpl .it i{right:auto;left:50%;top:auto;bottom:-14px;margin:0 0 0 -12px}
  .proto{display:none}
}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none}
.hs-s .sl{mix-blend-mode:multiply}
.hs-s .sl img{mix-blend-mode:normal}
.hs-c .okr-btn{width:40px;height:40px}
@media (max-width:900px){
  .hs-c{position:static;margin:0 12px 12px;box-shadow:none}
  .kup{grid-template-columns:118px 1fr}
  .kup .btn{font-size:14px;padding:0 14px;white-space:nowrap}
  .kup .btn svg{display:none}
  .pd-z{gap:0;background:var(--w0);border-radius:var(--r)}
  .pd-z div{display:flex;gap:12px;align-items:center;background:none;padding:12px 14px}
  .pd-z div+div{border-top:1px solid var(--line)}
  .pd-z svg{margin:0}
  .pd-z b{display:inline;margin-right:4px}
  .at-l svg{margin-bottom:8px}
}
@media (max-width:900px){.hs-p{margin-top:22px}}

/* ===== v4 (12.11): szerzej + kontrast ===== */
:root{
  --w:1800px; --bg:#efede8; --ink:#0e0e0e; --ink2:#4a4844; --ink3:#7d7a74;
  --sand:#e6d6bd; --stone:#dcd9d1; --sage:#d3dcc9; --clay:#ebcfb9; --mist:#d3dbe3;
  --brass:#9a6c25; --brass2:#d0a457; --deep:#7c561c;
}
.w{padding:0 48px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.04em}
.ey{color:var(--brass)}
.ey b{color:var(--ink)}
.sek{padding-top:120px}
.sek-h h2{font-size:clamp(36px,3.4vw,64px)}
.sek-h p{font-size:16px}
.btn{height:54px;padding:0 28px;font-size:15px}
.btn:hover{background:var(--brass)}
/* hero: ciemny panel tekstu + nasycony tint sceny */
.hs{grid-template-columns:clamp(420px,30%,560px) 1fr;min-height:clamp(600px,44vw,780px)}
.hs-t{background:var(--ink);color:#fff;padding:56px 52px 44px}
.hs-t .ey{color:var(--brass2)}
.hs-t .ey b{color:#fff}
.hs-t h1{font-size:clamp(46px,4.2vw,84px);color:#fff}
.hs-t p{color:#b9b6af;font-size:17px;max-width:380px}
.hs-t .lnk{color:#fff}
.hs-t .lnk .okr-btn{background:var(--brass2);color:var(--ink)}
.hs-p .ey{color:#8a877f}
.hs-m button{width:96px;color:#8a877f}
.hs-m button span{background:#fff}
.hs-m button.on{color:#fff}
.hs-m button.on span{box-shadow:0 0 0 3px var(--brass2)}
.hs-pas{left:clamp(420px,30%,560px)}
.hs-s .kolo{width:min(64%,640px);background:rgba(255,255,255,.6)}
.hs-c{min-width:360px;padding:16px 16px 16px 24px}
.hs-c b{font-size:17px;max-width:260px}
.hs-c .cn{font-size:28px}
/* atuty: ikony pełne, mocniejsze */
.at{grid-template-columns:1fr 2.4fr}
.at-l{padding:30px 40px}
.at-l svg{width:44px;height:44px;padding:10px;background:var(--ink);stroke:var(--brass2)}
.at-l b{font-size:17px}
.at-l div{font-size:14px}
/* bestsellery: mosiężna karta wstępu */
.bs{grid-template-columns:clamp(300px,22%,400px) 1fr}
.bs-i{background:var(--brass);color:#fff}
.bs-i .ey{color:#f3dfb8}
.bs-i h2{font-size:clamp(38px,3vw,54px)}
.bs-i p{color:#f1e4cc}
.bs-i .okr-btn{background:#fff;color:var(--ink)}
.kar .kp{flex-basis:calc((100% - 48px)/4)}
.kp-n{font-size:16px}
.cena{font-size:24px}
.siatka{grid-template-columns:repeat(5,1fr)}
/* kategorie */
.kat b{font-size:19px}
.kat span{border-radius:20px}
/* hotspoty */
.hot{grid-template-columns:1fr 1.5fr 340px}
.hot-i{min-height:640px}
.hot-l b{font-size:17px}
.pkt{width:36px;height:36px;margin:-18px 0 0 -18px;background:var(--brass);color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.7),0 6px 16px rgba(0,0,0,.2)}
.pkt.on,.pkt:hover{background:var(--ink)}
.hot-p .btn:hover{background:var(--brass)}
/* kompozytor na ciemnym tle */
.kom{background:var(--ink);color:#fff;grid-template-columns:1fr 380px;padding:52px}
.kom-h p{color:#a9a6a0}
.kom-h .ey{color:var(--brass2)}
.sl-k{background:#fff;color:var(--ink)}
.slt{grid-template-columns:repeat(6,1fr)}
.kom-s{background:var(--brass);}
.kom-s .ey{color:#f3dfb8}
.kom-s ul{color:#f6ead4}
.kom-s li{border-color:rgba(255,255,255,.22)}
.kom-s small{color:#f1e4cc}
/* doradca */
.dor{background:var(--sand)}
.dor-t{padding:64px}
.dor-t h2{font-size:clamp(34px,3.2vw,56px)}
/* listing i karta */
.kh{min-height:380px}
.kh-t h1{font-size:clamp(46px,4.6vw,88px)}
.kh-i img{max-height:340px}
.kh-i img:nth-child(2){max-height:380px}
.pd{grid-template-columns:1.4fr 1fr;gap:72px}
.pd-i h1{font-size:clamp(36px,3vw,56px)}
.box .cena{font-size:52px}
.kpl{grid-template-columns:repeat(3,1fr) 320px}
.ft{background:#0b0b0b}
@media (max-width:1500px){
  .siatka{grid-template-columns:repeat(4,1fr)}
  .kar .kp{flex-basis:calc((100% - 32px)/3)}
  .slt{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1200px){
  .hot{grid-template-columns:1fr 1fr}
  .kom{grid-template-columns:1fr}
  .siatka{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .w{padding:0 14px}
  .sek{padding-top:64px}
  .hs{grid-template-columns:1fr;min-height:0}
  .hs-t{padding:24px 20px}
  .hs-t h1{font-size:36px}
  .hs-t p{font-size:15px}
  .hs-pas{left:0}
  .hs-c{min-width:0;padding:10px 10px 10px 14px;margin:12px}
  .hs-c b{font-size:14px}.hs-c .cn{font-size:20px}
  .at{grid-template-columns:1fr}
  .at-l{padding:20px}
  .bs{grid-template-columns:1fr}
  .kar .kp{flex-basis:72%}
  .siatka{grid-template-columns:1fr 1fr}
  .slt{grid-template-columns:1fr 1fr}
  .kom{padding:20px}
  .hot{grid-template-columns:1fr}
  .hot-i{min-height:0}
  .dor-t{padding:32px 22px}
  .kh{min-height:0}
  .pd{grid-template-columns:1fr;gap:20px}
  .box .cena{font-size:42px}
  .kpl{grid-template-columns:1fr}
}
/* przycisk koszyka na karcie: ikona koszyka + napis, w wierszu ceny */
.kp-f{align-items:flex-end}
.kp-f small{display:block;margin-top:5px}
.kp-add{position:static;width:auto;height:44px;border-radius:999px;padding:0 16px 0 14px;display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--t);white-space:nowrap;flex:none}
.kp-add svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.7}
.kp-add:hover{transform:none;background:var(--brass)}
@media (max-width:1500px){.kp-add span{display:none}.kp-add{width:44px;padding:0;justify-content:center}}
@media (max-width:900px){.kp-add{width:40px;height:40px}.kp-f small{display:none}}
/* nagłówek hero zawsze mieści się w panelu (najdłuższe słowo „Deszczownica,”) */
.hs-t{container-type:inline-size}
.hs-t h1{font-size:clamp(34px,12.6cqi,64px);overflow-wrap:normal;hyphens:none}
@media (max-width:900px){.hs-t h1{font-size:clamp(30px,10.5cqi,40px)}}
/* ===== listing z lewą kolumną: kategorie + filtry ===== */
.kh-s{min-height:0}
.kh-s .kh-t{padding:36px 44px}
.kh-s .kh-t h1{font-size:clamp(40px,3.6vw,68px)}
.kh-s .kh-i img{max-height:220px}.kh-s .kh-i img:nth-child(2){max-height:250px}
.lst{display:grid;grid-template-columns:320px 1fr;gap:32px;padding-top:28px;align-items:start}
.flt{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;background:var(--w0);border-radius:var(--R);padding:8px 22px 22px;scrollbar-width:thin}
.flt-h{display:none}
.flt section{padding:20px 0;border-bottom:1px solid var(--line)}
.flt section:last-of-type{border-bottom:0}
.flt h3{font:700 12px/1 var(--t);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.flt-kat{list-style:none;margin:0;padding:0}
.flt-kat a{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--ink2);transition:background .15s}
.flt-kat a:hover{background:var(--bg);color:var(--ink)}
.flt-kat a.on{background:var(--ink);color:#fff}
.flt-kat img{width:36px;height:36px;border-radius:10px;background:var(--bg);object-fit:contain;mix-blend-mode:multiply;flex:none}
.flt-kat a.on img{background:#fff;mix-blend-mode:normal}
.flt-kat em,.flt label em,.flt-pr em{font-style:normal;margin-left:auto;font-size:12.5px;color:var(--ink3)}
.flt-kat a.on em{color:#bdbab3}
.flt label{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14.5px;color:var(--ink2);cursor:pointer}
.flt label:hover{color:var(--ink)}
.flt input[type=checkbox]{appearance:none;width:20px;height:20px;border-radius:6px;margin:0;background:var(--w0);box-shadow:inset 0 0 0 1.5px var(--line2);display:grid;place-items:center;flex:none;cursor:pointer}
.flt input[type=checkbox]:checked{background:var(--ink);box-shadow:none}
.flt input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.flt-cena{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.flt-cena label{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:0 12px;height:44px;font-size:12.5px;color:var(--ink3)}
.flt-cena input{border:0;background:none;width:100%;font:600 14px var(--t);outline:0;color:var(--ink)}
.flt-pr{display:flex;width:100%;align-items:center;border:0;background:none;padding:8px 10px;margin:0 -10px;border-radius:10px;font-size:14px;color:var(--ink2);text-align:left;width:calc(100% + 20px)}
.flt-pr:hover{background:var(--bg)}
.flt-pr.on{background:var(--ink);color:#fff}
.flt-pr.on em{color:#bdbab3}
.sw{gap:12px!important}
.sw input{display:none}
.sw span{width:40px;height:24px;border-radius:12px;background:var(--ink);position:relative;flex:none}
.sw span::after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.flt-zam{display:none}
.lst-t{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.lst-t .ile{font-size:15px;color:var(--ink2)}
.lst-t .ile b{color:var(--ink);font-weight:700}
.lst-r{display:flex;gap:10px}
.flt-otw{display:none;height:40px}
.akt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.akt button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:500}
.akt button i{font-style:normal;opacity:.6;font-size:15px}
.akt .cz{background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.lst .siatka{grid-template-columns:repeat(4,1fr)}
@media (max-width:1500px){.lst .siatka{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1100px){.lst{grid-template-columns:270px 1fr}.lst .siatka{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .lst{grid-template-columns:1fr;padding-top:16px}
  .flt{display:none;position:fixed;inset:0;top:0;max-height:none;z-index:65;border-radius:0;padding:0 18px 90px}
  .flt.on{display:block}
  .flt-h{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--w0);padding:16px 0;z-index:2;border-bottom:1px solid var(--line)}
  .flt-h b{font:700 22px/1 var(--f)}
  .flt-h button{border:0;background:var(--bg);width:40px;height:40px;border-radius:50%;font-size:22px}
  .flt-zam{display:block;position:fixed;left:0;right:0;bottom:0;padding:12px 16px;background:var(--w0);border-top:1px solid var(--line)}
  .flt-zam .btn{width:100%}
  .flt-otw{display:inline-flex}
  .lst-t .ile{font-size:13px}
  .lst-t .ile span{display:none}
  .lst .siatka{grid-template-columns:1fr 1fr}
  .kh-s .kh-t{padding:24px 20px}
}

/* ===== v5: bez tintów i mieszania pod zdjęciami — czysta biel, wyższe karty ===== */
img{mix-blend-mode:normal!important}
.kp-i{background:#fff!important;aspect-ratio:4/5}
.kp-i img{inset:6%;width:88%;height:88%}
.kp-i img.cov{inset:0;width:100%;height:100%}
.kp-b{border-top:1px solid var(--line)}
.kat span{background:#fff!important}
.hs{background:#fff!important}
.hs-s .kolo{display:none}
.hs-s .sl{mix-blend-mode:normal}
.hs-s .sl img{height:90%;max-width:80%}
.nav a img,.kats a img,.flt-kat img,.hs-m button span,.sl-k,.kpl .it,.ksz-p img{background:#fff}
.sl-k .o,.kpl .it .o{background:#fff}
.gal div{background:#fff!important}
.kh{background:#fff!important}
.kh-t{background:var(--ink);color:#fff}
.kh-t .ey b{color:#fff}.kh-t .ey{color:var(--brass2)}
.kh-t h1{color:#fff}
.kh-t p{color:#b9b6af}
.kh-t .st div{color:#b9b6af}.kh-t .st b{color:#fff}
.kh-i{align-items:center;gap:12px;padding:24px}
.kh-i img,.kh-s .kh-i img,.kh-s .kh-i img:nth-child(2),.kh-i img:nth-child(2){width:auto;max-width:31%;height:88%;max-height:none;margin:0;object-fit:contain}
.kh-s .kh-i{height:260px}
.hot-i{background:#fff}
.hot-i>img{mix-blend-mode:normal}
.flt-kat a.on img,.nav a.on img,.kats a.on img{background:#fff}
.hs-s .sl.foto img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.04)}
.hs-s .sl.foto.on img{transform:none}
.hs-s .sl img{height:78%}
/* życie w domu */
.zyc{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:clamp(640px,52vw,920px)}
.zyc-k{position:relative;border-radius:var(--R);overflow:hidden;display:block;color:#fff}
.zyc-k.duzy{grid-row:1/3}
.zyc-k>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.zyc-k:hover>img{transform:scale(1.04)}
.zyc-k::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 60%,rgba(0,0,0,.35) 100%)}
.zyc-t{position:absolute;left:32px;top:30px;right:32px;z-index:2;font-size:15px;color:rgba(255,255,255,.88);max-width:420px}
.zyc-t b{display:block;font:700 clamp(26px,2.2vw,40px)/1.05 var(--f);letter-spacing:-.035em;color:#fff;margin-bottom:10px}
.zyc-p{position:absolute;left:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);border-radius:18px;padding:10px 10px 10px 10px;max-width:calc(100% - 40px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.zyc-p>img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;flex:none}
.zyc-p small{display:block;font-size:11.5px;color:var(--ink3)}
.zyc-p b{display:block;font:600 14.5px/1.25 var(--f);letter-spacing:-.015em;max-width:240px}
.zyc-p em{font-style:normal;font-weight:700;font-size:14px}
.zyc-p .okr-btn{width:40px;height:40px;margin-left:6px}
@media (max-width:900px){
  .zyc{grid-template-columns:1fr;grid-template-rows:none;height:auto}
  .zyc-k{aspect-ratio:4/4.4}
  .zyc-k.duzy{grid-row:auto}
  .zyc-t{left:20px;top:20px;right:20px}
  .zyc-p{left:12px;bottom:12px;max-width:calc(100% - 24px)}
}
.zyc-k::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 34%,rgba(0,0,0,0) 55%,rgba(0,0,0,.3) 100%)}


/* ===== v6: sekcje zaprojektowane od nowa (unikalne dla FH-NIRS) ===== */
/* HERO „Pomieszczenia”: pełne zdjęcie z życia, zakładki-słowa, szyna produktów */
.pk{position:relative;margin:16px auto 0;max-width:calc(var(--w) - 32px);border-radius:28px;overflow:hidden;min-height:clamp(620px,46vw,860px);color:#fff;display:flex}
.pk-f{position:absolute;inset:0}
.pk-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1s,transform 6s ease-out}
.pk-f img.on{opacity:1;transform:scale(1)}
.pk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.55) 34%,rgba(10,10,10,.05) 62%),linear-gradient(0deg,rgba(10,10,10,.5),rgba(10,10,10,0) 40%)}
.pk-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto 1fr auto;padding-top:40px;padding-bottom:40px;gap:24px}
.pk-tab{grid-column:1/-1;display:flex;gap:34px;flex-wrap:wrap}
.pk-tab button{border:0;background:none;color:rgba(255,255,255,.55);font:600 clamp(16px,1.2vw,20px)/1 var(--f);letter-spacing:-.02em;padding:0 0 12px;border-bottom:2px solid transparent;display:flex;gap:10px;align-items:baseline;transition:color .2s,border-color .2s}
.pk-tab button i{font:600 11px/1 var(--t);font-style:normal;color:var(--brass2);letter-spacing:.08em}
.pk-tab button:hover{color:#fff}
.pk-tab button.on{color:#fff;border-color:var(--brass2)}
.pk-t{align-self:end;max-width:760px}
.pk-t h1{font-size:clamp(46px,5vw,96px);line-height:.98;letter-spacing:-.045em;color:#fff;transition:opacity .4s}
.pk-t p{font-size:clamp(16px,1.2vw,20px);color:rgba(255,255,255,.82);margin:22px 0 32px;max-width:520px}
.pk-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn.jasny{background:#fff;color:var(--ink)}.btn.jasny:hover{background:var(--brass2)}
.btn.obrys{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}.btn.obrys:hover{background:#fff;color:var(--ink)}
.pk-sz{align-self:end;background:rgba(255,255,255,.96);color:var(--ink);border-radius:22px;padding:18px;backdrop-filter:blur(10px)}
.pk-sz .ey{display:block;margin:2px 4px 12px}
.pk-sz a{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:14px;transition:background .15s}
.pk-sz a:hover{background:var(--bg)}
.pk-sz img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.pk-sz b{font:600 14px/1.3 var(--f);letter-spacing:-.01em}
.pk-sz em{font-style:normal;font-weight:700;font-size:15px;white-space:nowrap}
/* pasek faktów */
.pas{background:var(--ink);color:#bdbab3;margin:16px auto 0;max-width:calc(var(--w) - 32px);border-radius:20px}
.pas .w{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.pas div{display:flex;align-items:center;gap:10px;font-size:14px}
.pas b{color:#fff;font-weight:600}
.pas svg{width:22px;height:22px;stroke:var(--brass2);fill:none;stroke-width:1.6}
/* ranking TOP 5 */
.rk{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.rk-k{position:relative;background:#fff;border-radius:var(--R);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.rk-1{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:1fr auto}
.rk-n{position:absolute;left:22px;top:12px;z-index:2;font:800 clamp(56px,5vw,96px)/1 var(--f);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--brass)}
.rk-1 .rk-n{font-size:clamp(110px,10vw,200px);top:6px}
.rk-i{display:block;position:relative;min-height:230px}
.rk-i img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;transition:transform .5s}
.rk-k:hover .rk-i img{transform:scale(1.05)}
.rk-b{padding:24px 24px 22px 0;display:flex;flex-direction:column}
.rk-1 .rk-b{padding:0 30px 28px}
.rk-b .ey{margin-bottom:10px}
.rk-b .kp-n{font-size:17px;min-height:0}
.rk-1 .rk-b .kp-n{font-size:clamp(22px,1.6vw,30px)}
.rk-1 .cena{font-size:34px}
/* bento kategorii */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(220px,15vw,300px);gap:16px}
.bt{position:relative;background:#fff;border-radius:var(--R);overflow:hidden;display:block;transition:box-shadow .25s}
.bt:hover{box-shadow:0 0 0 2px var(--ink)}
.bt.b-szer{grid-column:span 2}
.bt.b-wys{grid-row:span 2}
.bt-t{position:absolute;left:26px;top:24px;z-index:2}
.bt-t b{display:block;font:700 clamp(22px,1.7vw,32px)/1.05 var(--f);letter-spacing:-.035em}
.bt-t small{display:block;margin-top:8px;font-size:13px;color:var(--ink3)}
.bt img{position:absolute;right:6%;bottom:6%;height:72%;width:auto;max-width:60%;object-fit:contain;transition:transform .5s}
.bt.b-wys img{height:62%;max-width:80%;right:50%;transform:translateX(50%);bottom:8%}
.bt:hover img{transform:scale(1.06)}
.bt.b-wys:hover img{transform:translateX(50%) scale(1.06)}
.bt .okr-btn{position:absolute;left:26px;bottom:22px;width:42px;height:42px}
/* anatomia: rysunek z opisami po bokach */
.an{background:var(--ink);color:#fff;margin:120px auto 0;max-width:calc(var(--w) - 32px);border-radius:28px;padding:80px 0 56px}
.an-h{text-align:center;margin-bottom:40px}
.an-h .ey{color:var(--brass2)}
.an-h h2{font-size:clamp(36px,3.4vw,64px);color:#fff;margin-top:14px}
.an-s{position:relative;display:grid;grid-template-columns:1fr minmax(360px,620px) 1fr;grid-template-rows:repeat(3,auto);gap:0 60px;align-items:center}
.an-i{grid-column:2;grid-row:1/4;position:relative;background:#fff;border-radius:28px;aspect-ratio:1}
.an-i img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}
.an-p{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 5px rgba(201,161,90,.35);z-index:2}
.an-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.an-svg line{stroke:rgba(201,161,90,.7);stroke-width:1}
.an-e{font-size:14px;color:#a9a6a0;max-width:300px;padding:18px 0;position:relative;z-index:2}
.an-e span{display:block;font:600 12px/1 var(--t);color:var(--brass2);margin-bottom:8px;letter-spacing:.08em}
.an-e b{display:block;color:#fff;font:600 20px/1.2 var(--f);letter-spacing:-.02em;margin-bottom:4px}
.an-e.an-lw{grid-column:1;justify-self:end;text-align:right}
.an-e.an-pw{grid-column:3}
.an-f{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:44px;flex-wrap:wrap}
.an-f b{display:block;font:600 18px/1.3 var(--f)}
.an-f span{color:#a9a6a0;font-size:14px}
@media (max-width:1200px){
  .pk-in{grid-template-columns:1fr}
  .pk-sz{max-width:420px}
  .rk{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .rk-1{grid-row:auto;grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}
  .bento{grid-template-columns:repeat(2,1fr)}
  .an-s{grid-template-columns:1fr 1fr;gap:20px}
  .an-i{grid-column:1/-1;grid-row:auto;max-width:520px;width:100%;justify-self:center}
  .an-e.an-lw,.an-e.an-pw{grid-column:auto;justify-self:start;text-align:left}
  .an-svg{display:none}
}
@media (max-width:900px){
  .pk{margin:8px 8px 0;border-radius:20px;min-height:0}
  .pk::after{background:linear-gradient(0deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.45) 55%,rgba(10,10,10,.2) 100%)}
  .pk-in{padding-top:20px;padding-bottom:16px;min-height:640px}
  .pk-tab{gap:18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pk-tab button{white-space:nowrap;font-size:15px}
  .pk-t h1{font-size:38px}
  .pk-sz{padding:10px}.pk-sz a:nth-child(n+4){display:none}
  .pas{margin:8px 8px 0}
  .pas .w{justify-content:flex-start;gap:12px 20px}
  .pas div{font-size:13px}
  .rk{grid-template-columns:1fr}
  .rk-1{grid-template-columns:1fr}
  .rk-k{grid-template-columns:120px 1fr}
  .rk-i{min-height:150px}
  .rk-b{padding:18px 16px 16px 0}
  .rk-n{font-size:44px;left:12px}
  .rk-1 .rk-n{font-size:90px}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:200px;gap:10px}
  .bt.b-szer{grid-column:span 2}
  .bt.b-wys{grid-row:span 1}
  .bt-t{left:16px;top:16px}
  .bt-t b{font-size:19px}
  .bt .okr-btn{display:none}
  .bt img{height:58%;max-width:70%}
  .bt.b-wys img{height:58%}
  .an{margin:64px 8px 0;padding:44px 0 36px;border-radius:20px}
  .an-s{grid-template-columns:1fr}
}
/* audyt */
.au-h{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:24px 0 40px;border-bottom:1px solid var(--line2)}
.au-h h1{font-size:clamp(44px,4.6vw,88px);margin:14px 0 18px}
.au-h p{color:var(--ink2);font-size:17px;max-width:620px;margin:0}
.au-s{display:flex;gap:12px}
.au-s div{background:#fff;border-radius:20px;padding:22px 26px;min-width:150px;font-size:14px;color:var(--ink2)}
.au-s b{display:block;font:700 56px/1 var(--f);letter-spacing:-.05em;margin-bottom:6px}
.au-s .kr b{color:#c2410c}.au-s .wa b{color:var(--brass)}.au-s .dob b{color:#2f7a45}
.au-g{padding:56px 0 0}
.au-g h2{font-size:clamp(28px,2.4vw,40px);margin-bottom:20px}
.au-l{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.au-k{background:#fff;border-radius:20px;padding:24px;border-top:4px solid var(--line2)}
.au-k.kr{border-color:#c2410c}.au-k.wa{border-color:var(--brass2)}.au-k.dob{border-color:#2f7a45}.au-k.in{border-color:var(--ink3)}
.au-t{display:inline-block;font:700 11px/1 var(--t);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--bg)}
.au-k.kr .au-t{background:#fde8dc;color:#9a3412}.au-k.wa .au-t{background:#f5ead6;color:#7c561c}.au-k.dob .au-t{background:#e1f0e5;color:#22603a}
.au-k h3{font:700 19px/1.25 var(--f);letter-spacing:-.02em;margin:14px 0 8px}
.au-k p{margin:0;color:var(--ink2);font-size:14.5px}
.au-r{margin-top:72px;background:var(--ink);color:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.au-r .ey{color:var(--brass2)}
.au-r h2{font-size:clamp(30px,2.6vw,48px);color:#fff;margin-top:14px}
.au-r ul{list-style:none;margin:0;padding:0}
.au-r li{padding:14px 0;border-top:1px solid #2a2a2a;color:#bdbab3}
.au-r li:first-child{border-top:0}
.au-r li b{color:#fff}
.au-r .lnk{color:var(--brass2)}
.au-st{color:var(--ink3);font-size:13px;margin:20px 0 0}
@media (max-width:1200px){.au-l{grid-template-columns:1fr 1fr}.au-r{grid-template-columns:1fr}}
@media (max-width:900px){.au-h{grid-template-columns:1fr}.au-s div{min-width:0;flex:1;padding:16px}.au-s b{font-size:40px}.au-l{grid-template-columns:1fr}.au-r{padding:28px 22px}}
/* ===== stopka v2: nowoczesna ===== */
.ft2{position:relative;background:#0b0b0b;color:#a19e97;margin-top:120px;padding:88px 0 0;overflow:hidden;font-size:14.5px}
.ft2::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.ft2::after{content:"";position:absolute;width:900px;height:900px;right:-260px;top:-420px;border-radius:50%;background:radial-gradient(closest-side,rgba(201,161,90,.22),transparent);pointer-events:none}
.ft2 .w{position:relative;z-index:1}
.ft2 .ey{color:var(--brass2)}
.ft2-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;padding-bottom:64px;border-bottom:1px solid #222}
.ft2-cta h2{color:#fff;font-size:clamp(40px,4.4vw,84px);line-height:.98;letter-spacing:-.045em;margin:18px 0 30px}
.ft2-cta h2 em{font-style:normal;color:var(--brass2)}
.ft2-tel{display:inline-flex;align-items:center;gap:16px;color:#fff;font:700 clamp(30px,2.6vw,48px)/1 var(--f);letter-spacing:-.04em;margin-right:28px}
.ft2-tel svg{width:56px;height:56px;padding:15px;border-radius:50%;background:var(--brass2);stroke:#0b0b0b;fill:none;stroke-width:1.8;transition:transform .3s}
.ft2-tel:hover svg{transform:rotate(-12deg) scale(1.05)}
.ft2-mail{color:#d8d5ce;font-size:18px;border-bottom:1px solid #444;padding-bottom:3px}
.ft2-mail:hover{color:#fff;border-color:var(--brass2)}
.ft2-od{background:rgba(255,255,255,.05);border:1px solid #262626;border-radius:24px;padding:28px;backdrop-filter:blur(8px)}
.ft2-od b{display:block;color:#fff;font:700 22px/1.2 var(--f);letter-spacing:-.02em}
.ft2-od p{margin:8px 0 20px}
.ft2-in{display:flex;align-items:center;background:#fff;border-radius:999px;height:58px;padding:0 6px 0 22px}
.ft2-in input{flex:1;border:0;background:none;font:500 16px var(--t);outline:0;min-width:0;color:var(--ink)}
.ft2-in button{width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);display:grid;place-items:center;transition:background .2s}
.ft2-in button:hover{background:var(--brass)}
.ft2-in svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
.ft2-ok{display:block;color:var(--brass2);font-weight:600;font-size:16px;padding:16px 0}
.ft2-od small{display:block;margin-top:12px;font-size:12px;color:#77746e}
.ft2-g{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:40px;padding:56px 0}
.ft2 h4{font:700 12px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 22px}
.ft2 ul{list-style:none;margin:0;padding:0}
.ft2 li{margin-bottom:12px}
.ft2-k a{display:inline-flex;align-items:center;gap:10px;transition:color .2s,transform .2s}
.ft2-k a:hover{color:#fff;transform:translateX(4px)}
.ft2-k em{font-style:normal;font-size:11px;color:#6d6a64;border:1px solid #2c2c2c;border-radius:999px;padding:2px 8px}
.ft2-adr{position:relative;background:#151515;border:1px solid #232323;border-radius:24px;padding:26px}
.ft2-adr .pin{position:absolute;right:22px;top:22px;width:44px;height:44px;border-radius:50%;background:#222;display:grid;place-items:center}
.ft2-adr .pin svg{width:22px;height:22px;stroke:var(--brass2);fill:none;stroke-width:1.6}
.ft2-adr b{display:block;color:#fff;font:700 20px/1.2 var(--f)}
.ft2-adr p{margin:6px 0 18px;line-height:1.6}
.ft2-adr .lnk{color:#fff}
.ft2-adr .okr-btn{background:var(--brass2);color:var(--ink);width:38px;height:38px}
.ft2-zn{font:800 clamp(90px,17vw,330px)/.8 var(--f);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #2e2e2e;background:linear-gradient(180deg,#1c1c1c,transparent);-webkit-background-clip:text;background-clip:text;white-space:nowrap;text-align:center;margin:0 -2vw -1vw;user-select:none}
.ft2-d{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 26px;border-top:1px solid #222;font-size:13px;flex-wrap:wrap}
.ft2-top{display:inline-flex;align-items:center;gap:12px;border:0;background:none;color:#fff;font:600 13.5px var(--t)}
.ft2-top .okr-btn{width:40px;height:40px;background:#fff;color:var(--ink)}
.ft2-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.ft2-top:hover .okr-btn{transform:translateY(-3px)}
@media (max-width:1200px){.ft2-cta{grid-template-columns:1fr}.ft2-g{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .ft2{margin-top:64px;padding-top:56px}
  .ft2-cta{padding-bottom:40px;gap:28px}
  .ft2-cta h2{font-size:38px}
  .ft2-tel{font-size:28px;margin:0 0 14px}
  .ft2-tel svg{width:46px;height:46px;padding:12px}
  .ft2-mail{display:inline-block}
  .ft2-od{padding:20px}
  .ft2-g{grid-template-columns:1fr 1fr;gap:28px;padding:40px 0}
  .ft2-adr{grid-column:1/-1}
  .ft2-zn{font-size:26vw}
  .ft2-d{flex-direction:column;align-items:flex-start}
}
[hidden]{display:none!important}
.ft2-zn{-webkit-text-stroke:1px #3a3a3a}
/* ===== hero v2: podział – panel tekstu + czyste zdjęcie (bez gradientu i tekstu na zdjęciu) ===== */
.pk{display:grid;grid-template-columns:minmax(460px,40%) 1fr;min-height:clamp(620px,42vw,800px);background:var(--ink)}
.pk::after{display:none}
.pk-f{position:relative;inset:auto;order:2;overflow:hidden}
.pk-in{order:1;display:flex;flex-direction:column;gap:0;padding:40px clamp(28px,3vw,56px) 36px;grid-template-columns:none}
.pk-tab{gap:26px;margin-bottom:auto}
.pk-t{align-self:auto;margin:40px 0 32px}
.pk-t h1{font-size:clamp(40px,3.6vw,72px)}
.pk-t p{margin:18px 0 28px}
.pk-sz{align-self:stretch;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:14px;backdrop-filter:none}
.pk-sz .ey{color:var(--brass2);margin:4px 6px 10px}
.pk-sz [data-pk-sz]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pk-sz a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px;border-radius:14px;grid-template-columns:none}
.pk-sz a:hover{background:rgba(255,255,255,.08)}
.pk-sz img{width:100%;height:auto;aspect-ratio:1;box-shadow:none}
.pk-sz b{font-size:12.5px;line-height:1.25;color:#e9e6df;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-sz em{font-size:13.5px;color:#fff}
.pk-na{position:absolute;right:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:16px;background:#fff;color:var(--ink);border-radius:16px;padding:12px 18px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.pk-na small{display:block;font-size:11.5px;color:var(--ink3)}
.pk-na b{display:block;font:600 14.5px/1.25 var(--f);max-width:240px}
.pk-na em{font-style:normal;font:700 20px/1 var(--f);letter-spacing:-.03em;white-space:nowrap}
@media (max-width:1200px){.pk{grid-template-columns:1fr}.pk-f{order:1;aspect-ratio:3/2}.pk-in{order:2}}
@media (max-width:900px){
  .pk-in{padding:20px 18px 18px;min-height:0}
  .pk-t{margin:24px 0 20px}
  .pk-t h1{font-size:34px}
  .pk-sz [data-pk-sz]{grid-template-columns:repeat(4,1fr)}
  .pk-sz a:nth-child(n+4){display:flex}
  .pk-sz b{display:none}
  .pk-na{left:12px;right:auto;bottom:12px;padding:8px 12px}
  .pk-na b{font-size:12.5px;max-width:170px}.pk-na em{font-size:16px}
}
/* ranking: numer w kolumnie tekstu, nie na zdjęciu */
.rk-n{position:static;display:block;font-size:clamp(44px,3.4vw,64px);-webkit-text-stroke:1.5px var(--brass);margin:0 0 10px;line-height:.9}
.rk-1 .rk-n{font-size:clamp(70px,5.5vw,110px);position:static}
.rk-1 .rk-b{padding-top:6px}
/* lewa kolumna kategorii: bez wewnętrznego scrolla */
.flt{position:static;max-height:none;overflow:visible}
@media (max-width:900px){.flt.on{overflow:auto}}
/* stopka: zamiast wielkiego znaku – cienka linia z danymi */
.ft2-d{margin-top:8px}
.rk-1 .rk-i{min-height:clamp(320px,24vw,460px)}
/* ===== hero minimalny: wizualizacja robi robotę ===== */
.hx{max-width:calc(var(--w) - 32px);margin:16px auto 0}
.hx-f{position:relative;border-radius:28px;overflow:hidden;height:clamp(460px,calc(100vh - 290px),860px);background:#e9e5de}
.hx-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity 1.1s ease,transform 7s ease-out}
.hx-f img.on{opacity:1;transform:none}
.hx-b{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:28px 16px 0}
.hx-t{display:flex;align-items:flex-end;gap:36px;flex-wrap:wrap}
.hx-t h1{font-size:clamp(34px,3.4vw,64px);line-height:1;letter-spacing:-.045em}
.hx-t h1.wch{animation:hxw .7s cubic-bezier(.2,.7,.2,1)}
@keyframes hxw{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hx-t .lnk{white-space:nowrap;padding-bottom:4px}
.hx-n{display:flex;gap:28px;flex:none}
.hx-n button{position:relative;border:0;background:none;padding:0 0 12px;font:500 14px/1 var(--t);color:var(--ink3);display:flex;gap:8px;align-items:baseline;min-width:96px}
.hx-n button span{font:600 11px/1 var(--t);letter-spacing:.06em}
.hx-n button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line2)}
.hx-n button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--ink);z-index:1}
.hx-n button.on{color:var(--ink)}
.hx-n button.on span{color:var(--brass)}
@media (max-width:900px){
  .hx{margin:8px 8px 0}
  .hx-f{height:auto;aspect-ratio:4/3.4;border-radius:20px}
  .hx-b{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 6px 0}
  .hx-t{gap:14px}
  .hx-t h1{font-size:32px}
  .hx-n{gap:16px;width:100%}
  .hx-n button{min-width:0;flex:1}
}
.hx-f{height:clamp(440px,calc(100vh - 340px),820px)}
.proto{display:none}
@media (prefers-reduced-motion:reduce){.hx-f img{transition:none;transform:none}.hx-t h1.wch{animation:none}}

/* ===== hero v3: jasny panel + wizualizacja (umiarkowanie, bez czarnego) ===== */
.hx{display:grid;grid-template-columns:minmax(420px,34%) 1fr;gap:0;border-radius:28px;overflow:hidden;background:#efe9df}
.hx-p{display:flex;flex-direction:column;padding:clamp(32px,3.2vw,60px);gap:0}
.hx-p .ey{color:var(--ink3)}
.hx-p .ey b{color:var(--brass)}
.hx-p h1{font-size:clamp(40px,3.6vw,70px);line-height:1;letter-spacing:-.045em;margin:22px 0 18px}
.hx-p h1.wch{animation:hxw .7s cubic-bezier(.2,.7,.2,1)}
.hx-p p{color:var(--ink2);font-size:17px;margin:0 0 30px;max-width:380px}
.hx-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hx-st{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:36px}
.hx-c{font:600 13px/1 var(--t);letter-spacing:.06em;min-width:60px}
.hx-pas{flex:1;height:2px;background:rgba(0,0,0,.1);position:relative;margin-right:8px}
.hx-pas i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink)}
.hx .hx-f{border-radius:0;height:auto;min-height:clamp(520px,40vw,780px)}
.hx-na{position:absolute;right:22px;bottom:22px;z-index:3;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.94);border-radius:16px;padding:8px 18px 8px 8px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hx-na img{position:static;width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px;opacity:1;transform:none}
.hx-na small{display:block;font-size:11.5px;color:var(--ink3)}
.hx-na b{display:block;font:600 14px/1.25 var(--f);max-width:220px}
.hx-na em{font-style:normal;font:700 18px/1 var(--f);white-space:nowrap}
@media (max-width:1100px){.hx{grid-template-columns:1fr}.hx .hx-f{order:-1;min-height:0;aspect-ratio:3/2}}
@media (max-width:900px){.hx{margin:8px 8px 0;border-radius:20px}.hx-p{padding:22px 20px}.hx-p h1{font-size:34px}.hx-na{left:10px;right:auto;bottom:10px;padding:6px 12px 6px 6px}.hx-na img{width:40px;height:40px}.hx-na b{font-size:12.5px;max-width:160px}.hx-na em{font-size:15px}}
@media (prefers-reduced-motion:reduce){.hx-p h1.wch{animation:none}}
/* hero: biały panel slajdu (odcina się od tła strony) */
.hx{background:#fff}