/* Strona marki — generowana przez narzedzia/zbuduj-strony-marek.py. Nie edytuj recznie. */
@font-face{font-family:B;src:url(../fonts/barlow-400-latin-ext.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:B;src:url(../fonts/barlow-400-latin.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:B;src:url(../fonts/barlow-500-latin-ext.woff2) format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:B;src:url(../fonts/barlow-500-latin.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:B;src:url(../fonts/barlow-600-latin-ext.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:B;src:url(../fonts/barlow-600-latin.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-600-latin.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-800-latin-ext.woff2) format('woff2');font-weight:800;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:BC;src:url(../fonts/barlow-condensed-800-latin.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--akc:#5E8F12;--akc2:#A6D45A;--ciemny:#1F2A12;--akc-tekst:#44690A}
:root{--tlo:#F6F4EF;--tlo2:#ECE9E2;--tusz:#17191B;--tusz2:#55585C;--linia:#DDD9D0;--noc:#141516;--kosc:#E9E6DF;--kosc2:#B9B5AC;
--h:BC,'Arial Narrow',system-ui,sans-serif;--t:B,system-ui,-apple-system,'Segoe UI',sans-serif;--e:cubic-bezier(.16,1,.3,1);--pad:clamp(16px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--tlo);color:var(--tusz);font:400 17px/1.6 var(--t);overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--h);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin:0}
p{margin:0}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.wrap-waski{max-width:860px}
.skok{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:100}.skok:focus{left:8px}
.k{font:700 13px/1 var(--h);letter-spacing:.22em;text-transform:uppercase;color:var(--akc-tekst);margin-bottom:14px}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--tusz2);max-width:62ch}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:3px;font:700 15px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--e)}
.btn:hover{transform:translateY(-2px)}
.btn-1{background:var(--akc);color:#fff}.btn-1:hover{background:var(--ciemny)}
.btn-2{border-color:currentColor;color:inherit;background:transparent}.btn-2:hover{background:rgba(127,127,127,.12)}
.btn-sklep{background:#F5C518;color:#111}
.akcje{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.link{display:inline-flex;gap:8px;align-items:center;font:700 14px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--akc-tekst);text-decoration:none}
/* pasek StoneZone */
.pasek-sz{background:var(--noc);color:var(--kosc2);font-size:13.5px}
.pasek-sz .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.pasek-sz a{color:#fff;font-weight:600;text-decoration:none}.pasek-sz a:hover{text-decoration:underline}
/* naglowek */
.naglowek{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--linia)}
.naglowek .wrap{display:flex;align-items:center;gap:28px;min-height:74px}
.logo img{height:40px;width:auto}
.logo img.odwr{filter:invert(1) brightness(.15)}
.menu{display:flex;align-items:center;gap:26px;margin-left:auto}
.menu>ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu>ul>li>a,.rozwin-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;font:700 15px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--tusz);background:none;border:0;cursor:pointer;border-radius:3px}
.menu>ul>li>a:hover,.rozwin-btn:hover,.menu>ul>li>a[aria-current]{color:var(--akc-tekst)}
.menu>ul>li>a.wyroznik{background:var(--wyr,#4738b0);color:#fff;padding:9px 13px}
.menu>ul>li>a.wyroznik::after{content:"";width:7px;height:7px;border-radius:50%;background:#ffe066}
.rozwin{position:relative}
.rozwin-btn i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.rozwin-panel{position:absolute;top:calc(100% + 12px);left:-12px;width:min(640px,90vw);padding:18px;background:#fff;border:1px solid var(--linia);border-top:3px solid var(--akc);box-shadow:0 30px 60px -24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .3s var(--e),visibility 0s .2s}
.rozwin:hover .rozwin-panel,.rozwin.otw .rozwin-panel,.rozwin:focus-within .rozwin-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .3s var(--e)}
.rozwin:hover .rozwin-btn i,.rozwin.otw .rozwin-btn i{transform:translateY(1px) rotate(-135deg)}
.rozwin-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.rozwin-panel a{display:block;padding:10px 12px;border-radius:3px;text-decoration:none}
.rozwin-panel a:hover,.rozwin-panel a[aria-current]{background:var(--tlo)}
.rozwin-panel b{display:block;font:700 17px/1.15 var(--h);text-transform:uppercase;letter-spacing:.02em}
.rozwin-panel small{color:var(--tusz2);font-size:13px}
.rozwin-wszystko{display:flex!important;align-items:center;gap:8px;margin-top:10px;border-top:1px solid var(--linia);padding-top:14px!important;font:700 14px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--akc-tekst)}
.menu-cta{min-height:44px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:0 10px}
.burger span{display:block;height:2px;background:var(--tusz);transition:transform .3s,opacity .3s}
/* hero */
.hero{position:relative;background:var(--noc);color:#fff;overflow:hidden}
.hero-tlo{position:absolute;inset:0}
.hero-tlo img{width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-tlo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,21,22,.96) 0,rgba(20,21,22,.82) 42%,rgba(20,21,22,.25) 100%),linear-gradient(0deg,rgba(20,21,22,.7),transparent 40%)}
.hero-in{position:relative;padding-top:clamp(70px,10vw,140px);padding-bottom:clamp(50px,7vw,90px)}
.hero .k{color:var(--akc2)}
.hero h1{font-size:clamp(46px,7.4vw,108px);max-width:12ch;font-weight:800}
.hero h1 em{font-style:normal;color:var(--akc2)}
.hero-lead{margin-top:22px;max-width:56ch;font-size:clamp(17px,1.5vw,20px);color:#D6D3CC}
.hero .btn-2{color:#fff}
.hero-liczby{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:clamp(40px,6vw,70px);padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.hero-liczby b{display:block;font:800 clamp(34px,3.6vw,48px)/1 var(--h);color:#fff}
.hero-liczby span{font-size:14px;color:var(--kosc2)}
/* sekcje */
.sek{padding:clamp(64px,8vw,120px) 0}
.sek-jasna{background:var(--tlo2)}
.sek-ciemna{background:var(--noc);color:#fff}.sek-ciemna .k{color:var(--akc2)}
.sek-ciemna .lead{color:#C9C5BD}
.glowa-sek{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 60px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,50px)}
.glowa-sek h2{font-size:clamp(36px,4.6vw,64px)}
.glowa-sek .lead{max-width:48ch}
/* dzialy */
.dzialy{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.dzial{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linia);border-radius:4px;overflow:hidden;text-decoration:none;transition:transform .35s var(--e),box-shadow .35s,border-color .35s}
.dzial:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(0,0,0,.35);border-color:var(--akc)}
.dzial-zdj{position:relative;display:block;height:260px;overflow:hidden;background:radial-gradient(ellipse 60% 40% at 50% 92%,rgba(0,0,0,.07),transparent 70%),#fff;border-bottom:1px solid var(--tlo2)}
.dzial-zdj img{position:absolute;max-width:none;object-fit:contain;transition:transform .5s var(--e)}
.dzial-zdj.foto img,.karta-zdj.foto img,.produkt-zdj.foto img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;mix-blend-mode:normal}
.dzial-zdj.pelne img,.karta-zdj.pelne img,.produkt-zdj.pelne img{object-fit:cover}
.dzial-zdj img.rozm,.karta-zdj img.rozm,.produkt-zdj img.rozm{object-fit:cover;filter:blur(22px) saturate(1.2) brightness(.85);transform:scale(1.25)!important;animation:none!important}
.dzial:hover .dzial-zdj.foto img:not(.rozm){transform:scale(1.05)}
.dzial-zdj.wyc img{mix-blend-mode:multiply}
.dzial-zdj.wyc img:nth-child(1){z-index:2;left:20%;top:7%;width:60%;height:86%}
.dzial-zdj.wyc img:nth-child(2){z-index:1;left:2%;top:34%;width:32%;height:58%}
.dzial-zdj.wyc img:nth-child(3){z-index:1;right:2%;top:34%;width:32%;height:58%}
.dzial-zdj.wyc-2 img:nth-child(1){left:8%;width:56%}
.dzial-zdj.wyc-2 img:nth-child(2){left:auto;right:4%;width:38%}
.dzial-zdj.wyc-1 img{left:10%;width:80%}
.dzial:hover .dzial-zdj.wyc img:nth-child(1){transform:scale(1.07)}
.dzial:hover .dzial-zdj.wyc img:nth-child(2){transform:translateX(-6%) rotate(-4deg)}
.dzial:hover .dzial-zdj.wyc img:nth-child(3){transform:translateX(6%) rotate(4deg)}
.dzial-tresc{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;flex:1}
.dzial-tresc small{font:700 12px var(--h);letter-spacing:.18em;text-transform:uppercase;color:var(--akc-tekst)}
.dzial-tresc b{font:800 28px/1 var(--h);text-transform:uppercase}
.dzial-tresc>span{color:var(--tusz2);font-size:15.5px}
.dzial-tresc i{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:8px;font:700 14px var(--h);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--akc-tekst)}
/* karty produktow */
.karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.karta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linia);border-radius:4px;text-decoration:none;overflow:hidden;transition:transform .35s var(--e),box-shadow .35s,border-color .35s}
.karta:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(0,0,0,.35);border-color:var(--akc)}
.karta-zdj{position:relative;display:flex;align-items:center;justify-content:center;height:280px;padding:12px;overflow:hidden;background:radial-gradient(ellipse 60% 35% at 50% 94%,rgba(0,0,0,.06),transparent 70%),#fff;border-bottom:1px solid var(--tlo2)}
.karta-zdj img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--e)}
.karta:hover .karta-zdj img{transform:scale(1.05)}
.karta-zdj.foto{padding:0}
.karta-tag{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:99px;background:var(--akc);color:#fff;font:700 11px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.brak{display:flex;flex-direction:column;align-items:center;gap:8px;color:#A9A59C;text-align:center}
.brak b{font:800 22px/1 var(--h);text-transform:uppercase;color:var(--tusz2)}
.brak small{font-size:13px}
.karta-tresc{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.karta-tresc small{font:700 12px/1.2 var(--h);letter-spacing:.14em;text-transform:uppercase;color:var(--akc-tekst)}
.karta-tresc b{font:800 23px/1.02 var(--h);text-transform:uppercase}
.karta-opis{color:var(--tusz2);font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.karta-dalej{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:6px;font:700 13px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--akc-tekst)}
/* testy */
.testy-siatka{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:start}
.testy h2{font-size:clamp(36px,4.4vw,60px);margin-bottom:18px}
.testy .k{color:var(--akc2)}
.testy .btn{margin-top:28px}
.kroki{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.kroki li{display:grid;grid-template-columns:auto 1fr;column-gap:20px;padding:24px;border:1px solid rgba(233,230,223,.14);border-radius:4px;background:rgba(255,255,255,.03)}
.kroki .nr{grid-row:span 2;font:800 44px/1 var(--h);color:var(--akc2)}
.kroki h3{font-size:26px;margin-bottom:6px}
.kroki p{color:#C9C5BD}
/* producent */
.marka-siatka{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.marka-siatka h2{font-size:clamp(34px,4.2vw,58px);margin-bottom:22px}
.marka-siatka p+p{margin-top:14px}
.marka-siatka p{color:var(--tusz2)}
.fakty{margin:0;display:grid;border-top:2px solid var(--tusz)}
.fakty div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--linia)}
.fakty dt{font:700 13px var(--h);letter-spacing:.16em;text-transform:uppercase;color:var(--tusz2)}
.fakty dd{margin:0;font-weight:600}
/* wezwanie */
.wezwanie{background:var(--akc-tekst);color:#fff;padding:clamp(50px,6vw,80px) 0}
.wezwanie-in{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.wezwanie h2{font-size:clamp(32px,4vw,52px);margin-bottom:10px}
.wezwanie p{max-width:56ch;color:#fff}
.wezwanie-akcje{display:flex;gap:12px;flex-wrap:wrap}
.wezwanie .btn-1{background:#fff;color:var(--tusz)}.wezwanie .btn-1:hover{background:var(--noc);color:#fff}
.wezwanie .btn-2{color:#fff}
/* dzial */
.naglowek-dzialu{background:var(--noc);color:#fff;padding:clamp(30px,4vw,50px) 0 clamp(40px,5vw,64px)}
.naglowek-dzialu h1{font-size:clamp(44px,6vw,86px);margin-bottom:16px}
.naglowek-dzialu .k{color:var(--akc2)}
.naglowek-dzialu .lead{color:#CFCBC3}
.licznik{margin-top:16px;font:700 13px var(--h);letter-spacing:.18em;text-transform:uppercase;color:var(--kosc2)}
.chipy{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chipy a{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border:1px solid rgba(233,230,223,.25);border-radius:99px;text-decoration:none;font-size:14px;color:#fff;transition:background .2s,border-color .2s}
.chipy a:hover{background:rgba(255,255,255,.08);border-color:var(--akc2)}
.chipy span{font:700 12px var(--h);color:var(--akc2)}
.sek-katalog{padding-top:clamp(36px,4vw,56px)}
.podgrupa{display:flex;align-items:baseline;gap:12px;font-size:clamp(26px,2.8vw,36px);margin:44px 0 18px;scroll-margin-top:110px}
.podgrupa:first-child{margin-top:0}
.podgrupa span{font:700 14px var(--h);color:var(--akc-tekst)}
.dobor{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:50px;padding:26px 28px;border-left:4px solid var(--akc);background:#fff}
.dobor b{display:block;font:800 26px/1 var(--h);text-transform:uppercase;margin-bottom:6px}
.dobor p{color:var(--tusz2)}
.okruszki{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:14px;color:var(--kosc2)}
.okruszki a{text-decoration:none}.okruszki a:hover{text-decoration:underline}
.okruszki i{font-style:normal;opacity:.5}
.produkt .okruszki,.kontakt .okruszki,.polityka .okruszki,.blad .okruszki{color:var(--tusz2)}
/* produkt */
.produkt{padding:clamp(28px,3vw,44px) 0 clamp(60px,7vw,100px)}
.produkt-siatka{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,70px);align-items:start}
.produkt-zdj{position:sticky;top:110px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:clamp(12px,2vw,24px);overflow:hidden;background:#fff;border:1px solid var(--linia);border-radius:4px}
.produkt-zdj img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.produkt-zdj.foto{position:sticky;padding:0}
.produkt-zdj .brak b{font-size:34px}
.produkt h1{font-size:clamp(44px,5.4vw,78px)}
.produkt-typ{margin-top:12px;font:600 21px/1.3 var(--h);color:var(--akc-tekst);text-transform:uppercase;letter-spacing:.04em}
.produkt-opis{margin-top:22px;display:grid;gap:12px;font-size:18px}
.dane{margin:26px 0 0;display:grid;border-top:2px solid var(--tusz)}
.dane div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--linia)}
.dane dt{font:700 13px var(--h);letter-spacing:.14em;text-transform:uppercase;color:var(--tusz2);padding-top:2px}
.dane dd{margin:0;font-weight:500;word-break:break-word}
.produkt-uwaga{margin-top:16px;font-size:14.5px;color:var(--tusz2)}
/* kontakt */
.kontakt-siatka{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.kontakt h1{font-size:clamp(42px,5vw,72px);margin-bottom:18px}
.kontakt-dane{display:grid;gap:8px;margin-top:30px}
.kontakt-dane .duzy{font:800 clamp(32px,3.4vw,44px)/1 var(--h);text-decoration:none;color:var(--akc-tekst)}
.kontakt-dane a{font-weight:600}
.kontakt-sz{display:flex;gap:18px;align-items:center;margin-top:34px;padding:20px;background:var(--noc);color:var(--kosc2);border-radius:4px;font-size:15px}
.kontakt-sz a{color:#fff}
.formularz{background:#fff;border:1px solid var(--linia);border-top:4px solid var(--akc);border-radius:4px;padding:clamp(22px,3vw,38px)}
.pole{display:grid;gap:6px;margin-bottom:16px}
.pole label{font:700 14px var(--h);letter-spacing:.1em;text-transform:uppercase}
.pole input,.pole textarea{width:100%;padding:13px 14px;border:1px solid #CFCAC0;border-radius:3px;font:inherit;background:var(--tlo);color:var(--tusz)}
.pole input:focus,.pole textarea:focus{outline:2px solid var(--akc);outline-offset:1px;background:#fff}
.pola2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.captcha{display:flex;align-items:center;gap:14px}
.captcha span{font-weight:600;white-space:nowrap}
.captcha input{max-width:120px}
.zgoda{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tusz2);margin:6px 0 20px}
.zgoda input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--akc)}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-success,.form-error{display:none;padding:14px 16px;border-radius:3px;margin-bottom:16px;font-weight:600}
.form-success{background:#E6F4EA;color:#1E6B34}.form-error{background:#FCE8E8;color:#9B1C1C}
.form-submit{width:100%;justify-content:center}
/* polityka, 404 */
.polityka h1,.blad h1{font-size:clamp(40px,5vw,66px);margin-bottom:10px}
.polityka h2{font-size:28px;margin:34px 0 10px}
.polityka p,.polityka li{color:#3D4044}
.polityka-data{color:var(--tusz2);font-size:15px}
.blad-lista{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.blad-lista a{display:block;padding:10px 14px;background:#fff;border:1px solid var(--linia);border-radius:99px;text-decoration:none;font-weight:600}
/* stopka */
.stopka{background:var(--noc);color:var(--kosc2);padding:clamp(54px,6vw,80px) 0 26px;font-size:15px}
.stopka-siatka{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.stopka h2{font:700 14px var(--h);letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stopka a{text-decoration:none}.stopka a:hover{color:#fff;text-decoration:underline}
.stopka-marka img{height:40px;width:auto;margin-bottom:16px}
.stopka-marka p{max-width:40ch}
.stopka-sz{margin-top:20px;font-size:13px;letter-spacing:.06em}
.stopka-sz img{height:34px;margin:10px 0 0}
.stopka-tel{font:800 22px var(--h);color:#fff}
.stopka-dol{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:46px;padding-top:20px;border-top:1px solid rgba(233,230,223,.14);font-size:13.5px}
/* logo marki x StoneZone */
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-x{font:400 22px/1 var(--t);color:#B5B1A8}
.logo img.logo-sz{height:28px;width:auto;filter:invert(1) brightness(.25);opacity:.85;transition:opacity .25s}
.logo:hover img.logo-sz{opacity:1}
.stopka-sz img{filter:none}
/* pasek postepu czytania */
.postep{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--akc);transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}
/* naglowek po przewinieciu */
.naglowek{transition:box-shadow .3s,background .3s}
.naglowek .wrap{transition:min-height .3s var(--e)}
.przewiniety .naglowek{box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.przewiniety .naglowek .wrap{min-height:62px}
/* hero: wejscie, powolny zoom tla, przewijak */
@keyframes wejscie{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes kenburns{from{transform:scale(1.12)}to{transform:scale(1)}}
.wej{animation:wejscie .9s var(--e) both;animation-delay:var(--d,0s)}
.hero-tlo img{animation:kenburns 9s ease-out both;will-change:transform}
.hero h1 em{background:linear-gradient(90deg,var(--akc2),#fff,var(--akc2));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:blysk 6s linear infinite}
@keyframes blysk{to{background-position:-200% 0}}
.hero-dalej{position:absolute;left:50%;bottom:22px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.45);border-radius:14px;z-index:2}
.hero-dalej i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:kolko 1.8s ease-in-out infinite}
@keyframes kolko{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* tasma */
.tasma{overflow:hidden;background:var(--akc-tekst);color:#fff;padding:14px 0;border-top:1px solid rgba(255,255,255,.15)}
.tasma-tor{display:flex;width:max-content;gap:28px;align-items:center;animation:tasma 38s linear infinite}
.tasma span{font:800 18px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.tasma i{font-style:normal;opacity:.6}
.tasma:hover .tasma-tor{animation-play-state:paused}
@keyframes tasma{to{transform:translateX(-50%)}}
/* przyciski: przeblysk */
.btn{position:relative;overflow:hidden}
.btn-1::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s var(--e)}
.btn-1:hover::after{left:120%}
/* karty: przechylenie 3D (JS) i poswiata */
.karta,.dzial{transform-style:preserve-3d;will-change:transform}
.karta::before,.dzial::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 40%);opacity:0;transition:opacity .3s;z-index:2}
.karta{position:relative}
.karta:hover::before,.dzial:hover::before{opacity:1}
@keyframes unos{50%{transform:translateY(-6px)}}
/* produkt: wejscie zdjecia */
.produkt-zdj img{animation:wejscie 1s var(--e) both}
.produkt-info>*{animation:wejscie .8s var(--e) both}
.produkt-info>*:nth-child(2){animation-delay:.08s}.produkt-info>*:nth-child(3){animation-delay:.16s}.produkt-info>*:nth-child(4){animation-delay:.24s}.produkt-info>*:nth-child(n+5){animation-delay:.32s}
/* reveal */
@media (prefers-reduced-motion:no-preference){.r{opacity:0;transform:translateY(28px);transition:opacity .9s var(--e),transform .9s var(--e)}.r.wid{opacity:1;transform:none}
  .glowa-sek h2.r{clip-path:inset(0 0 100% 0);transform:none;transition:clip-path 1s var(--e),opacity .6s}.glowa-sek h2.r.wid{clip-path:inset(0 0 -10% 0)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.wej{opacity:1}}
/* responsywnosc */
@media (max-width:1080px){
  .burger{display:flex}
  .naglowek{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .menu{position:fixed;inset:var(--menu-top,108px) 0 0 0;visibility:hidden;flex-direction:column;align-items:stretch;gap:20px;padding:20px var(--pad) 40px;background:#fff;overflow:auto;transform:translateX(100%);transition:transform .35s var(--e);margin:0}
  .otwarte .menu{transform:none;visibility:visible}
  .menu>ul{flex-direction:column;align-items:stretch;gap:0}
  .menu>ul>li{border-bottom:1px solid var(--linia)}
  .menu>ul>li>a,.rozwin-btn{width:100%;justify-content:space-between;padding:18px 4px;font-size:20px}
  .menu>ul>li>a.wyroznik{justify-content:flex-start;margin:12px 0;padding:14px}
  .rozwin-panel{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;padding:0 0 14px}
  .rozwin.otw .rozwin-panel{display:block}
  .rozwin:hover .rozwin-btn i{transform:translateY(-2px) rotate(45deg)}.rozwin.otw .rozwin-btn i{transform:translateY(1px) rotate(-135deg)}
  .rozwin-panel ul{grid-template-columns:1fr}
  .menu-cta{justify-content:center}
  .otwarte .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .otwarte .burger span:nth-child(2){opacity:0}
  .otwarte .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .testy-siatka,.marka-siatka,.kontakt-siatka,.produkt-siatka{grid-template-columns:1fr}
  .produkt-zdj{position:static;max-height:420px;aspect-ratio:auto;height:min(80vw,420px)}
  .produkt-zdj.foto{position:relative}
  .stopka-siatka{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .pasek-sz-p{display:none}
  .naglowek .wrap{min-height:64px}
  .logo img{height:30px}
  .logo img.logo-sz{height:18px}
  .logo{gap:8px}.logo-x{font-size:16px}
  .tasma span{font-size:15px}
  .hero-dalej{display:none}
  .hero-liczby{gap:18px 26px}
  .dzialy,.karty{grid-template-columns:1fr}
  .karty.dwa{grid-template-columns:1fr 1fr}
  .karta-zdj{height:250px}
  .dzial-zdj{height:240px}
  .pola2{grid-template-columns:1fr}
  .fakty div,.dane div{grid-template-columns:1fr;gap:4px}
  .stopka-siatka{grid-template-columns:1fr}
  .kroki li{padding:18px}
  .btn{width:100%;justify-content:center}
  .akcje .btn,.wezwanie-akcje .btn{width:100%}
  .glowa-sek{margin-bottom:26px}
}
/* FAQ */
.faq-t{font-size:clamp(34px,4vw,54px);margin-bottom:26px}
.faq details{background:#fff;border:1px solid var(--linia);border-radius:4px;margin-bottom:10px}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;position:relative;font:700 20px/1.2 var(--h);text-transform:uppercase;letter-spacing:.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--akc)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 20px 20px;color:var(--tusz2)}
.faq-wiecej{margin-top:18px;color:var(--tusz2)}.faq-wiecej a{color:var(--akc-tekst);font-weight:600}

/* --- RAKU (kolory jak na opakowaniu) --- */
:root{--rk:#4738b0;--rk2:#8f84f0;--rk-z:#ffe066}
.btn-raku{background:var(--rk-z);color:#1b1450}.btn-raku:hover{background:#fff}
.raku-tag{display:inline-block;padding:6px 12px;border-radius:99px;background:var(--rk-z);color:#1b1450;font:800 12px/1 var(--h);letter-spacing:.14em;text-transform:uppercase}
.raku-pas,.raku-hero{position:relative;overflow:hidden;color:#fff;background:#1b1450}
.raku-tlo{position:absolute;inset:0}
.raku-tlo img{width:100%;height:100%;object-fit:cover}
.raku-tlo::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,10,40,.95) 0%,rgba(30,22,80,.86) 48%,rgba(30,22,80,.4) 100%)}
.raku-pas::after,.raku-hero::after{content:"RAKU";position:absolute;right:-2vw;bottom:-7vw;font:800 26vw/1 var(--h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);pointer-events:none}
.raku-pas-in{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(60px,7vw,100px)}
.raku-pas h2{margin-top:18px;font-size:clamp(54px,8vw,120px)}
.raku-pas h2 em{display:block;margin-top:10px;font-style:normal;font-size:clamp(24px,2.6vw,36px);line-height:1.1;color:var(--rk-z)}
.raku-pas p{margin-top:18px;max-width:54ch;color:#DDD8FF;font-size:18px}
.raku-pas .btn-2,.raku-hero .btn-2{color:#fff}
.raku-pack{justify-self:center;max-height:360px;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.raku-hero-in{position:relative;z-index:1;padding-top:clamp(30px,4vw,50px);padding-bottom:clamp(60px,8vw,110px)}
.raku-hero .okruszki{color:#C9C1FF}
.raku-hero h1{margin-top:20px;font-size:clamp(84px,14vw,190px);line-height:.85}
.raku-haslo{margin-top:12px;font:800 clamp(26px,3vw,42px)/1.05 var(--h);text-transform:uppercase}
.raku-haslo em{font-style:normal;color:var(--rk-z)}
.raku-lead{margin-top:20px;max-width:62ch;color:#DDD8FF;font-size:18px}
.raku-por{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center}
.raku-por h2{font-size:clamp(36px,4.4vw,60px);margin-bottom:16px}
.raku-fakty{margin-top:26px}
.suwak{position:relative;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#ddd;user-select:none}
.suwak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.suwak-po{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x))}
.suwak input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.suwak i{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.4)}
.suwak i::after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:var(--rk);display:grid;place-items:center;font-size:20px}
.suwak-et{position:absolute;top:14px;padding:6px 10px;border-radius:3px;background:rgba(0,0,0,.6);color:#fff;font:700 12px var(--h);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.suwak-l{left:14px}.suwak-p{right:14px;background:var(--rk)}
.sek-raku{background:#1b1450;color:#fff}
.sek-raku .k{color:var(--rk-z)}
.raku-cechy{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.raku-cechy .tech{padding:24px;border:1px solid rgba(143,132,240,.35);border-radius:4px;background:rgba(255,255,255,.04)}
.raku-cechy b{display:block;font:800 24px/1 var(--h);text-transform:uppercase;margin-bottom:8px;color:#fff}
.raku-cechy p{color:#CFC9F5;font-size:15.5px}
.raku-gdzie{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.raku-gdzie li{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 12px;background:#fff;border:1px solid var(--linia);border-radius:4px;text-align:center;font:700 16px var(--h);text-transform:uppercase;letter-spacing:.06em}
.raku-gdzie img{width:54px;height:54px}
.raku-uwaga{margin-top:26px;padding:18px 22px;border-left:4px solid var(--rk);background:#fff;color:var(--tusz2)}
.raku-uwaga b{color:var(--tusz)}
.faq-t{font-size:clamp(34px,4vw,54px);margin-bottom:26px}
.faq details{background:#fff;border:1px solid var(--linia);border-radius:4px;margin-bottom:10px}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;position:relative;font:700 20px/1.2 var(--h);text-transform:uppercase;letter-spacing:.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--rk)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 20px 20px;color:var(--tusz2)}
.menu>ul>li>a.wyroznik{--wyr:var(--rk)}
.realizacje-lista{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.realizacje-lista li{padding:12px 18px;background:#fff;border:1px solid var(--linia);border-radius:99px;font-weight:600}
.realizacje h2{font-size:clamp(34px,4vw,54px)}
@media (max-width:1080px){.raku-pas-in,.raku-por{grid-template-columns:1fr}.raku-pack{max-height:260px}}

/* A11Y-POCZATEK — ten blok kopiuje tez generator stron marek (zbuduj-strony-marek.py) */
/* ===== Dostepnosc: przycisk i panel (js/dostepnosc.js) ===== */
.a11y-skok { position: absolute; left: 12px; top: -60px; z-index: 1000; padding: 12px 18px; background: #ffd23f; color: #0d0f14; font: 700 1rem 'Barlow', sans-serif; text-decoration: none; border-radius: 0 0 6px 6px; }
.a11y-skok:focus { top: 0; outline: 3px solid #0d0f14; }
:focus-visible { outline: 3px solid #ffd23f; outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #2563eb !important; outline-offset: 1px; }
[tabindex="-1"]:focus { outline: none; }
.a11y-btn { display: inline-flex; align-items: center; gap: 7px; height: 34px; margin-left: 14px; padding: 0 12px 0 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 17px; background: none; color: #ddd; cursor: pointer; font: 700 .86rem 'Barlow Condensed', sans-serif; letter-spacing: .1em; text-transform: uppercase; transition: border-color .2s, color .2s; }
.a11y-btn:hover, .a11y-btn[aria-expanded="true"] { border-color: rgba(255,255,255,.5); color: #fff; }
.a11y-btn + .jezyk { margin-left: 10px; }
.a11y-btn-plywajacy { position: fixed; left: 12px; bottom: 90px; z-index: 450; background: #151515; }
.a11y-panel { position: fixed; z-index: 1001; width: min(340px, calc(100vw - 24px)); padding: 16px; background: #151515; color: #eee; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; box-shadow: 0 18px 40px rgba(0,0,0,.5); font-family: 'Barlow', sans-serif; }
.a11y-panel[hidden] { display: none; }
.a11y-panel-tytul { margin: 0 0 10px; font: 800 1.15rem 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.a11y-panel ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.a11y-opcja { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(255,255,255,.04); color: #eee; text-align: left; cursor: pointer; font: inherit; }
.a11y-opcja:hover { background: rgba(255,255,255,.09); }
.a11y-opcja b { display: block; font-size: 1rem; font-weight: 600; color: #fff; }
.a11y-opcja small { display: block; margin-top: 2px; font-size: .85rem; color: #b8bcc4; }
.a11y-opcja-znak { position: relative; flex: none; width: 38px; height: 22px; border-radius: 11px; background: #555a64; transition: background .2s; }
.a11y-opcja-znak::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s; }
.a11y-opcja[aria-checked="true"] { border-color: #ffd23f; }
.a11y-opcja[aria-checked="true"] .a11y-opcja-znak { background: #ffd23f; }
.a11y-opcja[aria-checked="true"] .a11y-opcja-znak::after { transform: translateX(16px); background: #0d0f14; }
.a11y-reset { margin-top: 12px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; background: none; color: #fff; cursor: pointer; font: 600 .92rem 'Barlow', sans-serif; }
.a11y-deklaracja { display: inline-block; margin: 12px 0 0 12px; color: #ffd23f; font-size: .92rem; }
@media (min-width: 981px) and (max-width: 1360px) { .a11y-btn-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .a11y-btn { padding: 0 8px; } }
@media (max-width: 980px) {
  .a11y-btn { order: 1; margin: 0 8px 0 0; padding: 0 8px; }
  .a11y-btn-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .a11y-btn + .jezyk { margin-left: 0; }
}

/* Wiekszy tekst */
html.a11y-tekst { font-size: 125%; }
html.a11y-tekst body { font-size: 1.05rem; }
/* Podkreslone linki */
html.a11y-linki a:not(.btn-mono):not(.nav-cta) { text-decoration: underline !important; text-underline-offset: 3px; }
/* Bez animacji */
html.a11y-ruch *, html.a11y-ruch *::before, html.a11y-ruch *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.a11y-ruch .fade-up, html.a11y-ruch .reveal, html.a11y-ruch .r { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .marquee-track, .tasma-kol { animation: none !important; }
  .fade-up, .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Wysoki kontrast: czarne tlo, bialy tekst, zolte linki i ramki */
html.a11y-kontrast, html.a11y-kontrast body { background: #000 !important; }
html.a11y-kontrast body *:not(img):not(video):not(svg):not(svg *):not(picture):not(canvas):not(#a11y-x) {
  background-color: #000 !important; background-image: none !important; color: #fff !important;
  border-color: #fff !important; text-shadow: none !important; box-shadow: none !important;
}
html.a11y-kontrast *::before, html.a11y-kontrast *::after { background-image: none !important; }
html.a11y-kontrast a:not(#a11y-x), html.a11y-kontrast a *:not(#a11y-x), html.a11y-kontrast summary:not(#a11y-x), html.a11y-kontrast summary *:not(#a11y-x) { color: #ffff00 !important; }
html.a11y-kontrast a { text-decoration: underline !important; }
html.a11y-kontrast button:not(#a11y-x), html.a11y-kontrast [class*="btn"]:not(#a11y-x), html.a11y-kontrast .nav-cta:not(#a11y-x), html.a11y-kontrast input:not(#a11y-x), html.a11y-kontrast select:not(#a11y-x), html.a11y-kontrast textarea:not(#a11y-x) { border: 2px solid #ffff00 !important; }
html.a11y-kontrast ::placeholder { color: #ccc !important; opacity: 1; }
html.a11y-kontrast :focus-visible { outline: 3px solid #00ffff !important; outline-offset: 2px; }
html.a11y-kontrast .mono-bg, html.a11y-kontrast .scena-tlo, html.a11y-kontrast [class*="overlay"] { display: none !important; }
html.a11y-kontrast img { opacity: 1 !important; filter: none !important; }
html.a11y-kontrast .a11y-opcja[aria-checked="true"] .a11y-opcja-znak:not(#a11y-x) { background-color: #ffff00 !important; }
html.a11y-kontrast .a11y-opcja-znak::after { background-color: #fff !important; }
html.a11y-kontrast .a11y-opcja[aria-checked="true"] .a11y-opcja-znak::after { background-color: #000 !important; }
.a11y-panel { max-height: calc(100vh - 90px); overflow-y: auto; }
html.a11y-tekst .nav-logo .brand-sub, html.a11y-tekst .nav-logo .divider { display: none; }
.naglowek .a11y-btn{color:var(--tusz);border-color:var(--linia);margin:0 0 0 auto}.naglowek .a11y-btn:hover,.naglowek .a11y-btn[aria-expanded="true"]{color:var(--akc-tekst);border-color:var(--akc-tekst)}.a11y-btn,.a11y-panel,.a11y-opcja,.a11y-reset,.a11y-skok{font-family:var(--t,inherit)}.a11y-panel-tytul{font-family:var(--h,inherit)}.naglowek .a11y-btn + .burger{margin-left:6px}@media(min-width:981px){.naglowek .a11y-btn{margin-left:0}}.naglowek .a11y-btn{order:0;flex:none;width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.naglowek .a11y-btn-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu>ul>li>a,.rozwin-btn,.menu-cta{white-space:nowrap}@media(min-width:981px) and (max-width:1300px){.naglowek .wrap{gap:18px}.menu{gap:14px}.menu>ul>li>a,.rozwin-btn{padding:10px 8px;letter-spacing:.06em}.logo-x,.logo-sz{display:none}.logo img{height:34px}.menu-cta{padding-left:16px;padding-right:16px;letter-spacing:.06em}}