/* Prosto z Ramy: landing (kolory i logo marki, ruch i rytm wzorowane na Pro Alter). Mobile-first. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PJS Fallback";src:local("Arial");size-adjust:104%;ascent-override:92%;descent-override:24%;line-gap-override:0%}

:root{
  --blue:#165196;--blue-d:#124080;--blue-dd:#113E74;--blue-lite:#6FA8E8;--red:#D9534F;--star:#F59E0B;
  --head:#0F172A;--text:#475569;--muted:#64748B;--line:#E2E8F0;--light:#F8FAFC;--light2:#EEF2F6;
  --deep:#0A2547;--ink:#0B1322;--on-dark:#E8EEF6;--on-dark-m:#A9B8CC;--focus:#F5B400;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --maxw:1280px;--gut:16px;--sec:clamp(56px,8vw,112px);--r:6px;
  --f:"Plus Jakarta Sans","PJS Fallback",Arial,Helvetica,sans-serif;
  --sh:0 30px 60px -40px rgba(15,23,42,.45);--sh2:0 40px 70px -38px rgba(15,23,42,.55);
}
@media (min-width:600px){:root{--gut:28px}}
@media (min-width:1080px){:root{--gut:40px}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 1rem/1.65 var(--f);color:var(--text);background:#fff;overflow-x:hidden}
@media (min-width:1080px){body{font-size:1.0625rem}}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-d)}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{color:var(--head);font-weight:800;margin:0 0 .5em;letter-spacing:-.02em;line-height:1.12}
h2{font-size:clamp(1.7rem,2.4vw + 1rem,2.85rem)}
h3{font-size:clamp(1.12rem,.5vw + 1rem,1.35rem);letter-spacing:-.01em}
h2 em,h1 em{font-style:normal;color:var(--blue)}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:200;background:var(--blue);color:#fff;padding:10px 14px;border-radius:4px}
.skip:focus{top:8px;color:#fff}
.wrap{width:100%;max-width:calc(var(--maxw) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.i{width:1.15em;height:1.15em;flex:none}
.center{text-align:center}
.link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;min-height:44px}
.link .i{transition:transform .25s var(--ease)}
.link:hover .i{transform:translateX(3px)}
.linkbtn{background:none;border:0;color:inherit;text-decoration:underline;padding:0 0 0 1rem;font-size:inherit}

/* eyebrow i naglowki sekcji */
.eyebrow{display:flex;align-items:center;gap:.7rem;font:700 .78rem/1.3 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 1rem}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
.eyebrow--light{color:var(--blue-lite)}
.sh{margin-bottom:clamp(28px,4vw,56px)}
.sh h2{max-width:22ch;margin:0}
.lead{font-size:clamp(1.02rem,.4vw + .95rem,1.2rem);line-height:1.6;color:var(--muted);max-width:60ch;margin:0}
@media (min-width:900px){.sh--split{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end}}
@media (max-width:899px){.sh .lead{margin-top:1rem}}
.sh--light h2{color:#fff}.sh--light .lead{color:var(--on-dark-m)}.sh--light .eyebrow{color:var(--blue-lite)}
.sh--light h2 em{color:var(--blue-lite)}

/* przyciski: wypelnienie od dolu, strzalka, magnes */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.7rem 1.4rem;border-radius:var(--r);
  font:700 1rem/1.2 var(--f);border:2px solid transparent;overflow:hidden;isolation:isolate;text-align:center;transition:color .3s,border-color .3s,transform .3s var(--ease-out)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease-out)}
.btn:hover::before{transform:none}
.btn .i{transition:transform .25s var(--ease)}
.btn:hover .i:last-child{transform:translateX(3px)}
.btn--primary{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff}
.btn--primary::before{background:var(--blue-dd)}
.btn--primary:hover{color:#fff}
.btn--ghost{border-color:var(--head);color:var(--head);background:transparent}
.btn--ghost::before{background:var(--head)}
.btn--ghost:hover{color:#fff}
.btn--ghost-light{border-color:rgba(255,255,255,.6);color:#fff}
.btn--ghost-light::before{background:#fff}
.btn--ghost-light:hover{color:var(--head)}
.btn--light{background:#fff;color:var(--blue-dd)}
.btn--light::before{background:var(--light2)}
.btn--light:hover{color:var(--blue-dd)}
.btn--sm{min-height:44px;padding:.5rem 1.1rem;font-size:.95rem}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn[disabled]::before{display:none}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}
@media (max-width:599px){.btns .btn{flex:1 1 100%}}

/* pasek postepu czytania */
.sprog{position:fixed;left:0;top:0;right:0;height:3px;z-index:120;background:var(--red);transform:scaleX(var(--sp,0));transform-origin:left;pointer-events:none}

/* top bar */
.topbar{background:var(--light);border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.tb-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.topbar a{color:var(--muted);display:inline-flex;align-items:center;gap:.4em;min-height:40px}
.topbar a:hover{color:var(--blue)}
.tb-tels{display:flex;align-items:center;gap:14px}
.tb-tels>.i{color:var(--blue)}
.tb-n{font-weight:700;color:var(--head)}
.tb-soc{display:flex;gap:12px;align-items:center}
.topbar .i{color:var(--blue)}
@media (max-width:1079px){.tb-adr,.tb-mail{display:none}}
@media (max-width:719px){.topbar{display:none}}

/* naglowek: sticky, chowany przy przewijaniu w dol */
.hdr{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid transparent;transition:transform .35s var(--ease-out),border-color .2s,box-shadow .2s}
.hdr.is-scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(15,23,42,.5)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr-in{display:flex;align-items:center;gap:20px;min-height:72px}
.logo img{width:auto;height:46px}
@media (min-width:1080px){.logo img{height:54px}}
.nav{display:none;margin-left:auto;gap:4px}
.nav a{color:var(--head);font-weight:600;font-size:.95rem;padding:.5rem .7rem;border-radius:4px;position:relative}
.nav a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav a:hover::after{transform:none}
.hdr-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.hdr-tel{display:none;align-items:center;gap:.4rem;font-weight:800;color:var(--head);white-space:nowrap}
.hdr-tel .i{color:var(--blue)}
@media (min-width:1180px){.nav{display:flex}.hdr-act{margin-left:12px}}
@media (min-width:1360px){.hdr-tel{display:inline-flex}}
@media (max-width:479px){.hdr-act .btn{display:none}}
.burger{width:46px;height:46px;border:1px solid var(--line);border-radius:var(--r);background:#fff;display:grid;place-content:center;gap:5px;padding:0}
.burger i{display:block;width:20px;height:2px;background:var(--head);border-radius:2px}
@media (min-width:1180px){.burger{display:none}}
.scrim{position:fixed;inset:0;z-index:140;background:rgba(11,19,34,.5)}
.mnav{position:fixed;top:0;right:0;bottom:0;z-index:150;width:min(340px,88vw);background:#fff;padding:16px 20px 24px;display:flex;flex-direction:column;gap:2px;overflow:auto;
  box-shadow:-20px 0 50px -20px rgba(0,0,0,.4)}
.mnav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:800;color:var(--head)}
.mnav-top button{width:44px;height:44px;border:0;background:var(--light);border-radius:var(--r);display:grid;place-items:center;color:var(--head)}
.mnav>a:not(.btn){color:var(--head);font-weight:700;font-size:1.1rem;padding:.75rem .25rem;border-bottom:1px solid var(--line)}
.mnav .btn{margin:16px 0 8px}
.mnav-tels a{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;color:var(--text)}
.mnav-tels .i{color:var(--blue)}
body.nav-open{overflow:hidden}

/* hero */
.hero{position:relative;color:#fff;background:var(--deep);overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg picture,.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg img{object-position:65% 40%}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,37,71,.96) 0%,rgba(10,37,71,.88) 38%,rgba(10,37,71,.55) 70%,rgba(10,37,71,.35) 100%)}
@media (max-width:999px){.hero-bg::after{background:linear-gradient(180deg,rgba(10,37,71,.82),rgba(10,37,71,.94) 55%,var(--deep))}}
.hero-in{position:relative;z-index:2;display:grid;gap:28px;padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(36px,5vw,72px)}
@media (min-width:1000px){.hero-in{grid-template-columns:1.05fr minmax(380px,.95fr);gap:56px;align-items:center;min-height:min(820px,calc(100svh - 112px))}}
.hero h1{color:#fff;font-size:clamp(2.05rem,3.4vw + 1rem,3.9rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 .45em;max-width:16ch}
.hero h1 em{color:var(--blue-lite)}
.hero-akcent{display:inline-flex;align-items:center;gap:.6rem;background:#fff;color:var(--red);font-weight:800;font-size:clamp(1.02rem,.6vw + .9rem,1.25rem);
  padding:.55rem .95rem;border-radius:var(--r);margin:0 0 1.2rem;box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.hero-akcent .i{width:1.4em;height:1.4em}
.hero-list{list-style:none;margin:0 0 1.3rem;padding:0;display:grid;gap:.55rem}
.hero-list li{display:flex;gap:.65rem;align-items:flex-start;color:var(--on-dark);font-weight:500}
.hero-list .i{color:#fff;background:var(--blue);border-radius:50%;padding:4px;width:24px;height:24px;margin-top:1px}
.hero-rate{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:10px 16px 10px 12px;backdrop-filter:blur(6px)}
.hero-rate .g{width:34px;height:34px;background:#fff;border-radius:50%;padding:6px}
.hr-top{display:flex;align-items:center;gap:8px}
.hr-top b{font-size:1.3rem;color:#fff}
.hero-rate span{font-size:.85rem;color:var(--on-dark-m)}
.stars{display:inline-flex;gap:2px;color:var(--star)}
.stars .st{width:16px;height:16px}
.hero .btns{margin-top:1.3rem}
@media (max-width:999px){.hero-cta-m{display:none}}
.hero-form{scroll-margin-top:90px}

/* formularz wieloetapowy (ten sam komponent wszedzie) */
.wf{background:#fff;color:var(--text);border-radius:10px;box-shadow:0 40px 80px -40px rgba(0,0,0,.65);overflow:hidden;position:relative}
.wf-head{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;padding:18px 22px 16px}
.wf-t{color:#fff;font-size:1.25rem;margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.01em}
.wf-prog{display:flex;align-items:center;gap:12px;font-size:.82rem;font-weight:600;color:#D6E4F5}
.wf-step{white-space:nowrap}
.wf-bar{flex:1;height:6px;background:rgba(255,255,255,.22);border-radius:6px;overflow:hidden}
.wf-bar i{display:block;height:100%;background:#fff;border-radius:6px;transition:width .5s var(--ease-out)}
.wf-body{padding:20px 22px 4px}
.fstep{display:none;border:0;margin:0;padding:0;min-width:0}
.fstep.on{display:block;animation:fsIn .45s var(--ease-out)}
@keyframes fsIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.fstep legend{font-weight:800;color:var(--head);font-size:1.1rem;line-height:1.3;padding:0;margin-bottom:.3rem;outline:none}
.hint{font-size:.88rem;color:var(--muted);margin:0 0 .8rem}
.fstep legend+.opts,.fstep legend+.field{margin-top:.8rem}
.opts{display:grid;gap:8px}
.opt{position:relative;display:flex;align-items:center;gap:.6rem;min-height:50px;padding:.55rem .8rem;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;
  font-weight:600;color:var(--head);font-size:.95rem;line-height:1.25;transition:border-color .2s,background .2s,box-shadow .2s}
.opt:hover{border-color:#9DB7D8}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .i{color:var(--blue);width:22px;height:22px}
.opt::after{content:"";margin-left:auto;width:20px;height:20px;flex:none;border:1.5px solid #B6C2D1;border-radius:50%;transition:all .2s}
.opt--ic::after{border-radius:5px}
.opt:has(input:checked){border-color:var(--blue);background:#EEF4FB;box-shadow:0 0 0 3px rgba(22,81,150,.12)}
.opt:has(input:checked)::after{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--blue)}
.opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.field{margin-bottom:12px}
.field label{display:block;font-weight:700;color:var(--head);font-size:.9rem;margin-bottom:.3rem}
.field input{width:100%;min-height:50px;padding:.7rem .9rem;border:1.5px solid #C5CFDB;border-radius:var(--r);font:500 1rem var(--f);color:var(--head);background:#fff;transition:border-color .2s,box-shadow .2s}
.field input:hover{border-color:#8FA3BB}
.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,81,150,.18)}
.ferr-msg{display:none;color:#B42318;font-size:.84rem;font-weight:600;margin-top:.3rem}
.field.bad input{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.12)}
.field.bad .ferr-msg{display:block}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.chip{border:1px solid var(--line);background:var(--light);color:var(--head);border-radius:999px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;min-height:36px}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;line-height:1.45;color:var(--muted);cursor:pointer;margin-top:4px}
.consent input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
.consent.bad{color:#B42318}
.ferr-zg{margin-top:.4rem}
.ferr-zg.on{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wf-nav{display:flex;gap:10px;padding:14px 22px 6px}
.wf-nav .btn{flex:1}
.wf-nav [data-back]{flex:0 0 auto;padding-inline:1rem}
.btn--send.busy{pointer-events:none;opacity:.8}
.btn--send.busy .i{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.wf-safe{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted);padding:6px 22px 18px;margin:0}
.wf-safe .i{color:#16A34A}
.wf-err{display:none;margin:8px 22px 0;padding:12px 14px;border-radius:var(--r);background:#FEF3F2;border:1px solid #FECDCA;color:#7A271A;font-size:.9rem}
.wf-err.on{display:block}
.wf-err b{display:block}
.wf-err .alt{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-weight:700}

/* liczby (kafle z rysowana kreska) */
.ftiles{background:var(--deep);padding:0 0 clamp(36px,4vw,56px)}
.ft-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:900px){.ft-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.ftile{position:relative;overflow:hidden;background:#fff;border-radius:var(--r);padding:18px 18px 16px;box-shadow:var(--sh);transition:transform .5s var(--ease-out),box-shadow .5s}
.ftile::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out);transition-delay:calc(var(--d,0s) + .3s)}
.ftile.is-in::after{transform:none}
.ftile:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.ft-n{font-weight:800;color:var(--head);font-size:clamp(2rem,2.4vw + 1rem,2.9rem);line-height:1;margin:0 0 .35rem;letter-spacing:-.03em}
.ft-n small{font-size:.5em;letter-spacing:0;margin-left:.1em;color:var(--blue)}
.ft-l{font-weight:800;color:var(--blue);text-transform:uppercase;font-size:.76rem;letter-spacing:.1em;margin:0 0 .15rem}
.ft-o{font-size:.88rem;color:var(--muted);margin:0}

/* pasek z efektem pisania */
.typed-band{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;text-align:center;padding:18px 0}
.typed-band p{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1rem,1vw + .8rem,1.5rem)}
.typed{color:#fff;background:rgba(255,255,255,.14);padding:0 .3em;border-radius:4px}
.caret{display:inline-block;width:3px;height:1em;background:#fff;vertical-align:-.12em;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* sekcje */
.sec{padding:var(--sec) 0;position:relative}
.sec--white{background:#fff}
.sec--light{background:var(--light)}
.sec--deep{background:radial-gradient(1100px 560px at 85% 0%,rgba(22,81,150,.45),transparent 60%),var(--deep);color:var(--on-dark)}
.sec--ink{background:radial-gradient(900px 500px at 10% 100%,rgba(22,81,150,.3),transparent 60%),var(--ink);color:var(--on-dark)}

/* oferta */
.oc-grid{display:grid;gap:14px}
@media (min-width:640px){.oc-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.oc-grid{grid-template-columns:repeat(6,1fr)}.oc{grid-column:span 2}.oc--big{grid-column:span 3}.oc--big .oc-img{aspect-ratio:16/9}}
.oc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .5s var(--ease-out),box-shadow .5s,border-color .3s}
.oc:hover{transform:translateY(-6px);box-shadow:0 34px 60px -40px rgba(15,23,42,.55);border-color:rgba(22,81,150,.45)}
.oc-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--light2)}
.oc-img picture,.oc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
.oc:hover .oc-img img{transform:scale(1.06)}
.pg{position:absolute;right:8px;bottom:8px;background:rgba(15,23,42,.65);color:#fff;font-size:.7rem;padding:.15rem .45rem;border-radius:3px}
.oc-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 18px}
.oc-kat{font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 .4rem}
.oc-body h3{margin:0 0 .4rem}
.oc-body>p{font-size:.95rem}
.oc-brands{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 16px;padding:0}
.oc-brands li{font-size:.78rem;font-weight:700;color:var(--text);background:var(--light);border:1px solid var(--line);border-radius:999px;padding:.2rem .65rem}
.oc-brands li.hl{background:#EEF4FB;border-color:#B8CDE8;color:var(--blue-dd)}
.oc-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px;font-weight:800;min-height:44px}
.oc-cta .i{transition:transform .3s var(--ease-out)}
.oc:hover .oc-cta .i{transform:translate(4px)}

/* realizacje */
.gal{display:grid;gap:12px;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
@media (min-width:640px){.gal{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}}
@media (min-width:1000px){.gal{grid-template-columns:repeat(3,1fr)}}
.gt{margin:0;scroll-snap-align:start;position:relative;border-radius:var(--r);overflow:hidden;background:#111}
.gt a{display:block;position:relative;aspect-ratio:4/3.2;color:#fff}
.gt picture,.gt img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
.gt a:hover img{transform:scale(1.05)}
.gt figcaption{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;gap:.6rem;align-items:baseline;padding:36px 16px 14px;
  background:linear-gradient(180deg,transparent,rgba(5,12,24,.88));color:#fff;font-weight:700;font-size:.95rem;pointer-events:none}
.gt figcaption span{font-size:.75rem;color:var(--blue-lite);letter-spacing:.1em}
.gt-zoom{position:absolute;top:12px;right:12px;z-index:4;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--head);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:all .35s var(--ease-out)}
.gt a:hover .gt-zoom,.gt a:focus-visible .gt-zoom{opacity:1;transform:none}

/* lightbox */
.lb{position:fixed;inset:0;z-index:300;background:rgba(5,10,20,.94);display:grid;place-items:center;padding:56px 12px}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-height:calc(100svh - 150px);width:auto;max-width:100%;border-radius:4px}
.lb figcaption{color:#fff;margin-top:12px;font-weight:600;text-align:center}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb-x{top:12px;right:12px}.lb-p{left:12px;top:50%}.lb-n{right:12px;top:50%}

/* FAQ */
.faq-grid{display:grid;gap:32px}
@media (min-width:1000px){.faq-grid{grid-template-columns:1.6fr .8fr;gap:56px;align-items:start}}
.faq{display:grid;gap:8px}
.fq{border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:background .3s,border-color .3s}
.fq[open]{background:#F3F7FC;border-color:#BFD2EA}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;font-weight:700;color:var(--head);font-size:1.02rem;min-height:56px}
.fq summary::-webkit-details-marker{display:none}
.fq summary i{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--blue)}
.fq summary i::before,.fq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px -6px;background:#fff;transition:transform .35s var(--ease-out)}
.fq summary i::after{transform:rotate(90deg)}
.fq[open] summary i::after{transform:rotate(0)}
.fq-a{overflow:hidden}
.fq-a p{padding:0 20px 18px;margin:0}
.fq-aside{position:sticky;top:96px;background:var(--light);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px}
.fq-aside .btn{width:100%}
.fq-tel{display:flex;justify-content:center;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;margin-top:14px;color:var(--head)}
.fq-tel .i{color:var(--blue)}

/* finalne CTA split */
.csplit{display:grid}
@media (min-width:1000px){.csplit{grid-template-columns:1fr 1fr}}
.cs-l{background:radial-gradient(900px 500px at 0% 0%,rgba(22,81,150,.55),transparent 60%),var(--deep);color:var(--on-dark);padding:var(--sec) var(--gut)}
.cs-r{background:var(--light2);padding:var(--sec) var(--gut);scroll-margin-top:80px}
.cs-in{max-width:560px;margin-left:auto}
.cs-form{max-width:540px}
.cs-l h2{color:#fff;font-size:clamp(1.9rem,2.6vw + 1rem,3.2rem)}
.cs-l h2 em{color:var(--blue-lite)}
.cs-p{color:var(--on-dark-m);font-size:1.08rem}
.cs-big{display:inline-flex;align-items:center;gap:.8rem;color:#fff;font-weight:800;font-size:clamp(2rem,3vw + 1rem,3.4rem);letter-spacing:-.02em;margin-top:.6rem;
  background:linear-gradient(currentColor,currentColor) left bottom/0 3px no-repeat;transition:background-size .5s var(--ease-out);padding-bottom:2px}
.cs-big:hover{color:#fff;background-size:100% 3px}
.cs-big .i{width:.75em;height:.75em;color:var(--blue-lite)}
.cs-who{color:var(--on-dark-m);margin:.4rem 0 1rem;font-size:.92rem}
.cs-tels{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:8px 22px}
.cs-tels a{color:#fff;font-weight:700;font-size:1.1rem}
.cs-tels span{display:block;font-size:.78rem;color:var(--on-dark-m);font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.cs-info{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:grid;gap:10px;font-size:.95rem}
.cs-info p{margin:0;display:flex;gap:.6rem;align-items:center}
.cs-info a{color:var(--on-dark)}
.cs-info .i{color:var(--blue-lite)}
.cs-hrs{display:flex;gap:.6rem}
.cs-hrs ul{list-style:none;margin:0;padding:0}
.cs-hrs li span{color:var(--on-dark-m);margin-right:.5rem}
.cs-hrs b{color:#fff}
@media (max-width:999px){.cs-in,.cs-form{margin:0 auto}}

/* dolny pasek na telefonie */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 -10px 30px -18px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .4s var(--ease-out)}
.mbar.on{transform:none}
.mbar a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border-radius:var(--r);font-weight:800}
.mb-call{border:2px solid var(--blue);color:var(--blue)}
.mb-quote{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff}
.mb-quote:hover{color:#fff}
@media (min-width:1000px){.mbar{display:none}}

/* cookies */
.cm{position:fixed;left:12px;right:12px;bottom:12px;z-index:250;max-width:760px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);border:1px solid var(--line);
  transform:translateY(130%);opacity:0;transition:transform .5s var(--ease-out),opacity .4s;visibility:hidden}
.cm:not(.on){pointer-events:none}
.cm.on{transform:none;opacity:1;visibility:visible}
.cm-in{padding:18px 20px}
.cm p{font-size:.9rem;margin:0 0 12px;color:var(--text)}
.cm-b{display:flex;flex-wrap:wrap;gap:8px}
.cm-btn{flex:1 1 auto;min-height:46px;padding:.5rem 1rem;border-radius:var(--r);border:1.5px solid #C5CFDB;background:#fff;color:var(--head);font-weight:700}
.cm-btn:hover{border-color:var(--blue);color:var(--blue)}
.cm-pri{background:var(--blue);border-color:var(--blue);color:#fff}
.cm-pri:hover{background:var(--blue-dd);color:#fff}
.cm-modal{position:fixed;inset:0;z-index:260;background:rgba(11,19,34,.6);display:grid;place-items:center;padding:12px;overflow:auto}
.cm-modal[hidden]{display:none}
.cmm{position:relative;background:#fff;border-radius:10px;max-width:640px;width:100%;max-height:calc(100svh - 24px);overflow:auto;padding:24px 22px}
.cmm h2{font-size:1.4rem;padding-right:48px}
.cmm p{font-size:.9rem}
.cmm-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;background:var(--light);display:grid;place-items:center;color:var(--head)}
.cm-g{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:8px}
.cm-gh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cm-g h4{margin:0;font-size:1rem}
.cm-g p{margin:.4rem 0 0;font-size:.85rem;color:var(--muted)}
.cm-lock{font-size:.78rem;font-weight:700;color:#15803D}
.cm-b2{margin:14px 0 6px}
.cm-sw{position:relative;display:inline-block;width:48px;height:28px;flex:none}
.cm-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.cm-sw i{position:absolute;inset:0;border-radius:28px;background:#CBD5E1;transition:background .2s}
.cm-sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.cm-sw input:checked+span+i{background:var(--blue)}
.cm-sw input:checked+span+i::after{transform:translateX(20px)}
.cm-sw input:focus-visible+span+i{outline:3px solid var(--focus);outline-offset:2px}
.cm-fab{position:fixed;left:12px;bottom:12px;z-index:80;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:#fff;color:var(--head);border-radius:999px;
  padding:.45rem .8rem;font-size:.8rem;font-weight:700;box-shadow:0 10px 30px -14px rgba(0,0,0,.35);min-height:40px}
.cm-fab .i{color:var(--blue)}
@media (max-width:999px){.cm-fab{bottom:80px;padding:.45rem;width:44px;height:44px;justify-content:center}.cm-fab span{display:none}}
body.cm-open{overflow:hidden}

/* dziekujemy / 404 */
.thx{padding:clamp(56px,10vw,120px) 0;background:var(--light);min-height:60vh}
.thx-in{max-width:760px;text-align:center}
.thx .eyebrow{justify-content:center}
.thx h1{font-size:clamp(2rem,3vw + 1rem,3.2rem)}
.thx .lead{margin:0 auto 1.2rem}
.thx .btns{justify-content:center}
.thx-ic{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#DCFCE7;color:#16A34A;margin-bottom:18px}
.thx-ic .i{width:42px;height:42px}

/* ruch: reveal, slowa, kurtyna (tylko gdy dziala JS) */
.js [data-anim]{opacity:0;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),box-shadow .5s,border-color .3s;transition-delay:var(--d,0s)}
.js [data-anim=up]{transform:translateY(34px)}
.js [data-anim].is-in{opacity:1;transform:none}
.js [data-anim].is-in:hover{transition-delay:0s}
.js [data-anim=clip]{opacity:1;position:relative;overflow:hidden}
.js [data-anim=clip]::after{content:"";position:absolute;inset:0;z-index:3;background:var(--blue);transform-origin:bottom;transition:transform 1.1s var(--ease-out);transition-delay:var(--d,0s);pointer-events:none}
.js [data-anim=clip].is-in::after{transform:scaleY(0)}
.js [data-anim=clip] img{transform:scale(1.15);transition:transform 1.6s var(--ease-out)}
.js [data-anim=clip].is-in img{transform:none}
.js [data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.js [data-split] .w>span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease-out);transition-delay:calc(var(--i) * 55ms)}
.js [data-split].is-in .w>span{transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-anim],.js [data-split] .w>span{opacity:1!important;transform:none!important}
  .js [data-anim=clip]::after{display:none}
  .js [data-anim=clip] img{transform:none!important}
  .partners-track{animation:none!important}
  .partners-car{overflow-x:auto}
  .tl-line i{transform:none!important}
  .pulse::after,.caret{animation:none!important}
}

/* Hero (poprawka 09.10.2026): bez odznaki Google; formularz na pełną wysokość kolumny tekstu, tekst wyrównany do formularza */
@media (min-width:1000px){
  .hero-txt{display:flex;flex-direction:column;justify-content:center;padding-block:8px}
  .hero-form .wf-head{padding:24px 28px 20px}
  .hero-form .wf-t{font-size:1.4rem}
  .hero-form .wf-body{padding:26px 28px 6px}
  .hero-form .fstep legend{font-size:1.22rem}
  .hero-form .opts{gap:12px}
  .hero-form .opt{min-height:62px;padding:.7rem 1rem;font-size:1rem}
  .hero-form .wf-nav{padding:18px 28px 8px}
  .hero-form .wf-nav .btn{min-height:56px}
  .hero-form .wf-safe{padding:8px 28px 22px}
}

/* ===================== Poprawki 09.10.2026 (runda 2) ===================== */

/* hero: zdjecie pogladowe z domem po prawej; tekst na ciemnym gradiencie z lewej */
.hero-bg img{object-position:78% 50%}
.hero-bg::after{background:linear-gradient(90deg,rgba(10,37,71,.97) 0%,rgba(10,37,71,.9) 34%,rgba(10,37,71,.55) 58%,rgba(10,37,71,.12) 82%,rgba(10,37,71,.05) 100%),
  linear-gradient(0deg,rgba(10,37,71,.55),transparent 30%)}
@media (max-width:999px){
  .hero-bg{bottom:auto;height:520px}
  .hero-bg img{object-position:88% 50%}
  .hero-bg::after{background:linear-gradient(180deg,rgba(10,37,71,.55) 0%,rgba(10,37,71,.78) 45%,var(--deep) 100%)}
}

/* formularz: odpowiedzi jedna pod druga; formularz wypelnia sekcje */
.opts,.opts--2{grid-template-columns:1fr!important}
.cs-r{display:flex;flex-direction:column;justify-content:center}
.cs-form{width:100%}
/* finalne CTA: formularz ok. 480 px, wysrodkowany w pionie wzgledem lewej polowy, sekcja tak wysoka jak tresc */
.cs-l,.cs-r{padding:clamp(48px,6vw,88px) var(--gut)}
.cs-r{align-items:center;justify-content:flex-start!important}
.cs-form{max-width:600px;margin:0 auto}   /* szerokosc jak w rundzie 2 */
.cs-form .opt{min-height:50px}

/* producenci: jak na obecnej stronie (tekst z lewej, karuzela logotypow z prawej) */
.partners{background:#F8F9FA;padding:clamp(56px,6vw,80px) 0;overflow:hidden}
.partners-in{display:grid;gap:32px;align-items:center}
@media (min-width:993px){.partners-in{grid-template-columns:1fr 1fr;gap:64px;max-width:calc(1200px + 2*var(--gut))}}
.partners-txt h2{color:var(--blue);font-size:clamp(2rem,1.6vw + 1.2rem,2.5rem);line-height:1.2;margin:0 0 1rem}
.partners-txt p{color:var(--blue);font-size:clamp(1rem,.3vw + .95rem,1.125rem);line-height:1.7;margin:0}
@media (max-width:992px){.partners-txt{text-align:center}}
.partners-car{display:flex;overflow:hidden;padding:2rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.partners-track{display:flex;flex:none;list-style:none;margin:0;padding:0;animation:pscroll 60s linear infinite}
.partners-car:hover .partners-track{animation-play-state:paused}
.partners .lg{flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E5E7EB;border-radius:12px;
  width:180px;height:110px;padding:1.5rem;margin-right:2rem;box-shadow:0 4px 8px rgba(0,0,0,.05);transition:box-shadow .3s,transform .3s}
.partners .lg:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);transform:translateY(-3px)}
.partners .lg img{max-height:64px;max-width:132px;width:auto;height:auto;object-fit:contain;transition:transform .3s}
.partners .lg:hover img{transform:scale(1.08)}
@keyframes pscroll{to{transform:translateX(-100%)}}
@media (max-width:992px){.partners .lg{width:140px;height:90px;margin-right:1.5rem;padding:1rem}.partners .lg img{max-height:52px;max-width:108px}}
@media (max-width:576px){.partners .lg{width:110px;height:72px;margin-right:1rem;padding:.7rem}.partners .lg img{max-height:40px;max-width:84px}.partners-track{animation-duration:40s}}

/* kafle "Dlaczego Prosto z Ramy": 4 obok siebie */
.sh--center{text-align:center;display:block}
.sh--center .eyebrow{justify-content:center}
.sh--center h2{margin:0 auto;max-width:26ch}
.sh--center .lead{margin:1rem auto 0}
.kf-grid{display:grid;gap:16px}
@media (min-width:600px){.kf-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.kf-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.kf{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(15,23,42,.35);
  transition:transform .5s var(--ease-out),box-shadow .5s}
.kf:hover{transform:translateY(-6px);box-shadow:0 34px 60px -38px rgba(15,23,42,.55)}
.kf-img{aspect-ratio:4/3.4;overflow:hidden;background:var(--light2)}
.kf-img picture,.kf-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
.kf:hover .kf-img img{transform:scale(1.06)}
.kf-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.kf-body h3{font-size:1.12rem;margin:0 0 .5rem}
.kf-body p{font-size:.93rem;margin:0}
.kf--accent{background:linear-gradient(160deg,var(--blue),var(--blue-dd));border-color:transparent}
.kf--accent h3{color:#fff}.kf--accent p{color:#DCE8F7}
.kf-cta{margin-top:auto;padding-top:16px;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:.4rem;min-height:44px}
.kf-cta:hover{color:#fff}
.kf-cta .i{transition:transform .3s var(--ease-out)}
.kf-cta:hover .i{transform:translateX(4px)}

/* o nas: tekst + mapa SVG */
.onas{display:grid;gap:36px}
@media (min-width:1000px){.onas{grid-template-columns:1fr 1fr;gap:64px;align-items:center}}
.onas-txt h2{max-width:20ch}
.onas-area{border-left:3px solid var(--blue);padding:4px 0 4px 16px;margin:6px 0 4px}
.onas-area h3{margin:0 0 .25rem;font-size:1.1rem}
.onas-area p{margin:0 0 .5rem;font-size:.95rem}
.towns{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem;font-weight:700;color:var(--head)}
.towns li{display:flex;align-items:center;gap:.25rem}
.towns .i{color:var(--blue);width:14px;height:14px}
.onas-map{margin:0;position:relative}
.onas-map figcaption{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:12px;font-size:.88rem;font-weight:600;color:var(--muted)}
.onas-map figcaption .i{color:var(--blue)}
.mapa{width:100%;height:auto;border-radius:16px;box-shadow:0 40px 80px -40px rgba(10,37,71,.6)}
.mapa text{font-family:var(--f);fill:#DCE6F3;font-size:13px;font-weight:600}
.mapa .mp-ring{fill:none;stroke:#fff;stroke-opacity:.10;stroke-dasharray:3 6}
.mapa .mp-river{fill:none;stroke:#5EA8F5;stroke-opacity:.75;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mapa .mp-rl{fill:#8EC1F7;font-style:italic;font-size:13px}
.mapa .mp-c{fill:none;stroke:#6FA8E8;stroke-width:2.5;stroke-dasharray:var(--c) var(--c);stroke-dashoffset:0}
.mapa .mp-km{fill:#9FC4EE;font-size:12px;font-weight:700;letter-spacing:.08em}
.mapa .mp-t circle{fill:#fff;stroke:#165196;stroke-width:2}
.mapa .mp-main{fill:#0A2547;font-size:15px;font-weight:800}
.mapa .mp-pulse{fill:#D9534F;transform-origin:300px 300px;transform-box:view-box;animation:mpPulse 2.6s var(--ease-out) infinite}
.mapa .mp-pulse--2{animation-delay:1.3s}
@keyframes mpPulse{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(5.5)}}
.js .onas-map:not(.is-in) .mp-c{stroke-dashoffset:var(--c)}
.js .onas-map .mp-c{transition:stroke-dashoffset 2.2s var(--ease-out) .3s}
.js .onas-map .mp-t{opacity:0;transition:opacity .6s var(--ease-out);transition-delay:var(--d)}
.js .onas-map.is-in .mp-t{opacity:1}

/* "Jak dzialamy": pozioma os czasu z linia rysowana przy przewijaniu */
.tl{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:28px;--p:0}
.tl-line{position:absolute;left:31px;top:32px;bottom:32px;width:3px;background:rgba(255,255,255,.12);border-radius:3px}
.tl-line i{position:absolute;inset:0;background:linear-gradient(180deg,var(--blue-lite),#fff);border-radius:3px;transform:scaleY(var(--p));transform-origin:top}
.tl-step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}
.tl-dot{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:#0D2E58;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center;
  transition:background .5s,border-color .5s,transform .5s var(--ease-out),box-shadow .5s}
.tl-ic .i{width:26px;height:26px;color:var(--blue-lite);transition:color .5s}
.tl-n{position:absolute;top:-6px;right:-8px;background:#fff;color:var(--blue-dd);font-weight:800;font-size:.72rem;border-radius:999px;padding:.12rem .42rem;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.tl-step.on .tl-dot{background:var(--blue);border-color:#fff;transform:scale(1.06);box-shadow:0 0 0 8px rgba(111,168,232,.16)}
.tl-step.on .tl-ic .i{color:#fff}
.tl-body{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px;transition:background .5s,border-color .5s,transform .6s var(--ease-out),opacity .6s}
.tl-step.on .tl-body{background:rgba(255,255,255,.09);border-color:rgba(111,168,232,.45)}
.js .tl-step:not(.on) .tl-body{opacity:.55;transform:translateY(10px)}
.tl-time{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .6rem;background:rgba(111,168,232,.16);color:#CFE2F8;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}
.tl-time .i{width:14px;height:14px}
.tl-body h3{color:#fff;font-size:1.18rem;margin:0 0 .35rem}
.tl-body p:last-child{color:var(--on-dark-m);font-size:.95rem;margin:0}
@media (min-width:1000px){
  .tl{grid-template-columns:repeat(4,1fr);gap:24px}
  .tl-line{left:12.5%;right:12.5%;top:38px;bottom:auto;width:auto;height:3px}
  .tl-line i{background:linear-gradient(90deg,var(--blue-lite),#fff);transform:scaleX(var(--p));transform-origin:left}
  .tl-step{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}
  .tl-dot{width:78px;height:78px}
  .tl-ic .i{width:30px;height:30px}
  .tl-body{height:100%;padding:22px 22px 24px}
}
.tl-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;margin-top:clamp(32px,4vw,52px)}
.tl-tel{display:inline-flex;align-items:center;gap:.5rem;color:var(--on-dark);font-size:1.05rem;min-height:44px}
.tl-tel b{color:#fff}
.tl-tel .i{color:var(--blue-lite)}
.tl-tel:hover{color:#fff}

/* opinie Google */
.rv-head{display:grid;gap:18px;margin-bottom:22px}
@media (min-width:1000px){.rv-head{grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}}
.rv-score h2{margin:0 0 1rem}
.rv-big{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.rv-n{font-weight:800;font-size:clamp(4rem,5vw + 1rem,5.6rem);line-height:.9;color:var(--head);letter-spacing:-.04em}
.rv-big .stars .st{width:26px;height:26px}
.rv-big p{margin:.3rem 0 0;color:var(--muted)}
.rv-big b{color:var(--head)}
.gword{font-weight:700;letter-spacing:-.02em}
.gword b{font-weight:700}
.rv-feat{position:relative;margin:0;background:linear-gradient(140deg,var(--blue),var(--blue-dd));color:#fff;border-radius:18px;padding:34px 30px 26px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 40px 70px -45px rgba(10,37,71,.8)}
.rv-q{position:absolute;right:18px;top:-30px;font-size:13rem;line-height:1;font-weight:800;color:rgba(255,255,255,.1);pointer-events:none}
.rv-feat blockquote{margin:0 0 22px;font-size:clamp(1.4rem,1.4vw + 1rem,2.1rem);font-weight:800;line-height:1.25;letter-spacing:-.02em;max-width:24ch;position:relative}
.rv-feat figcaption{display:flex;align-items:center;gap:12px;color:#DCE8F7;font-size:.95rem}
.rv-feat figcaption b{color:#fff}
.gr-av{width:44px;height:44px;flex:none;border-radius:50%;color:#fff;font-weight:800;font-size:1.1rem;display:grid;place-items:center}
.gr-wrap{position:relative}
.gr-list{list-style:none;margin:0;padding:6px 2px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:4px}
.gr-list::-webkit-scrollbar{display:none}
@media (min-width:700px){.gr-list{grid-auto-columns:calc((100% - 16px)/2)}}
@media (min-width:1100px){.gr-list{grid-auto-columns:calc((100% - 32px)/3)}}
.gr{scroll-snap-align:start;background:#fff;border:1px solid #DADCE0;border-radius:12px;padding:20px 20px 18px;box-shadow:0 1px 2px rgba(60,64,67,.15),0 2px 6px rgba(60,64,67,.08);
  display:flex;flex-direction:column;gap:10px;transition:box-shadow .3s,transform .5s var(--ease-out)}
.gr:hover{box-shadow:0 4px 14px rgba(60,64,67,.2);transform:translateY(-3px)}
.gr-top{display:flex;align-items:center;gap:12px}
.gr-who{display:flex;flex-direction:column;line-height:1.3}
.gr-who b{color:#202124;font-weight:700}
.gr-who small{color:#5F6368;font-size:.8rem}
.gr-g{width:22px;height:22px;margin-left:auto}
.gr blockquote{margin:0;color:#3C4043;font-size:.95rem;line-height:1.6}
.gr blockquote p{margin:0 0 .6em}
.gr .gr-main{color:#202124;font-weight:700;font-size:1.02rem}
.gr-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}
.gr-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--head);display:grid;place-items:center;transition:all .25s}
.gr-btn:hover:not([disabled]){background:var(--blue);color:#fff;border-color:var(--blue)}
.gr-btn[disabled]{opacity:.35;cursor:default}
.gr-wrap.no-scroll .gr-nav{display:none}
#opinie .center{margin-top:26px}



/* hero: formularz z odpowiedziami w jednej kolumnie musi zmiescic sie w kolumnie tekstu */
.hero-akcent{align-self:flex-start}
@media (min-width:1000px){
  .hero-form .wf-body{padding:20px 28px 4px}
  .hero-form .fstep legend{font-size:1.15rem}
  .hero-form .opts{gap:8px}
  .hero-form .opt{min-height:48px;padding:.45rem .9rem;font-size:.97rem}
  .hero-form .wf-nav{padding:14px 28px 6px}
  .hero-form .wf-head{padding:20px 28px 16px}
}

/* ===================== Runda 3 (09.10.2026) ===================== */
/* formularz: wysokosc wedlug tresci kroku; rodzic (.hero-form/.cs-form) dostaje z JS min-height = wysokosc kroku 1, formularz przy gorze */
.hero-form,.cs-form{display:flex;flex-direction:column;justify-content:flex-start}
.wf-body{overflow:hidden}

/* stopka w stylu strony: ciemny granat z poswiata */
.ftr{position:relative;overflow:hidden;color:var(--on-dark-m);font-size:.95rem;padding:clamp(56px,6vw,88px) 0 0;
  background:radial-gradient(900px 480px at 0% 0%,rgba(22,81,150,.5),transparent 60%),radial-gradient(700px 420px at 100% 100%,rgba(22,81,150,.28),transparent 60%),var(--deep)}
.ftr-grid{display:grid;gap:36px 28px}
@media (min-width:600px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.ftr-grid{grid-template-columns:1.5fr .8fr 1fr 1.25fr 1fr;gap:40px}}
@media (min-width:600px) and (max-width:1079px){.ftr-brand{grid-column:1 / -1}}
.ftr-brand img{width:132px;height:auto;margin-bottom:16px}
.ftr-brand p{margin:0 0 18px;max-width:36ch;line-height:1.65}
.ftr .eyebrow{color:var(--blue-lite);margin:0 0 1.1rem;font-size:.74rem}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ftr a{color:var(--on-dark);position:relative;display:inline-block;padding:2px 0;transition:color .25s}
.ftr ul a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue-lite);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.ftr ul a:hover{color:#fff}
.ftr ul a:hover::after{transform:none}
.ftr-contact li{display:flex;gap:.65rem;align-items:flex-start}
.ftr-contact .i{color:var(--blue-lite);width:18px;height:18px;margin-top:4px}
.ftr-contact small{display:block;color:var(--on-dark-m);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ftr-contact b{color:#fff;font-weight:700}
.ftr-hrs li{display:flex;flex-direction:column}
.ftr-hrs li b{color:#fff;font-size:1.02rem}
.ftr-soc{display:flex;gap:10px}
.ftr-soc a{width:46px;height:46px;border-radius:var(--r);display:grid;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.35);overflow:hidden;isolation:isolate;transition:color .3s,border-color .3s}
.ftr-soc a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--blue);transform:translateY(101%);transition:transform .45s var(--ease-out)}
.ftr-soc a:hover{border-color:var(--blue)}
.ftr-soc a:hover::before{transform:none}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:clamp(36px,5vw,56px);padding-top:20px;padding-bottom:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.86rem}
.ftr-bot p{margin:0;display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.ftr-bot a,.ftr-bot .linkbtn{color:var(--on-dark-m);text-decoration:none;font-weight:600;padding:0}
.ftr-bot a:hover,.ftr-bot .linkbtn:hover{color:#fff}
@media (max-width:999px){.ftr{padding-bottom:84px}}
@media (max-width:599px){.ftr-bot{flex-direction:column;align-items:flex-start}}
.ftr-bot p:first-child{display:block}
@media (max-width:599px){.ftr-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.ftr-brand,.ftr-kontakt{grid-column:1 / -1}}
@media (max-width:599px){.ftr-grid>div:last-child{grid-column:1 / -1}}

/* runda 3b: bez rezerwacji wysokosci; formularz i tekst wyrownane do gory, sekcje rosna i kurcza sie z formularzem */
.wf{scroll-margin-top:84px}
@media (min-width:1000px){.hero-in{align-items:start}.hero-txt{padding-top:28px}.hero-form{align-self:start}}
.cs-in{margin-top:0}

/* ===================== Etap 2: landingi kategorii (wspolne komponenty) ===================== */
/* menu: rozwijana "Oferta" */
.nav-dd{position:relative;display:flex}
.nav-dd-t{display:inline-flex;align-items:center;gap:.25rem}
.nav-dd-t .dd-i{width:14px;height:14px;transition:transform .3s var(--ease-out)}
.nav-dd:hover .dd-i,.nav-dd:focus-within .dd-i{transform:rotate(180deg)}
.mnav-h{margin:14px 0 4px;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.mnav-kat{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mnav-kat a{background:var(--light);border:1px solid var(--line);border-radius:6px;padding:.55rem .65rem;color:var(--head);font-weight:600;font-size:.9rem}
/* eyebrow hero z pisanym tekstem */
.typed--eb{background:none;padding:0;color:#fff}
.hero .eyebrow .caret{height:.9em;width:2px;background:var(--blue-lite)}
/* marki kategorii: kafle bez przewijania */
.partners--static .partners-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
@media (min-width:993px){.partners--static .partners-grid{justify-content:flex-start}}
.partners--static .lg{margin-right:0}
.partners .lg--txt span{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1D2A44;font-size:1rem;text-align:center;line-height:1.2}
/* poradnik: 6 kafli z ikonami */
.pr-grid{display:grid;gap:14px}
@media (min-width:640px){.pr-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.pr-grid{grid-template-columns:repeat(3,1fr);gap:18px}}
.pr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;transition:transform .5s var(--ease-out),box-shadow .5s,border-color .3s}
.pr:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(22,81,150,.35)}
.pr h3{margin:14px 0 .4rem;font-size:1.1rem}
.pr p{margin:0;font-size:.94rem}
/* wiersze oferty kategorii */
.rw-list{display:grid;gap:clamp(28px,4vw,56px)}
.rw{display:grid;gap:20px;align-items:center;scroll-margin-top:90px}
@media (min-width:900px){.rw{grid-template-columns:1.05fr 1fr;gap:48px}.rw--rev .rw-img{order:2}}
.rw-img{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--light2)}
.rw-img picture,.rw-img img{width:100%;height:100%;object-fit:cover}
.rw-body h3{font-size:clamp(1.3rem,1vw + 1rem,1.7rem);margin:0 0 .5rem}
.rw-body>p{margin:0 0 1rem}
.rw-lab{font-weight:700;color:var(--head);font-size:.88rem;margin:0 0 .5rem!important}
.rw-body .oc-brands{margin-bottom:18px}
/* pelna oferta: karty pozostalych kategorii */
.po-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (min-width:1000px){.po-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.po{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--head);transition:transform .5s var(--ease-out),box-shadow .5s}
.po:hover{transform:translateY(-5px);box-shadow:var(--sh);color:var(--head)}
.po-img{aspect-ratio:16/10;overflow:hidden;background:var(--light2)}
.po-img picture,.po-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.po:hover .po-img img{transform:scale(1.06)}
.po-body{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px}
.po-body b{font-size:1.05rem}
.po-body small{color:var(--muted);font-size:.85rem}
.po-go{display:inline-flex;align-items:center;gap:.35rem;margin-top:8px;color:var(--blue);font-weight:800;font-size:.9rem}
.po-go .i{transition:transform .3s var(--ease-out)}
.po:hover .po-go .i{transform:translateX(4px)}
.po-all{margin-top:20px}
/* karty oferty strony glownej: linki do landingow */
.oc-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:-4px 0 12px!important}
.oc-links a{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.9rem;min-height:32px}
.oc-links .i{width:14px;height:14px}

/* finalne CTA: tresc w .wrap (lewa krawedz jak w innych sekcjach), tlo dzielone na pelna szerokosc */
.csplit{display:block;background:var(--light2)}
.cs-grid{display:grid}
.cs-l,.cs-r{padding-block:clamp(48px,6vw,88px)}
.cs-in{max-width:none;margin:0}
@media (max-width:999px){
  .cs-l,.cs-r{margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut)}
  .cs-l{background:radial-gradient(700px 400px at 0% 0%,rgba(22,81,150,.55),transparent 60%),var(--deep)}
  .cs-r{background:var(--light2)}
  .cs-form{margin:0 auto}
}
@media (min-width:1000px){
  .csplit{background:radial-gradient(900px 500px at 0% 0%,rgba(22,81,150,.55),transparent 60%) left/50% 100% no-repeat,linear-gradient(90deg,var(--deep) 50%,var(--light2) 50%)}
  .cs-grid{grid-template-columns:1fr 1fr}
  .cs-l{background:none;padding-left:0;padding-right:clamp(32px,4vw,64px)}
  .cs-r{background:none;padding-right:0;padding-left:clamp(32px,4vw,64px);align-items:flex-end}
  .cs-form{margin:0 0 0 auto}
}

/* zdjecia pionowe (drzwi, HST): caly produkt w kadrze */
.rw-img--pion{aspect-ratio:auto;background:none;justify-self:center;width:auto;max-width:100%}
.rw-img--pion picture{display:block;height:100%}
.rw-img--pion img{width:auto;height:min(600px,125vw);max-width:100%;object-fit:contain}
.gt--pion img{object-fit:contain;background:#0B1322}
.gt--pion a:hover img{transform:scale(1.02)}
.oc--big .oc-img img{object-position:50% 30%}
.po-img img{object-position:50% 35%}
.kf-img{position:relative}

/* hero: tekst wysrodkowany wzgledem formularza w kroku 1 (--hf z JS), formularz przy gorze, kompaktowy krok 1 */
@media (min-width:1000px){
  .hero-in{min-height:0;align-items:start;grid-template-rows:minmax(var(--hf,0px),auto)}
  .hero-txt{align-self:center;padding-top:0}
  .hero-form{align-self:start}
  .hero-form .wf-head{padding:16px 24px 12px}
  .hero-form .wf-t{font-size:1.2rem;margin-bottom:.5rem}
  .hero-form .wf-body{padding:16px 24px 2px}
  .hero-form .fstep legend{font-size:1.08rem}
  .hero-form .hint{margin-bottom:.5rem}
  .hero-form .opts{gap:6px}
  .hero-form .opt{min-height:46px;padding:.38rem .85rem;font-size:.95rem}
  .hero-form .wf-nav{padding:12px 24px 4px}
  .hero-form .wf-nav .btn{min-height:50px}
  .hero-form .wf-safe{padding:6px 24px 16px}
}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}
.hero-trust>span{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-m)}
.hero-trust ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-trust li{height:44px;min-width:92px;padding:0 14px;background:#fff;border-radius:var(--r);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -16px rgba(0,0,0,.6)}
.hero-trust img{height:26px;width:auto;max-width:96px;object-fit:contain}
.hero-trust .ht-txt{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1D2A44;font-size:.82rem}
.hero-trust .ht-wide{text-transform:none;letter-spacing:0;gap:.45rem;font-size:.9rem}
.hero-trust .ht-wide .i{color:var(--blue)}

/* ===================== Runda 4 (09.10.2026): efekt WOW, wspolne dla wszystkich stron ===================== */
/* hero: lzejszy gradient (dom widoczny za tekstem), powolny Ken Burns, paralaksa (JS: --py) */
.hero-bg{overflow:hidden}
.hero-bg picture{transform:translate3d(0,var(--py,0px),0) scale(1.06);will-change:transform}
.hero-bg img{animation:kb 24s ease-in-out infinite alternate;transform-origin:30% 60%}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.1) translate3d(1.5%,-1%,0)}}
@media (min-width:1000px){
  .hero-bg img{object-position:30% 55%}
  .hero-bg::after{background:linear-gradient(90deg,rgba(8,26,52,.82) 0%,rgba(8,26,52,.6) 28%,rgba(8,26,52,.22) 52%,rgba(8,26,52,.35) 72%,rgba(8,26,52,.55) 100%),
    linear-gradient(0deg,rgba(8,26,52,.85) 0%,transparent 34%)}
  .hero h1,.hero-list li,.hero .eyebrow{text-shadow:0 2px 18px rgba(0,0,0,.45)}
  .hero-in{padding-bottom:120px}
}
@media (max-width:999px){.hero-bg img{object-position:35% 50%}}

/* liczby: kafle ze "szklem" nachodzace na zdjecie hero, nizsze */
.ftiles{position:relative;z-index:3;background:var(--deep);padding-top:18px;padding-bottom:28px}
@media (min-width:1000px){.ftiles{margin-top:-96px;padding-top:0;background:linear-gradient(180deg,transparent 0,transparent 96px,var(--deep) 96px)}}
.ftile{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 30px 60px -36px rgba(0,0,0,.7);padding:14px 18px 12px;border-radius:12px}
.ftile::after{background:linear-gradient(90deg,var(--blue-lite),#fff)}
.ft-n{color:#fff;font-size:clamp(1.7rem,1.6vw + 1rem,2.3rem);margin-bottom:.2rem}
.ft-n small{color:var(--blue-lite)}
.ft-l{color:#CFE0F5;margin:0;font-size:.72rem}
.ft-o{display:none}

/* swiatlo za kursorem (data-spot) i tilt 3D (data-tilt, JS) */
[data-spot]{--mx:50%;--my:50%;position:relative;isolation:isolate}
[data-spot]::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;border-radius:inherit;
  background:radial-gradient(360px circle at var(--mx) var(--my),rgba(111,168,232,.22),transparent 45%)}
[data-spot]:hover::before{opacity:1}
[data-tilt]{transform-style:preserve-3d;will-change:transform}

/* naglowki: rysowane podkreslenie akcentu <em> po wejsciu */
.sh h2 em,.partners-txt h2 em,.onas-txt h2 em{background:linear-gradient(90deg,var(--blue-lite),var(--blue-lite)) 0 92%/0 3px no-repeat;transition:background-size 1.1s var(--ease-out) .5s}
.sh--light h2 em{background-image:linear-gradient(90deg,#fff,#fff)}
.is-in h2 em,h2.is-in em,.sh .is-in em{background-size:100% 3px}

/* producenci: naglowek w stylu strony; karuzela z inercja (JS) */
.partners-txt h2{color:var(--head)}
.partners-txt h2 em{color:var(--blue)}
.partners-txt p.lead{color:var(--muted)}
.partners-txt .eyebrow{margin-bottom:1rem;font-size:.78rem;line-height:1.3}
@media (max-width:992px){.partners-txt .eyebrow{justify-content:center}}
.partners-move{display:flex;flex:none;will-change:transform}
.partners-car.js-drive{cursor:grab;touch-action:pan-y}
.partners-car.js-drive.is-drag{cursor:grabbing}
.partners-car.js-drive .partners-track{animation:none}
.partners-car.js-drive img{pointer-events:none;user-select:none}

/* kafle "Dlaczego Prosto z Ramy": numer, kurtyna, tilt, swiatlo, powolny zoom */
.kf{transition:transform .25s ease-out,box-shadow .5s;transform-origin:center}
.kf-img{position:relative}
.kf.is-in .kf-img img{animation:kfz 16s ease-in-out infinite alternate}
@keyframes kfz{from{transform:scale(1)}to{transform:scale(1.12)}}
.kf-n{position:absolute;left:14px;top:12px;z-index:4;font-weight:800;font-size:1.6rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);letter-spacing:-.02em}
.kf-n::after{content:"";display:block;width:26px;height:3px;margin-top:4px;background:var(--blue-lite);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out) .6s}
.kf.is-in .kf-n::after{transform:none}
.kf:hover{box-shadow:0 40px 70px -40px rgba(15,23,42,.6)}

/* oferta: rowne karty (subgrid), marki jako prostokaty jak przyciski */
.oc-grid{display:grid;gap:18px 16px;grid-template-columns:1fr}
@media (min-width:640px){.oc-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.oc-grid{grid-template-columns:repeat(3,1fr)}}
.oc{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;padding-bottom:18px;transition:transform .25s ease-out,box-shadow .5s,border-color .3s}
.oc>*:not(.oc-img){margin-left:22px;margin-right:22px}
.oc-img{aspect-ratio:4/3;margin:0 0 18px}
.oc-img img{object-position:50% 45%}
.oc-kat{margin:0 22px .4rem}
.oc-t{margin:0 22px .45rem;font-size:clamp(1.12rem,.5vw + 1rem,1.3rem);align-self:start}
.oc-txt{font-size:.95rem;margin:0 22px 14px;align-self:start}
.oc .brands{align-self:start;margin-bottom:12px}
.oc-links{align-self:end;margin:0 22px 8px!important}
.oc-cta{align-self:end;margin-top:0}
.brands{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.brands li{border:1.5px solid rgba(22,81,150,.3);border-radius:var(--r);padding:.32rem .7rem;font:700 .8rem/1.2 var(--f);color:var(--head);background:#fff}
.brands li.hl{background:var(--blue);border-color:var(--blue);color:#fff}
.rw-body .brands{margin-bottom:18px}

/* galeria: masonry, cale zdjecia, odslanianie kurtyna */
.gal{display:block;column-count:1;column-gap:14px;overflow:visible}
@media (min-width:520px){.gal{column-count:2}}
@media (min-width:1000px){.gal{column-count:3;column-gap:16px}}
.gal .gt{break-inside:avoid;margin:0 0 14px;display:block;border-radius:12px}
.gal .gt a{aspect-ratio:auto}
.gal .gt picture,.gal .gt img{height:auto;object-fit:cover}
.gal .gt figcaption{padding:44px 16px 14px;font-size:.92rem}
.gt--pion img{object-fit:cover;background:none}

/* opinie: widzet i karty w stylu Google */
.gw{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #DADCE0;border-radius:12px;
  padding:18px 22px;margin-bottom:18px;font-family:Roboto,Arial,Helvetica,sans-serif;box-shadow:0 1px 2px rgba(60,64,67,.12)}
.gw-l{display:flex;align-items:center;gap:18px}
.gw .gword{font:500 1.6rem/1 'Product Sans',Roboto,Arial,sans-serif;letter-spacing:-.01em}
.gw-score b{display:block;color:#202124;font-weight:500;font-size:.95rem}
.gw-row{display:flex;align-items:center;gap:8px}
.gw-n{font-size:1.6rem;font-weight:500;color:#202124}
.gw-score small{color:#70757A;font-size:.85rem}
.gw-btn{background:#1A73E8;color:#fff;border-radius:4px;padding:.6rem 1.1rem;font:500 .92rem/1.2 Roboto,Arial,sans-serif;min-height:40px;display:inline-flex;align-items:center}
.gw-btn:hover{background:#1765CC;color:#fff}
.gstars{display:inline-flex;gap:1px;color:#FBBC04}
.gstars .gs{width:18px;height:18px}
.gr{font-family:Roboto,Arial,Helvetica,sans-serif;border-radius:8px;border:1px solid #DADCE0;padding:18px 18px 16px;gap:8px;box-shadow:none}
.gr:hover{box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}
.gr-top{gap:12px}
.gr-av{width:40px;height:40px;font:500 1.05rem/1 Roboto,Arial,sans-serif}
.gr-who b{font-weight:500;font-size:.95rem;color:#202124}
.gr-g{width:20px;height:20px}
.gr-rate .gs{width:16px;height:16px}
.gr-txt{color:#3C4043;font-size:.9rem;line-height:1.45rem}
.gr-txt p{margin:0 0 .5em}
.rv-head,.rv-feat{display:none}

/* finalne CTA: trzy jednakowe karty telefonow i rowny blok informacji */
.cs-tels{list-style:none;margin:22px 0 22px;padding:0;display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:600px){.cs-tels{grid-template-columns:repeat(3,1fr)}}
.cs-tel{display:flex;align-items:center;gap:12px;height:100%;padding:14px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  color:#fff;transition:background .3s,border-color .3s,transform .3s var(--ease-out)}
.cs-tel:hover{background:rgba(255,255,255,.13);border-color:rgba(111,168,232,.6);color:#fff;transform:translateY(-3px)}
.cs-ti{flex:none;width:40px;height:40px;border-radius:50%;background:var(--blue);display:grid;place-items:center}
.cs-ti .i{width:18px;height:18px;color:#fff}
.cs-tel small{display:block;color:var(--on-dark-m);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cs-tel b{display:block;font-size:1.12rem;font-weight:800;white-space:nowrap}
.cs-info{display:grid;gap:12px;margin:0;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.cs-info>div{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px}
.cs-info dt .i{width:20px;height:20px;color:var(--blue-lite);margin-top:2px}
.cs-info dd{margin:0;color:var(--on-dark);font-size:.95rem;line-height:1.6}
.cs-info dd a{color:var(--on-dark)}
.cs-info dd b{color:#fff}
.cs-big,.cs-who,.cs-hrs{display:none}

/* mapa: radar, fale, swiecacy pin, okrag 60 km */
.onas-map{perspective:1000px}
.mapa{background:#081E3B}
.mapa .mp-river{fill:none;stroke:#3E7FD0;stroke-opacity:.35;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mapa .mp-ring{fill:none;stroke:#fff;stroke-opacity:.08;stroke-dasharray:2 6}
.mapa .mp-radar{transform-origin:300px 300px;animation:radar 6s linear infinite}
@keyframes radar{to{transform:rotate(360deg)}}
.mapa .mp-wave{fill:none;stroke:#6FA8E8;stroke-width:2;transform-origin:300px 300px;animation:wave 4.5s cubic-bezier(.2,.6,.3,1) infinite;opacity:0}
.mapa .mp-wave--2{animation-delay:1.5s}.mapa .mp-wave--3{animation-delay:3s}
@keyframes wave{0%{transform:scale(.5);opacity:.8}100%{transform:scale(11.5);opacity:0}}
.mapa .mp-glow{transform-origin:300px 300px;animation:glow 2.4s ease-in-out infinite alternate}
@keyframes glow{from{transform:scale(.8);opacity:.6}to{transform:scale(1.25);opacity:1}}
.mapa .mp-c{fill:none;stroke:#8EC1F7;stroke-width:2.5;stroke-dasharray:var(--c) var(--c);stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(111,168,232,.6))}
.mapa .mp-km rect{fill:#fff}
.mapa .mp-km text{fill:#0A2547;font:800 15px var(--f)}
.mapa .mp-gridl{animation:gridmove 30s linear infinite}
@keyframes gridmove{to{transform:translate(30px,30px)}}
.onas-map figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:14px}
.mp-cap1{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--head)}
.mp-cap1 .i{color:var(--red)}
.mp-cap2{color:var(--muted);font-weight:600}
.onas-area p{margin:0}

/* formularz: kierunek przejscia miedzy krokami (JS: .back) */
.wf.back .fstep.on{animation:fsBack .45s var(--ease-out)}
@keyframes fsBack{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}

/* przejscie koloru tla sekcji przy przewijaniu (data-bgshift: JS ustawia --bgp 0..1) */
[data-bgshift]{background-color:color-mix(in srgb,var(--deep) calc((1 - var(--bgp,1)) * 100%),var(--ink))}

@media (prefers-reduced-motion:reduce){
  .hero-bg img,.kf.is-in .kf-img img,.mapa .mp-radar,.mapa .mp-wave,.mapa .mp-glow,.mapa .mp-gridl{animation:none!important}
  .hero-bg picture{transform:none!important}
  .mapa .mp-wave{display:none}
  [data-tilt]{transform:none!important}
}
@media (min-width:1000px){.oc,.oc--big{grid-column:auto}}
.sh h2 em,.partners-txt h2 em,.onas-txt h2 em{background:linear-gradient(rgba(111,168,232,.32),rgba(111,168,232,.32)) 0 88%/0 .24em no-repeat;transition:background-size 1.1s var(--ease-out) .5s}
.sh--light h2 em{background-image:linear-gradient(rgba(111,168,232,.35),rgba(111,168,232,.35))}
.is-in h2 em,h2.is-in em{background-size:100% .24em}

/* ===================== Runda 5 (09.10.2026) ===================== */
/* mapa: etykieta Piaseczno nad kropka */
.mapa .mp-lab rect,.mapa .mp-lab path{fill:#fff}
.mapa .mp-lab text{fill:#0A2547;font:800 15px var(--f)}
.mapa .mp-lab{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.js .onas-map .mp-lab{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease-out) 1.2s,transform .7s var(--ease-out) 1.2s}
.js .onas-map.is-in .mp-lab{opacity:1;transform:none}
.onas-map figcaption{display:none}

/* jak dzialamy: rowne karty, bez przesuniec */
.tl{align-items:stretch}
.js .tl-step:not(.on) .tl-body{transform:none;opacity:.6}
.tl-time{white-space:nowrap}
@media (min-width:1000px){
  .tl-step{grid-template-rows:auto 1fr;align-items:stretch;justify-items:stretch}
  .tl-dot{justify-self:center}
  .tl-body{height:auto;display:flex;flex-direction:column;align-items:center}
  .tl-body h3{min-height:2.5em;display:flex;align-items:center;justify-content:center}
}

/* oferta: pelne rzedy (2 szersze + 3), tablet 1 + 2 + 2 */
@media (min-width:1000px){
  .oc-grid{grid-template-columns:repeat(6,1fr)}
  .oc,.oc--big{grid-column:span 2}
  .oc:nth-child(-n+2){grid-column:span 3}
  .oc:nth-child(-n+2) .oc-img{aspect-ratio:16/9}
}
@media (min-width:640px) and (max-width:999px){.oc:first-child{grid-column:1 / -1}.oc:first-child .oc-img{aspect-ratio:16/9}}

/* marki: jeden styl */
.brands li,.brands li.hl{background:#fff;border:1.5px solid var(--blue);color:var(--blue-dd)}

/* galeria: siatka z rownymi rzedami (pozycje z Pythona w zmiennych --c/--r i --mc/--mr) */
.gal{display:grid;column-count:auto;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
@media (min-width:1000px){.gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:210px;gap:14px}}
.gal .gt{margin:0;grid-column:var(--mc);grid-row:var(--mr);border-radius:12px;overflow:hidden}
@media (min-width:1000px){.gal .gt{grid-column:var(--c);grid-row:var(--r)}}
.gal .gt a{height:100%;aspect-ratio:auto}
.gal .gt picture,.gal .gt img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.gal .gt figcaption{display:none}

/* opinie: widzet w jednej linii, sekcja premium */
.sec--premium{background:radial-gradient(900px 420px at 15% 0%,rgba(22,81,150,.10),transparent 60%),radial-gradient(800px 400px at 95% 100%,rgba(111,168,232,.14),transparent 60%),linear-gradient(180deg,#F8FAFC,#EEF3FA);padding-block:clamp(72px,9vw,128px)}
.gw{flex-wrap:nowrap;padding:16px 22px;border-radius:14px;box-shadow:0 20px 50px -30px rgba(15,23,42,.35);border-color:#E3E8EF}
.gw-l{display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:6px}
.gw-lab{color:#202124;font:500 .95rem Roboto,Arial,sans-serif}
.gw-n{font:500 1.5rem/1 Roboto,Arial,sans-serif;color:#202124}
.gw-cnt{color:#70757A;font:400 .9rem Roboto,Arial,sans-serif}
.gw-btn{flex:none}
@media (max-width:699px){.gw{flex-wrap:wrap}.gw-btn{width:100%;justify-content:center}}
.sec--premium .gr{box-shadow:0 18px 40px -30px rgba(15,23,42,.35);transition:transform .45s var(--ease-out),box-shadow .45s}
.sec--premium .gr:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(15,23,42,.45)}
.js .sec--premium .gr[data-anim]{transform:translateY(40px) scale(.97)}
.js .sec--premium .gr[data-anim].is-in{transform:none}

/* finalne CTA: telefony w trzech wierszach na pelna szerokosc */
.cs-tels{grid-template-columns:1fr!important;gap:8px}
.cs-tel{padding:12px 16px;min-height:62px}
.cs-tn{flex:1;font-weight:700;color:var(--on-dark);font-size:1rem}
.cs-tel b{font-size:1.15rem}

@media (prefers-reduced-motion:reduce){.js .onas-map .mp-lab{opacity:1;transform:none}}
.cs-ti{display:flex!important;align-items:center;justify-content:center}.cs-ti .i{display:block;margin:0}

/* Finalne CTA, telefony (poprawka 09.10.2026): numer zaraz za imieniem, bez pustego odstępu; numery wyrównane w jednej kolumnie */
.cs-tel{gap:14px}
.cs-tn{flex:none;min-width:7.6em}
.cs-tel b{margin-left:0}

/* ===================== Mega menu "Oferta" (09.10.2026): kafle ze zdjęciami, grupa osłon, karta darmowej wyceny ===================== */
.nav{align-self:stretch;align-items:center}
.nav-dd{position:static;align-self:stretch;align-items:center}
.mg{position:absolute;left:50%;top:100%;margin-top:10px;z-index:120;width:min(var(--maxw),calc(100vw - 2*var(--gut)));
  display:grid;grid-template-columns:minmax(0,1fr) 316px;background:#fff;border-radius:20px;text-align:left;
  box-shadow:0 0 0 1px rgba(15,23,42,.06),0 60px 100px -50px rgba(10,37,71,.6),0 24px 48px -30px rgba(10,37,71,.3);
  opacity:0;visibility:hidden;transform:translate(-50%,16px) scale(.985);transform-origin:50% 0;
  transition:opacity .28s var(--ease),transform .5s var(--ease-out),visibility 0s linear .28s}
.mg::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px}
.nav-dd:hover .mg,.nav-dd:focus-within .mg{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .28s var(--ease),transform .5s var(--ease-out),visibility 0s}
.mg a::after{display:none}
.mg-main{padding:26px 28px 28px;min-width:0;display:flex;flex-direction:column}
.mg-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.mg-eb{margin:0;display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);line-height:1.2}
.mg-eb::before{content:"";width:22px;height:2px;background:currentColor;flex:none}
.mg .mg-all{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:.88rem;font-weight:700;color:var(--blue)}
.mg .mg-all .i{width:16px;height:16px;transition:transform .35s var(--ease-out)}
.mg .mg-all:hover .i{transform:translateX(4px)}
.mg-cards{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr auto auto;gap:0 16px}
.mg .mg-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;padding:0;border-radius:14px;color:var(--head);font-size:1rem}
.mg-ph{display:block;position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#E3ECF7,#F4F7FB)}
.mg-ph picture,.mg-ph img{width:100%;height:100%}
.mg-ph img{object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .5s var(--ease),transform .9s var(--ease-out)}
.mg-ph img.is-in{opacity:1}
.mg-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,37,71,.42));opacity:0;transition:opacity .45s}
.mg .mg-card:hover .mg-ph img,.mg .mg-mini:hover .mg-ph img{transform:scale(1.08)}
.mg .mg-card:hover .mg-ph::after{opacity:1}
.mg .mg-card .mg-ph{aspect-ratio:auto;height:100%;min-height:150px}
.mg .mg-card[aria-current] .mg-ph{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}
.mg-t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-weight:700;line-height:1.25}
.mg-t .i{width:18px;height:18px;flex:none;color:var(--blue);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .45s var(--ease-out)}
.mg .mg-card:hover .mg-t .i,.mg .mg-card:focus-visible .mg-t .i{opacity:1;transform:none}
.mg .mg-card:hover,.mg .mg-card[aria-current]{color:var(--blue)}
.mg .mg-card small,.mg .mg-mini small{display:block;margin-top:3px;color:var(--muted);font-size:.8rem;font-weight:500;line-height:1.4}
.mg-grp{margin-top:22px;padding:16px 16px 18px;border-radius:16px;background:var(--light);border:1px solid var(--line)}
.mg-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.mg .mg-mini{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--head);font-size:.95rem;line-height:1.25;
  transition:border-color .3s,box-shadow .45s var(--ease-out),transform .45s var(--ease-out),color .3s}
.mg .mg-mini:hover,.mg .mg-mini[aria-current]{border-color:rgba(22,81,150,.4);color:var(--blue)}
.mg .mg-mini:hover{box-shadow:0 18px 30px -22px rgba(10,37,71,.5);transform:translateY(-2px)}
.mg .mg-mini b{display:block;font-weight:700}
.mg .mg-mini small{font-size:.76rem;margin-top:2px}
.mg-ph--s{width:60px;flex:none;aspect-ratio:1;border-radius:10px}
.mg-cta{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding:28px 26px 26px;border-radius:0 20px 20px 0;color:var(--on-dark);
  background:radial-gradient(120% 80% at 100% 0,rgba(111,168,232,.3),transparent 60%),linear-gradient(160deg,var(--deep) 0%,var(--blue-d) 100%)}
.mg-cta .mg-eb{color:var(--blue-lite)}
.mg-cta-h{margin:12px 0 18px;color:#fff;font-size:1.32rem;font-weight:800;line-height:1.22;letter-spacing:-.01em}
.mg-cta ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:11px;font-size:.9rem;line-height:1.35}
.mg-cta li{display:flex;align-items:center;gap:10px}
.mg-cta li .i{width:18px;height:18px;flex:none;color:var(--blue-lite)}
.mg-op{margin:0 0 22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.mg-op-s{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.76rem;font-weight:700;color:var(--on-dark-m)}
.mg-op .stars{display:flex;gap:2px}.mg-op .st{width:14px;height:14px;color:var(--star);fill:currentColor}
.mg-hrs-t{margin:16px 0 8px;color:var(--on-dark-m);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mg-hrs{margin:0;display:grid;gap:6px;font-size:.88rem}
.mg-hrs div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px dashed rgba(255,255,255,.14)}
.mg-hrs div:last-child{border-bottom:0;padding-bottom:0}
.mg-hrs dt{color:var(--on-dark)}.mg-hrs dd{margin:0;color:#fff;font-weight:700;white-space:nowrap}
.mg .mg-btn{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;margin-top:auto;padding:14px 18px;border-radius:var(--r);background:#fff;color:var(--deep);font-size:.95rem;font-weight:800;
  transition:background .3s,color .3s}
.mg .mg-btn .i{width:18px;height:18px;transition:transform .35s var(--ease-out)}
.mg .mg-btn:hover{background:var(--blue-lite);color:var(--deep)}
.mg .mg-btn:hover .i{transform:translateX(4px)}
.mg .mg-tel{display:flex;align-items:center;gap:12px;margin-top:16px;padding:0;color:#fff;font-size:1.05rem;font-weight:800;line-height:1.2}
.mg .mg-tel small{display:block;margin-bottom:2px;color:var(--on-dark-m);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mg .mg-tel .i{width:40px;height:40px;padding:11px;flex:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .3s}
.mg .mg-tel:hover{color:#fff}
.mg .mg-tel:hover .i{background:var(--blue)}
/* wejście: kafle i karta pojawiają się kolejno */
.mg-cards>*,.mg-grp,.mg-cta>*{opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .55s var(--ease-out)}
.nav-dd:hover .mg-cards>*,.nav-dd:hover .mg-grp,.nav-dd:hover .mg-cta>*,
.nav-dd:focus-within .mg-cards>*,.nav-dd:focus-within .mg-grp,.nav-dd:focus-within .mg-cta>*{opacity:1;transform:none;transition-delay:calc(var(--i,0)*45ms + 70ms)}
.nav-dd:hover .mg-cta>*,.nav-dd:focus-within .mg-cta>*{transition-delay:160ms}
@media (max-width:1279px){.mg{grid-template-columns:minmax(0,1fr) 280px}.mg-main{padding:22px 22px 24px}.mg-cards{gap:12px}.mg-cta{padding:24px 22px 22px}.mg .mg-btn{font-size:.86rem;padding:14px 12px}}
@media (prefers-reduced-motion:reduce){.mg,.mg *,.mg-cards>*,.mg-grp,.mg-cta>*{transition:none!important}}
/* menu mobilne: grupa rolety, żaluzje, moskitiery */
.mnav-h2{margin:12px 0 6px;font-size:.78rem;font-weight:700;color:var(--muted)}
.mnav-kat--3 a:last-child:nth-child(odd){grid-column:1 / -1}

/* mapa zasięgu: prawdziwe drogi i rzeki pod okręgiem 60 km (09.10.2026) */
.mapa .mp-osm{fill:#fff;fill-opacity:.32;font-size:10px;font-weight:600}
.js .onas-map .mp-drogi{opacity:0;transition:opacity 1.4s var(--ease) .1s}
.js .onas-map.is-in .mp-drogi{opacity:1}

/* ===================== Finalne CTA, wariant B (09.10.2026): zdjęcie pod całą sekcją, wyróżniki i kafle z telefonami ===================== */
.cs-full{position:relative;isolation:isolate;overflow:hidden;background:var(--deep)!important}
.cs-photo{position:absolute;inset:0;z-index:-1}
.cs-photo picture,.cs-photo img{width:100%;height:100%}
.cs-photo img{object-fit:cover;object-position:30% 60%}
.cs-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,52,.93) 0%,rgba(10,37,71,.84) 55%,rgba(10,37,71,.7) 100%)}
.cs-full .cs-l,.cs-full .cs-r{background:none!important}
.cs-full .cs-l{display:flex;align-items:center}
.cs-lead{color:var(--on-dark);font-size:1.1rem;line-height:1.6;margin:.4rem 0 1.6rem;max-width:30em}
.cs-fakty{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cs-fakty li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:.92rem;line-height:1.2}
.cs-fakty .i{width:18px;height:18px;flex:none;color:var(--blue-lite)}
.cs-fakty b{font-weight:700}
.cs-tk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cs-tk a{display:block;height:100%;padding:14px 16px;border-radius:14px;background:rgba(8,26,52,.55);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;transition:border-color .3s,background .3s,transform .45s var(--ease-out)}
.cs-tk small{display:block;color:var(--on-dark-m);font-size:.8rem;font-weight:600}
.cs-tk b{display:block;margin-top:2px;font-size:1.12rem;font-weight:800;white-space:nowrap;transition:color .3s}
.cs-tk a:hover{color:#fff;border-color:rgba(111,168,232,.6);background:rgba(22,81,150,.45);transform:translateY(-3px)}
.cs-tk a:hover b{color:var(--blue-lite)}
@media (min-width:1000px){
  .cs-photo::after{background:linear-gradient(90deg,rgba(8,26,52,.95) 0%,rgba(10,37,71,.82) 45%,rgba(10,37,71,.35) 100%)}
}
@media (max-width:999px){.cs-full .cs-l,.cs-full .cs-r{margin-inline:0;padding-inline:0}}
@media (max-width:599px){
  .cs-fakty{grid-template-columns:1fr}
  .cs-fakty li{flex-direction:row;align-items:center;padding:12px 16px}
  .cs-tk{grid-template-columns:1fr}
  .cs-tk a{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .cs-tk b{margin:0}
}

/* galeria z 1-2 zdjeciami (rolety, moskitiery): dwie szersze kolumny */
@media (min-width:1000px){.gal--2{grid-template-columns:repeat(2,1fr);grid-auto-rows:340px}}

/* ===================== Landingi kategorii (09.10.2026): poradnik premium i oferta w kartach z granatem ===================== */
/* poradnik "Jak wybrać": numer, granatowa ikona, linia rysowana przy wejściu, światło za kursorem */
.sec--porad{background:radial-gradient(900px 420px at 10% 0%,rgba(22,81,150,.08),transparent 60%),radial-gradient(800px 420px at 100% 100%,rgba(111,168,232,.14),transparent 60%),var(--light)}
.pr-grid{gap:18px}
@media (min-width:1000px){.pr-grid{gap:22px}}
.pr{position:relative;overflow:hidden;isolation:isolate;padding:30px 28px 28px;border-radius:18px;background:#fff;border:1px solid var(--line);
  box-shadow:0 24px 44px -36px rgba(15,23,42,.4)}
.pr::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-lite));transform:scaleX(0);transform-origin:left;
  transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--d,0s) + .35s)}
.pr.is-in::before,html:not(.js) .pr::before{transform:none}
.pr::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(111,168,232,.2),transparent 65%);opacity:0;transition:opacity .4s}
.pr:hover::after{opacity:1}
.pr:hover{border-color:rgba(22,81,150,.35);box-shadow:0 34px 60px -34px rgba(10,37,71,.45)}
.pr-n{position:absolute;top:14px;right:20px;font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(22,81,150,.16);transition:-webkit-text-stroke-color .4s}
.pr:hover .pr-n{-webkit-text-stroke-color:rgba(22,81,150,.4)}
.pr-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;
  box-shadow:0 16px 28px -14px rgba(22,81,150,.85);transition:transform .6s var(--ease-out)}
.pr-ic .i{width:24px;height:24px}
.js .pr .pr-ic{transform:scale(.6) rotate(-12deg);transition:transform .9s var(--ease-out);transition-delay:calc(var(--d,0s) + .2s)}
.js .pr.is-in .pr-ic{transform:none}
.js .pr.is-in:hover .pr-ic{transform:rotate(-6deg) scale(1.06);transition-delay:0s}
.pr h3{margin:20px 0 .5rem;font-size:1.15rem}
.pr p{margin:0;font-size:.95rem;line-height:1.65}

/* oferta kategorii: karty jednego rozmiaru, zdjęcie + granatowy panel */
.rw-list{gap:clamp(22px,3vw,34px)}
@media (min-width:900px){.rw-list{grid-auto-rows:1fr}}
.rw--card{display:grid;gap:0;align-items:stretch;border-radius:22px;overflow:hidden;background:var(--deep);box-shadow:0 40px 70px -48px rgba(10,37,71,.65)}
.rw--card .rw-img,.rw--card .rw-img--pion{position:relative;width:100%;justify-self:stretch;aspect-ratio:4/3;border-radius:0;background:#0B1322;overflow:hidden}
.rw--card .rw-img>picture{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}
.rw--card .rw-img img,.rw--card .rw-img--pion img{width:100%;height:100%;max-width:none;object-fit:cover}
.rw--card .rw-img--pion>picture img{object-fit:contain}
.rw-blur{position:absolute;inset:0}
.rw-blur picture,.rw-blur img{display:block;width:100%;height:100%}
.rw--card .rw-blur img{object-fit:cover;filter:blur(18px) brightness(.5) saturate(1.15);transform:scale(1.2)!important}
.rw--card:hover .rw-img>picture{transform:scale(1.04)}
.rw--card .rw-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(26px,4vw,56px);color:var(--on-dark);
  background:radial-gradient(620px 420px at 100% 0%,rgba(111,168,232,.2),transparent 60%),linear-gradient(160deg,var(--deep) 0%,var(--blue-d) 100%)}
.rw--card.rw--rev .rw-body{background:radial-gradient(620px 420px at 0% 0%,rgba(111,168,232,.2),transparent 60%),linear-gradient(200deg,var(--deep) 0%,var(--blue-d) 100%)}
.rw-kat{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--blue-lite);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.rw-kat span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:10px;border:1px solid rgba(111,168,232,.5);color:#fff;font-size:.82rem;letter-spacing:.04em}
.rw--card .rw-body h3{color:#fff;font-size:clamp(1.45rem,1.2vw + 1rem,2rem);margin:0 0 .7rem}
.rw--card .rw-body>p:not(.rw-kat):not(.rw-lab){color:var(--on-dark);opacity:.86;font-size:1rem;line-height:1.7;margin:0 0 1.3rem;max-width:34em}
.rw--card .rw-lab{color:var(--on-dark-m);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem!important}
.rw--card .rw-body .brands{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.rw--card .rw-body .brands li,.rw--card .rw-body .brands li.hl{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:700}
.rw--card .rw-cta{margin-top:auto}
@media (min-width:900px){
  .rw--card{grid-template-columns:1fr 1fr;min-height:440px}
  .rw--card.rw--rev .rw-img{order:2}
  .rw--card .rw-img,.rw--card .rw-img--pion{aspect-ratio:auto;height:100%;min-height:440px}
  .rw--card .rw-cta{margin-top:0}
}

/* karty oferty: przycisk i linki do landingów w jednym rzędzie */
.rw-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.rw-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.rw-links a{display:inline-flex;align-items:center;gap:6px;color:var(--blue-lite);font-weight:700;font-size:.92rem}
.rw-links a .i{width:15px;height:15px;transition:transform .35s var(--ease-out)}
.rw-links a:hover{color:#fff}
.rw-links a:hover .i{transform:translateX(4px)}

/* ===================== Spokojniej (12.10.2026): łagodne wejścia, galeria z przyciskiem, niższe karty oferty ===================== */
.js [data-split]{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.js [data-split].is-in{opacity:1;transform:none}
.js [data-anim=clip]::after{display:none}
.js [data-anim=clip]{opacity:0;transition:opacity 1s var(--ease-out);transition-delay:var(--d,0s)}
.js [data-anim=clip].is-in{opacity:1}
.js [data-anim=clip] img{transform:scale(1.04);transition:transform 1.4s var(--ease-out)}
.js [data-anim=up]{transform:translateY(22px)}
@media (prefers-reduced-motion:reduce){.js [data-split],.js [data-anim=clip]{opacity:1!important;transform:none!important}}
.gal--more{margin-top:12px}
@media (min-width:1000px){.gal--more{margin-top:14px}}
.gal-more-p{margin:28px 0 0}
@media (min-width:900px){.rw--card{min-height:400px}.rw--card .rw-img,.rw--card .rw-img--pion{min-height:400px}}

/* ===================== Schludniej, w duchu starej strony (12.10.2026): jasne "Jak działamy", karty, spokojne kafle ===================== */
.sec--proces .tl-line{background:var(--line)}
.sec--proces .tl-line i{background:linear-gradient(90deg,var(--blue),var(--blue-lite))}
@media (max-width:999px){.sec--proces .tl-line i{background:linear-gradient(180deg,var(--blue),var(--blue-lite))}}
.sec--proces .tl-dot{background:#fff;border:2px solid var(--line);box-shadow:0 14px 28px -20px rgba(15,23,42,.45)}
.sec--proces .tl-ic .i{color:var(--blue)}
.sec--proces .tl-step.on .tl-dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 8px rgba(22,81,150,.1)}
.sec--proces .tl-step.on .tl-ic .i{color:#fff}
.sec--proces .tl-n{background:var(--blue);color:#fff;box-shadow:0 4px 10px rgba(22,81,150,.3)}
.sec--proces .tl-body{background:#fff;border:1px solid var(--line);box-shadow:0 24px 44px -36px rgba(15,23,42,.4)}
.sec--proces .tl-step.on .tl-body{background:#fff;border-color:rgba(22,81,150,.3)}
.js .sec--proces .tl-step:not(.on) .tl-body{opacity:1;transform:none}
.sec--proces .tl-time{background:#EEF4FB;color:var(--blue)}
.sec--proces .tl-body h3{color:var(--head)}
.sec--proces .tl-body p:last-child{color:var(--text)}
.sec--proces .tl-tel{color:var(--head)}
.sec--proces .tl-tel .i{color:var(--blue)}
/* kafle "Dlaczego": bez ciągłego przybliżania zdjęć, niższe zdjęcia na telefonie */
.kf.is-in .kf-img img{animation:none}
@media (max-width:599px){.kf-img{aspect-ratio:16/9}}
/* "Działamy w Twojej okolicy?" jako jasna karta z pinezką */
.onas-area{position:relative;border-left:0;margin:10px 0 6px;padding:16px 18px 16px 58px;border-radius:14px;background:var(--light);border:1px solid var(--line)}
.onas-area>.i{position:absolute;left:16px;top:17px;width:28px;height:28px;padding:6px;border-radius:50%;background:var(--blue);color:#fff}
.sec--proces .tl-tel b{color:var(--head)}
.sec--proces .tl-tel:hover b{color:var(--blue)}

/* karty oferty: jaśniejszy, firmowy niebieski zamiast granatu (12.10.2026) */
.rw--card{background:#1B5CA8}
.rw--card .rw-body{background:radial-gradient(620px 420px at 100% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(160deg,#165196 0%,#2B70C2 100%)}
.rw--card.rw--rev .rw-body{background:radial-gradient(620px 420px at 0% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(200deg,#165196 0%,#2B70C2 100%)}
.rw--card .rw-kat{color:#D6E7FB}
.rw--card .rw-kat span{border-color:rgba(255,255,255,.55)}
.rw--card .rw-body>p:not(.rw-kat):not(.rw-lab){color:#fff;opacity:.92}
.rw--card .rw-lab{color:rgba(255,255,255,.78)}
.rw--card .rw-body .brands li,.rw--card .rw-body .brands li.hl{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.rw--card .rw-links a{color:#E3EFFD}
.rw--card .rw-links a:hover{color:#fff}

/* karty oferty: jasny panel (prawie biel z nutą niebieskiego), ciemny tekst (12.10.2026) */
.rw--card{background:#F3F7FC;border:1px solid #DCE7F5;box-shadow:0 34px 64px -46px rgba(10,37,71,.4)}
.rw--card .rw-body{color:var(--text);background:radial-gradient(620px 420px at 100% 0%,rgba(22,81,150,.09),transparent 60%),linear-gradient(160deg,#F7FAFE 0%,#EAF2FB 100%)}
.rw--card.rw--rev .rw-body{background:radial-gradient(620px 420px at 0% 0%,rgba(22,81,150,.09),transparent 60%),linear-gradient(200deg,#F7FAFE 0%,#EAF2FB 100%)}
.rw--card .rw-kat{color:var(--blue)}
.rw--card .rw-kat span{border-color:rgba(22,81,150,.35);color:var(--blue-dd);background:#fff}
.rw--card .rw-body h3{color:var(--head)}
.rw--card .rw-body>p:not(.rw-kat):not(.rw-lab){color:var(--text);opacity:1}
.rw--card .rw-lab{color:var(--muted)}
.rw--card .rw-body .brands li,.rw--card .rw-body .brands li.hl{background:#fff;border:1.5px solid var(--blue);color:var(--blue-dd)}
.rw--card .rw-links a{color:var(--blue)}
.rw--card .rw-links a:hover{color:var(--blue-dd)}
.rw--card .rw-img,.rw--card .rw-img--pion{background:#E6EEF8}
.rw--card .rw-blur img{filter:blur(18px) brightness(1.05) saturate(.9);opacity:.55}

/* galeria: pionowe zdjęcia (drzwi) w całości, rozmyte jasne tło po bokach (12.10.2026) */
.gal .gt--pion a{position:relative;display:block;background:#E6EEF8}
.gal .gt--pion a>picture{position:relative;z-index:1}
.gal .gt--pion a>picture img{object-fit:contain;object-position:50% 50%;background:none}
.gt-blur{position:absolute;inset:0;overflow:hidden}
.gt-blur picture,.gt-blur img{display:block;width:100%;height:100%}
.gal .gt-blur img{object-fit:cover;filter:blur(16px) brightness(1.05) saturate(.9);opacity:.55;transform:scale(1.2)!important}
.gal .gt--pion a:hover>picture img{transform:scale(1.02)}
.gal .gt .gt-zoom{z-index:2}
/* galeria: pionowe zdjęcia wypełniają cały kafel (wyższy kafel na komputerze), bez rozmytych pasów (12.10.2026) */
.gal .gt--pion a{background:none}
.gal .gt--pion a>picture img{object-fit:cover;object-position:50% 50%}
/* karty oferty: pionowe zdjęcia też wypełniają cały kafel, bez rozmytych pasów (12.10.2026) */
.rw--card .rw-img--pion>picture img{object-fit:cover;object-position:50% 40%}
.rw--card .rw-img,.rw--card .rw-img--pion{background:var(--light2)}

/* ===================== Galeria (12.10.2026): kafle w proporcjach zdjęć, kolumny wyrównane, bez rozciągania ===================== */
.gal-box{container-type:inline-size}
.gal,.gal--2,.gal--more{--n:2;--g:12px;display:grid;column-count:auto;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:var(--g);row-gap:0;
  grid-auto-rows:calc((100cqw - (var(--n) - 1) * var(--g)) / var(--n) / 40)}
.gal .gt{margin:0 0 var(--g);grid-column:var(--mc);grid-row:var(--mr)}
@media (min-width:1000px){
  .gal{--n:3;--g:14px}
  .gal.gal--2{--n:2}
  .gal .gt{grid-column:var(--c);grid-row:var(--r)}
}
.gal--more{margin-top:0}
.gal .gt a,.gal .gt picture{display:block;height:100%}
.gal .gt img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
/* mapa zasięgu: miejscowości (12.10.2026) */
.mapa .mp-md{fill:#E8EEF6;stroke:#081E3B;stroke-width:1.5}
.mapa .mp-mn{fill:#DCE8F7;font-size:13px;font-weight:600;paint-order:stroke;stroke:#081E3B;stroke-width:3.5px;stroke-linejoin:round}
.mapa .mp-mn--big{font-size:15px;font-weight:800;fill:#fff}
.js .onas-map .mp-miasta{opacity:0;transition:opacity 1s var(--ease) .6s}
.js .onas-map.is-in .mp-miasta{opacity:1}

/* ===================== Czysto, biało, premium (13.10.2026): wszystkie strony oprócz /dziekujemy ===================== */
.ftr-logo-d{display:none}
body:not([data-page=thanks]){--line:#E7EDF4;--sec:clamp(64px,8.5vw,120px);
  --card-sh:0 1px 2px rgba(15,23,42,.04),0 18px 40px -30px rgba(15,23,42,.22)}
/* tła sekcji: biel, oddzielone cienką linią */
body:not([data-page=thanks]) .sec--light,body:not([data-page=thanks]) .sec--porad,body:not([data-page=thanks]) .sec--proces,
body:not([data-page=thanks]) .partners{background:#fff}
body:not([data-page=thanks]) main>.sec+.sec,body:not([data-page=thanks]) main>.partners+.sec{border-top:1px solid var(--line)}
body:not([data-page=thanks]) .partners{border-bottom:1px solid var(--line)}
/* nagłówki: bez podkreślenia markerem, spokojniejsza waga, więcej oddechu */
body:not([data-page=thanks]) .sh h2 em,body:not([data-page=thanks]) .partners-txt h2 em,body:not([data-page=thanks]) .onas-txt h2 em{background:none!important}
body:not([data-page=thanks]) .sec h2,body:not([data-page=thanks]) .partners-txt h2{font-weight:700;letter-spacing:-.025em}
body:not([data-page=thanks]) .sh{margin-bottom:clamp(36px,4.5vw,64px)}
body:not([data-page=thanks]) .sh .lead{color:var(--muted);max-width:58ch}
/* karty: cienka ramka, delikatny cień, jeden promień */
body:not([data-page=thanks]) .kf,body:not([data-page=thanks]) .pr,body:not([data-page=thanks]) .po,body:not([data-page=thanks]) .tl-body,
body:not([data-page=thanks]) .fq-aside{border:1px solid var(--line);border-radius:16px;box-shadow:var(--card-sh)}
body:not([data-page=thanks]) .rw--card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--card-sh)}
body:not([data-page=thanks]) .rw--card .rw-body,body:not([data-page=thanks]) .rw--card.rw--rev .rw-body{background:linear-gradient(160deg,#fff 0%,#F4F8FD 100%)}
body:not([data-page=thanks]) .kf:hover,body:not([data-page=thanks]) .pr:hover,body:not([data-page=thanks]) .po:hover{box-shadow:0 1px 2px rgba(15,23,42,.04),0 26px 50px -30px rgba(15,23,42,.3)}
/* "Jak wybrać": ikony w jasnym kwadracie zamiast granatowego, cichsze numery i linia */
body:not([data-page=thanks]) .pr-ic{background:#EEF4FB;color:var(--blue);box-shadow:none}
body:not([data-page=thanks]) .pr-n{-webkit-text-stroke-color:rgba(22,81,150,.1)}
body:not([data-page=thanks]) .pr::before{height:2px;background:var(--blue)}
body:not([data-page=thanks]) .pr::after{display:none}
/* "Jak działamy": jaśniejsze kółka */
body:not([data-page=thanks]) .sec--proces .tl-dot{box-shadow:0 8px 20px -14px rgba(15,23,42,.35)}
/* producenci: lżejsze kafle logotypów */
body:not([data-page=thanks]) .partners .lg{border-color:var(--line);box-shadow:none}
/* FAQ: cienkie ikony plus zamiast pełnych kółek */
body:not([data-page=thanks]) .fq{border-radius:12px}
body:not([data-page=thanks]) .fq[open]{background:#F7FAFE;border-color:#D6E3F2}
body:not([data-page=thanks]) .fq summary i{background:none;border:1.5px solid rgba(22,81,150,.45)}
body:not([data-page=thanks]) .fq summary i::before,body:not([data-page=thanks]) .fq summary i::after{background:var(--blue);width:10px;margin:-1px -5px}
body:not([data-page=thanks]) .fq-aside{background:#F7FAFE}
/* "O nas": karta okolicy bez tła */
body:not([data-page=thanks]) .onas-area{background:#fff}
/* stopka jasna, jak na starej stronie */
body:not([data-page=thanks]) .ftr{background:#F7F9FC;color:var(--muted);border-top:1px solid var(--line)}
body:not([data-page=thanks]) .ftr-logo-l{display:none}
body:not([data-page=thanks]) .ftr-logo-d{display:block;width:150px;height:auto;margin-bottom:16px}
body:not([data-page=thanks]) .ftr .eyebrow{color:var(--blue)}
body:not([data-page=thanks]) .ftr a{color:var(--head)}
body:not([data-page=thanks]) .ftr ul a::after{background:var(--blue)}
body:not([data-page=thanks]) .ftr ul a:hover{color:var(--blue)}
body:not([data-page=thanks]) .ftr-contact .i{color:var(--blue)}
body:not([data-page=thanks]) .ftr-contact small{color:var(--muted)}
body:not([data-page=thanks]) .ftr-contact b,body:not([data-page=thanks]) .ftr-hrs li b{color:var(--head)}
body:not([data-page=thanks]) .ftr-hrs span{color:var(--muted)}
body:not([data-page=thanks]) .ftr-soc a{color:var(--blue);border:1.5px solid rgba(22,81,150,.35)}
body:not([data-page=thanks]) .ftr-soc a:hover{color:#fff;border-color:var(--blue)}
body:not([data-page=thanks]) .ftr-bot{border-top-color:var(--line)}
body:not([data-page=thanks]) .ftr-bot a,body:not([data-page=thanks]) .ftr-bot .linkbtn{color:var(--muted)}
body:not([data-page=thanks]) .ftr-bot a:hover,body:not([data-page=thanks]) .ftr-bot .linkbtn:hover{color:var(--blue)}

/* ===================== Katalog drzwi zewnętrznych (13.10.2026) ===================== */
/* zajawka na landingu */
.kz-row{display:flex;gap:clamp(10px,1.4vw,18px);align-items:flex-end;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.kz-d{--h:250px;flex:0 0 auto;width:calc(var(--h) * var(--ar));scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;color:var(--head);text-align:center}
@media (min-width:1000px){.kz-row{justify-content:center;overflow:visible}.kz-d{--h:min(215px,15vw)}}
.kz-d img{width:100%;height:var(--h);object-fit:contain;transition:transform .5s var(--ease-out)}
.kz-d:hover img{transform:translateY(-6px)}
.kz-d span{display:block;margin-top:10px;font-size:.8rem;line-height:1.3;color:var(--muted)}
.kz-d b{display:block;color:var(--head);font-size:.86rem}
.kz-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(22px,3vw,36px)}
.kz-marki{margin:0;color:var(--muted);font-size:.9rem;text-align:center}
/* strona katalogu: wstęp */
.kat-hero{padding:clamp(28px,4vw,52px) 0 clamp(18px,2.5vw,30px);text-align:center;background:#fff}
.kat-crumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:.85rem;color:var(--muted);margin-bottom:clamp(18px,2.5vw,28px)}
.kat-crumbs a{color:var(--muted)}.kat-crumbs a:hover{color:var(--blue)}.kat-crumbs b{color:var(--head);font-weight:600}
.kat-hero .eyebrow{justify-content:center}
.kat-hero h1{font-size:clamp(2rem,3vw + 1rem,3.2rem);font-weight:700;letter-spacing:-.025em;margin:0 0 .6rem}
.kat-hero h1 em{font-style:normal;color:var(--blue)}
.kat-hero .lead{max-width:64ch;margin:0 auto;color:var(--muted)}
.kat-logos{list-style:none;margin:clamp(20px,3vw,32px) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kat-logos li{display:flex;align-items:center;justify-content:center;height:52px;min-width:104px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.kat-logos img{max-height:30px;max-width:96px;width:auto;height:auto;object-fit:contain}
.kat-logos span{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;color:#1D2A44}
/* układ */
.kat{padding:clamp(10px,2vw,24px) 0 clamp(56px,7vw,96px);background:#fff;border-bottom:1px solid var(--line)}
.kat-in{display:grid;gap:28px;align-items:start}
@media (min-width:1000px){.kat-in{grid-template-columns:260px minmax(0,1fr);gap:36px}}
/* filtry */
.kat-side{background:#fff}
.kat-side-top,.kat-side-bot{display:none}
@media (min-width:1000px){.kat-side{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;padding-right:6px;scrollbar-width:thin}}
.kf-g{border:0;margin:0 0 22px;padding:0}
.kf-g legend{padding:0;margin:0 0 10px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.kf-l{display:grid;gap:6px}
.kf-b{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--head);font-size:.92rem;font-weight:600;text-align:left;transition:border-color .2s,background .2s}
.kf-b span{flex:1}
.kf-b .kfc{font-style:normal;font-size:.78rem;font-weight:700;color:var(--muted)}
.kf-b:hover{border-color:rgba(22,81,150,.4)}
.kf-b.on{border-color:var(--blue);background:#EEF4FB;color:var(--blue-dd);box-shadow:inset 0 0 0 1px var(--blue)}
.kf-b.zero{opacity:.45}
.kf-sw{width:18px;height:18px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,23,42,.18)}
.kf-sw--kolor{background:conic-gradient(#2E7D4F,#2F5FA8,#9B2C2C,#C08A2E,#2E7D4F)}
.kf-ext{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.84rem;font-weight:600;color:var(--blue)}
.kf-ext .i{width:14px;height:14px}
/* pasek wyszukiwania */
.kat-bar1{display:flex;gap:10px;margin-bottom:14px}
.kat-q{flex:1;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.kat-q:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,81,150,.12)}
.kat-q .i{width:20px;height:20px;color:var(--muted);flex:none}
.kat-q input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:1rem;color:var(--head);min-width:0}
.kat-fbtn{display:inline-flex;align-items:center;gap:8px;padding:0 16px;min-height:52px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--head);font-weight:700}
.kat-fbtn .i{width:18px;height:18px;color:var(--blue)}
.kat-fbtn b{color:var(--blue)}
@media (min-width:1000px){.kat-fbtn{display:none}}
.kat-bar2{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px}
.kat-bar2>p{margin:0;color:var(--muted);font-size:.95rem}.kat-bar2>p b{color:var(--head);font-size:1.15rem}
.kat-chips{flex:1;display:flex;flex-wrap:wrap;gap:6px}
.kc{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(22,81,150,.35);border-radius:8px;background:#fff;color:var(--blue-dd);font-size:.82rem;font-weight:600}
.kc i{font-style:normal;font-size:1rem;line-height:1;color:var(--muted)}
.kc--clear{border-color:transparent;color:var(--muted);text-decoration:underline}
.kat-sort{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted)}
.kat-sort select{font:inherit;font-weight:600;color:var(--head);padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
/* siatka "jak w salonie" */
.kat-grid{display:grid;gap:clamp(10px,1.4vw,16px)}
.kr{display:flex;gap:clamp(10px,1.4vw,16px);align-items:flex-end}
.kd{position:relative;flex:none;margin:0}
.kd-img{display:flex;align-items:flex-end;justify-content:center;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.kd-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s var(--ease-out)}
.kd:hover .kd-img img{transform:translateY(-4px)}
.kd figcaption{padding:8px 2px 0;font-size:.78rem;line-height:1.3;color:var(--muted);min-height:44px}
.kd figcaption b{display:block;color:var(--head);font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd figcaption span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-fav{position:absolute;top:6px;right:6px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.92);color:var(--muted);opacity:0;transition:opacity .2s,color .2s}
.kd:hover .kd-fav,.kd-fav.on,.kd-fav:focus-visible{opacity:1}
@media (hover:none){.kd-fav{opacity:1}}
.kd-fav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.kd-fav.on{color:#D9534F;border-color:#F3C9C7}.kd-fav.on svg{fill:currentColor}
.kat-more{display:flex;margin:28px auto 0}
.kat-empty{padding:40px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.kat-empty b{color:var(--head)}
.kat-note{margin:28px 0 0;font-size:.82rem;color:var(--muted);text-align:center}
/* pasek wybranych */
.kat-selbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -14px 30px -24px rgba(15,23,42,.5)}
.kat-selbar[hidden]{display:none}
.kat-selbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding-top:8px;padding-bottom:8px}
.kat-selbar-l{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kat-selbar-l p{margin:0;font-size:.95rem;color:var(--head)}
.kat-selbar-img{display:flex;gap:4px}
.kat-selbar-img img{height:44px;width:auto}
.kat-link{border:0;background:none;padding:4px 2px;color:var(--blue);font-weight:600;font-size:.88rem;text-decoration:underline}
@media (max-width:999px){body.kat-has-bar .mbar{display:none!important}.kat-selbar-img{display:none}}
body.kat-has-bar .ftr{padding-bottom:84px}
body.kat-lock{overflow:hidden}
/* filtry na telefonie: arkusz od dołu */
@media (max-width:999px){
  .kat-side{position:fixed;left:0;right:0;bottom:0;z-index:130;max-height:86vh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;box-shadow:0 -20px 60px rgba(10,37,71,.3);transform:translateY(105%);transition:transform .35s var(--ease-out);visibility:hidden}
  .kat-side.open{transform:none;visibility:visible}
  .kat-side-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:1.05rem}
  .kat-side-x{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}
  .kat-side-in{overflow:auto;padding:18px 20px}
  .kat-side-bot{display:block;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .kat-side-bot .btn{width:100%}
  .kf-l--c{grid-template-columns:1fr 1fr}
  .kat-scrim{position:fixed;inset:0;z-index:125;background:rgba(8,26,52,.45)}
}
/* podgląd */
.klb{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:clamp(0px,2vw,28px);background:rgba(8,26,52,.62);backdrop-filter:blur(4px)}
.klb[hidden]{display:none}
.klb-box{position:relative;display:grid;width:min(1100px,100%);max-height:100%;overflow:auto;background:#fff;border-radius:clamp(0px,2vw,20px)}
@media (min-width:860px){.klb-box{grid-template-columns:1.1fr 1fr;height:min(88vh,820px)}}
.klb-img{display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,40px);background:linear-gradient(180deg,#F7FAFE,#EEF3FA);min-height:52vh}
.klb-img img{max-width:100%;max-height:calc(min(88vh,820px) - 80px);width:auto;height:auto;object-fit:contain}
@media (max-width:859px){.klb-img img{max-height:56vh}}
.klb-info{display:flex;flex-direction:column;padding:clamp(22px,3vw,44px)}
.klb-m{margin:0 0 6px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.klb-n{margin:0 0 16px;font-size:clamp(1.6rem,2vw + 1rem,2.4rem);font-weight:700}
.klb-ch{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.klb-ch li{padding:5px 10px;border:1px solid var(--line);border-radius:8px;font-size:.84rem;color:var(--text);background:#F7FAFE}
.klb-btns{display:grid;gap:10px}
.klb-btns .btn{width:100%;justify-content:center}
.klb-fav{display:inline-flex;align-items:center;gap:8px}
.klb-fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.klb-fav.on{color:#D9534F;border-color:#F3C9C7}.klb-fav.on svg{fill:currentColor}
.klb-hint{margin:14px 0 0;font-size:.84rem;color:var(--muted)}
.klb-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px}
.klb-nav button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--head)}
.klb-nav button:hover{border-color:var(--blue);color:var(--blue)}
.klb-pos{font-size:.88rem;color:var(--muted)}
.klb-x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--head)}
/* wybrane w formularzu */
.form-wzory{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#F7FAFE;color:var(--head)}
.form-wzory[hidden]{display:none}
.form-wzory p{margin:0 0 8px;font-size:.84rem;font-weight:700}
.form-wzory ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.form-wzory li{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.8rem;line-height:1.2}
.form-wzory li img{height:38px;width:auto}
.form-wzory li b{display:block}

/* ===================== Katalog: strony producentów, kategorii i modeli (SEO, 13.10.2026) ===================== */
.kat-logos a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit}
.kat-logos li:has(a[aria-current]){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#F4F8FD}
.kat-logos li:hover{border-color:rgba(22,81,150,.45)}
.kat-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.kat-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--head);font-size:.86rem;font-weight:600}
.kat-chip em{font-style:normal;font-size:.74rem;font-weight:700;color:var(--muted)}
.kat-chip:hover{border-color:rgba(22,81,150,.45);color:var(--blue)}
.kat-chip.on{border-color:var(--blue);background:#EEF4FB;color:var(--blue-dd);box-shadow:inset 0 0 0 1px var(--blue)}
.kd figcaption a{color:inherit}
.kd figcaption a:hover b{color:var(--blue)}
.klb-more{display:inline-flex;justify-content:center;padding:6px 0;font-weight:700;color:var(--blue);text-decoration:underline}
/* lista wszystkich modeli producenta */
.kat-lista{padding:clamp(48px,6vw,80px) 0;border-bottom:1px solid var(--line);background:#fff}
.kat-lista h2{font-size:clamp(1.4rem,1.2vw + 1rem,2rem);font-weight:700;margin:0 0 24px}
.kl-in{columns:4 220px;column-gap:32px}
.kl-g{break-inside:avoid;margin:0 0 22px}
.kl-g h3{margin:0 0 8px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.kl-g ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px}
.kl-g a{font-size:.88rem;color:var(--text)}
.kl-g a:hover{color:var(--blue);text-decoration:underline}
/* strona modelu */
.km{padding:clamp(24px,3vw,40px) 0 clamp(48px,6vw,80px);background:#fff;border-bottom:1px solid var(--line)}
.km .kat-crumbs{justify-content:flex-start;margin-bottom:clamp(18px,2.5vw,30px)}
.km-in{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
@media (min-width:900px){.km-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.km-img{margin:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,44px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#F7FAFE,#EEF3FA)}
.km-img img{width:auto;max-width:100%;max-height:min(70vh,640px);height:auto;object-fit:contain}
.km-info h1{font-size:clamp(1.8rem,2.4vw + 1rem,2.9rem);font-weight:700;letter-spacing:-.025em;margin:0 0 .6rem}
.km-lead{color:var(--text);font-size:1.02rem;line-height:1.7;margin:0 0 22px}
.km-cechy{margin:0 0 26px;border-top:1px solid var(--line)}
.km-cechy div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.km-cechy dt{color:var(--muted);font-size:.86rem}
.km-cechy dd{margin:0;color:var(--head);font-weight:600;font-size:.94rem}
.km-cechy dd a{color:var(--blue)}
.km-btns{display:flex;flex-wrap:wrap;gap:10px}
.km-note{margin:18px 0 0;font-size:.84rem;color:var(--muted)}
.km-note a{color:var(--blue);font-weight:600}
.kat-pod h2{text-align:center;font-size:clamp(1.4rem,1.2vw + 1rem,2rem);font-weight:700;margin:0 0 clamp(20px,3vw,32px)}
.kat-pod .kz-row{justify-content:flex-start}
@media (min-width:1000px){.kat-pod .kz-row{justify-content:center}}
.kat-pod .center{margin:22px 0 0}

/* podgląd modelu: tabela cech, przyciski w rzędzie, dyskretny link (13.10.2026) */
.klb-n{margin:0 0 18px}
.klb-dl{margin:0 0 24px;border-top:1px solid var(--line)}
.klb-dl div{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.klb-dl dt{color:var(--muted);font-size:.84rem}
.klb-dl dd{margin:0;color:var(--head);font-weight:600;font-size:.92rem}
.klb-btns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.klb-btns .klb-fav{width:auto;padding-left:18px;padding-right:18px}
.klb-more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:14px;padding:0;font-size:.92rem;font-weight:700;color:var(--blue);text-decoration:none}
.klb-more .i{width:16px;height:16px;transition:transform .3s var(--ease-out)}
.klb-more:hover .i{transform:translateX(4px)}
.klb-hint{margin:10px 0 0}
@media (max-width:420px){.klb-btns{grid-template-columns:1fr}.klb-dl div{grid-template-columns:118px 1fr}}

/* katalog: lokalne SEO (Piaseczno i okolice) */
.kat-lok{padding:clamp(48px,6vw,80px) 0;background:#fff;border-bottom:1px solid var(--line)}
.kat-lok-in{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:900px){.kat-lok-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.kat-lok h2{font-size:clamp(1.5rem,1.4vw + 1rem,2.2rem);font-weight:700;margin:0 0 14px}
.kat-lok h2 em{font-style:normal;color:var(--blue)}
.kat-lok p{color:var(--text);line-height:1.7}
.kat-lok-m{margin:0;font-size:.9rem;color:var(--muted)!important}
.kat-lok-card{position:relative;padding:26px 24px 24px 24px;border:1px solid var(--line);border-radius:18px;background:#F7FAFE}
.kat-lok-card>.i{width:30px;height:30px;padding:7px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:12px}
.kat-lok-card p{margin:0 0 12px;font-size:.95rem}
.kat-lok-card b{display:block;color:var(--head)}
.kat-lok-card a:not(.btn){font-weight:700;color:var(--head)}
.kat-lok-card .btn{width:100%;justify-content:center;margin-top:6px}
.km-lok{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;padding:12px 14px;border-radius:12px;background:#F7FAFE;border:1px solid var(--line);font-size:.88rem;color:var(--text)}
.km-lok .i{width:18px;height:18px;flex:none;color:var(--blue);margin-top:2px}

/* ===================== Poprawki Szymona 15.10.2026 ===================== */
/* hero jasny ("sekcja hero lepiej konwertuje jak jest jasna"): dzienne zdjecie pod jasnym gradientem, ciemny tekst */
.hero{background:#F2F6FB;color:var(--text)}
.hero-bg::after{background:linear-gradient(90deg,rgba(242,246,251,.97) 0%,rgba(242,246,251,.93) 30%,rgba(242,246,251,.6) 50%,rgba(242,246,251,.18) 70%,rgba(242,246,251,.08) 100%),
  linear-gradient(0deg,#F2F6FB 0%,rgba(242,246,251,0) 32%)!important}
@media (max-width:999px){.hero-bg::after{background:linear-gradient(180deg,rgba(242,246,251,.5) 0%,rgba(242,246,251,.86) 42%,#F2F6FB 100%)!important}}
.hero h1{color:var(--head)}
.hero h1 em{color:var(--blue)}
.hero h1,.hero-list li,.hero .eyebrow{text-shadow:none!important}
.hero .eyebrow--light{color:var(--blue)}
.hero .typed--eb{color:var(--head)}
.hero .eyebrow .caret{background:var(--blue)}
.hero-list li{color:var(--head);font-weight:600}
.hero-akcent{border:1px solid #F3CFCD;box-shadow:0 10px 24px -16px rgba(217,83,79,.6)}
.hero .btn--ghost-light{border-color:var(--blue);color:var(--blue);background:#fff}
.hero .btn--ghost-light::before{background:var(--blue)}
.hero .btn--ghost-light:hover{color:#fff}
.hero-trust>span{color:var(--muted)}
/* liczby pod hero: jasne kafle na jasnym tle (zamiast szkla na granacie) */
.ftiles{background:#F2F6FB}
@media (min-width:1000px){.ftiles{background:linear-gradient(180deg,transparent 0,transparent 96px,#F2F6FB 96px)}}
.ftile{background:#fff;border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 44px -32px rgba(15,23,42,.45)}
.ft-n{color:var(--blue)}
.ft-n small{color:var(--blue-lite)}
.ft-l{color:var(--muted)}

/* formularz jak na starej stronie prostozramy.pl: biala karta, wysrodkowany naglowek, pasek postepu pod "Krok 1 z 6",
   odpowiedzi jedna pod druga z tekstem na srodku, bez ikon i kwadracikow; zaznaczona odpowiedz wypelnia sie kolorem #165196 */
.wf{border-radius:16px;border:1px solid var(--line);box-shadow:0 34px 70px -40px rgba(15,23,42,.45)}
.wf .wf-head{background:#fff;color:var(--head);text-align:center;padding:24px 24px 6px}
.wf .wf-t{color:var(--head);font-size:clamp(1.35rem,1vw + 1rem,1.75rem);font-weight:800;margin:0 0 .6rem}
.wf .wf-prog{flex-direction:column;align-items:stretch;gap:8px;color:var(--text)}
.wf .wf-step{font-size:.85rem;font-weight:700;color:var(--text)}
.wf .wf-bar{height:8px;background:#DEE2E6;border-radius:8px}
.wf .wf-bar i{background:var(--blue)}
.wf .fstep legend{text-align:center;width:100%;color:var(--head)}
.wf .hint{text-align:center}
.wf .opt{justify-content:center;text-align:center;border:2px solid #DEE2E6;border-radius:12px;font-weight:600;color:var(--head);background:#fff;transition:border-color .25s,background .25s,color .25s,box-shadow .25s}
.wf .opt .i,.wf .opt::after{display:none}
.wf .opt:hover{border-color:var(--blue);background:rgba(22,81,150,.1)}
.wf .opt:has(input:checked){color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 5px 15px rgba(22,81,150,.2)}
@media (min-width:1000px){.hero-form .wf .opt{min-height:50px}}
/* ocena Google pod formularzem (prawdziwe dane z wizytowki, firma.OCENA / OCENA_LICZBA) */
.wf-ocena{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 22px 18px;padding-top:14px;border-top:1px solid var(--line);text-align:left}
.wf-ocena .wf-ocena-g{width:34px;height:34px;flex:none}
.wf-ocena-st{display:block;color:var(--star);font-size:16px;letter-spacing:2px;line-height:1}
.wf-ocena p{margin:3px 0 0;font-size:.78rem;line-height:1.35;color:var(--muted)}
.wf-ocena b{display:block;font-size:.95rem;color:var(--head)}
/* telefon i tablet: najpierw formularz, potem tekst hero */
@media (max-width:999px){.hero-form{order:-1}}
/* dodatkowe przyciski do wyceny pod sekcjami */
.sec-cta{margin:28px 0 0}
.partners .sec-cta{padding:0 var(--gut)}
/* poprawki po pierwszym podgladzie: adres w pasku jako tekst (bylo <a>), pasek postepu na cala szerokosc, mniej wyblakle zdjecie w hero */
.topbar .tb-adr{color:var(--muted);display:inline-flex;align-items:center;gap:.4em;min-height:40px}
@media (max-width:1079px){.topbar .tb-adr{display:none}}
.wf .wf-bar{flex:none;width:100%}
@media (min-width:1000px){
  .hero-bg::after{background:linear-gradient(90deg,rgba(242,246,251,.96) 0%,rgba(242,246,251,.9) 26%,rgba(242,246,251,.62) 40%,rgba(242,246,251,.2) 56%,rgba(242,246,251,.04) 72%,rgba(242,246,251,0) 100%),
    linear-gradient(0deg,#F2F6FB 0%,rgba(242,246,251,0) 26%)!important}
}
/* 15.10.2026 (klientka): bez bialej smugi na zdjeciu. Zdjecie hero bez nakladki, tekst na bialej karcie po lewej,
   formularz na karcie po prawej (dwie karty jak na starej prostozramy.pl) */
.hero-bg::after{background:none!important}
.hero-txt{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.9);border-radius:16px;box-shadow:0 34px 70px -40px rgba(15,23,42,.5);padding:22px 20px 24px}
@media (min-width:1000px){.hero-txt{padding:34px 38px 38px}}
@media (max-width:999px){.hero-bg::after{background:linear-gradient(180deg,rgba(242,246,251,0) 0%,rgba(242,246,251,0) 60%,#F2F6FB 100%)!important}}
@media (min-width:1000px){.hero-txt h1{font-size:clamp(2rem,2.3vw + .75rem,3.05rem);max-width:none}}
/* 15.10.2026 (klientka): zdjecie przygaszone rowna, lekko niebieska polprzezroczysta warstwa (nie biala smuga z boku);
   karta z tekstem i karta formularza tej samej wysokosci, tekst wysrodkowany w pionie */
.hero-bg::after{background:linear-gradient(180deg,rgba(214,228,246,.62),rgba(205,222,243,.58))!important}
.hero-bg img{filter:saturate(.85)}
@media (max-width:999px){.hero-bg::after{background:linear-gradient(180deg,rgba(214,228,246,.6) 0%,rgba(214,228,246,.7) 60%,#F2F6FB 100%)!important}}
@media (min-width:1000px){
  .hero-in{align-items:stretch}
  .hero-txt{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  .hero-form{align-self:stretch}
  .hero-form>.wf{flex:1 1 auto}
}
/* 15.10.2026 (klientka): tekst w lewej karcie hero od gory (jak wczesniej, bez rozkladania na cala wysokosc i bez wysrodkowania) */
@media (min-width:1000px){.hero-txt{justify-content:flex-start}}
/* 15.10.2026 (klientka): lewa karta hero jak na starej prostozramy.pl: wysrodkowany naglowek, wiecej powietrza
   (naglowek +32 px, punkty listy co ~42 px, pod lista 40 px), lista na srodku karty z tekstem do lewej, przyciski na srodku */
@media (min-width:1000px){
  .hero-txt{align-items:center;text-align:center}
  .hero-txt .eyebrow{justify-content:center;margin:0 0 22px}
  .hero-txt h1{margin:0 0 32px;text-align:center}
  .hero-txt .hero-akcent{align-self:center;margin:0 0 30px}
  .hero-txt .hero-list{gap:16px;margin:0 0 40px;text-align:left;align-self:center}
  .hero-txt .btns{justify-content:center;margin-top:0}
}
/* 15.10.2026 (klientka): lewa karta tej samej szerokosci co formularz; naglowek lamany rowno (bez sierotek, balance) */
@media (min-width:1000px){.hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.hero h1{text-wrap:balance}
/* 15.10.2026 (klientka): punkt "Pasywne okna PVC i aluminiowe: Salamander 82, VEKA, Decco" w jednej linii:
   mniejsze boczne marginesy w karcie (38 -> 28 px), na laptopach do 1365 px marginesy 22 px i lista 16 px */
@media (min-width:1000px){.hero-txt{padding-left:28px;padding-right:28px}}
@media (min-width:1000px) and (max-width:1365px){.hero-txt{padding-left:22px;padding-right:22px}.hero-txt .hero-list li{font-size:16px}}
/* 15.10.2026 (klientka): przyciski w hero jeden pod drugim, wysrodkowane, tej samej szerokosci */
.hero-txt .btns{flex-direction:column;align-items:center;gap:12px}
.hero-txt .btns .btn{width:min(100%,340px);justify-content:center}
/* 15.10.2026 (klientka): przycisk "Wycen" w kazdym kaflu sekcji "Dlaczego Prosto z Ramy", zawsze na dole kafla, na tej samej wysokosci */
.kf-body p{margin-bottom:18px}
.kf-btn{margin-top:auto;align-self:flex-start;background:var(--blue);border-color:var(--blue);color:#fff}
.kf-btn:hover{color:#fff}
.kf--accent .kf-btn{background:#fff;border-color:#fff;color:var(--blue)}
.kf--accent .kf-btn:hover{color:var(--blue)}
.kf--accent .kf-btn::before{background:#E3EDF9}
/* 15.10.2026 (klientka): w stopce "Realizacja: Advertise24" (tekst, bez linku na zewnatrz) */
.ftr-real{margin-left:1.2em;opacity:.75}
@media (max-width:599px){.ftr-real{display:block;margin:.3em 0 0}}

/* ===== WordPress (05.11.2026): kod pocztowy, marki, blog, realizacje ===== */
.kod-out{margin:.2rem 0 .6rem;padding:.75rem 1rem;border-radius:8px;background:#FDECEA;color:#8A1C12;font-size:.95rem;line-height:1.45;text-align:left}
.kod-out a{color:#8A1C12;font-weight:700;text-decoration:underline}
.kod-out[hidden]{display:none}
.pzr-marki-l{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0}
.pzr-marki-l a{display:inline-flex;align-items:center;min-height:40px;padding:.45rem 1rem;border-radius:var(--r);border:1.5px solid rgba(22,81,150,.28);background:#fff;color:var(--blue);font-weight:700;font-size:.92rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.pzr-marki-l a:hover,.pzr-marki-l a:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}
.pzr-marki-h{margin:1.6rem 0 0;font-weight:700;color:var(--head);font-size:.95rem}
.pzr-marka{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:900px){.pzr-marka{grid-template-columns:minmax(220px,.8fr) 2fr}}
.pzr-marka-lg{display:flex;align-items:center;justify-content:center;min-height:180px;padding:2rem;border:1px solid var(--line);border-radius:16px;background:var(--light)}
.pzr-marka-lg img{max-width:220px;width:100%;height:auto}
.pzr-marka-t h2{margin:0 0 1rem}
.pzr-marka-t p{max-width:68ch}
.pzr-marka-t p+p{margin-top:.9rem}
.pzr-marka-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem!important}
.pzr-kotwica{display:block;position:relative;top:-96px;visibility:hidden;height:0}
.pzr-top{padding:clamp(40px,6vw,80px) 0 clamp(32px,5vw,56px);background:var(--light);border-top:0}
.pzr-wrap{max-width:calc(860px + 2*var(--gut))}
.pzr-h1{color:var(--head);max-width:none;font-size:clamp(1.9rem,2.4vw + 1rem,3rem);line-height:1.12;margin:.2rem 0 .9rem}
.pzr-top .lead{max-width:62ch}
.pzr-okr{margin:0 0 .6rem;font-size:.9rem;color:var(--muted)}
.pzr-okr a{color:var(--blue);font-weight:600}
.pzr-okladka{margin-top:-8px}
.pzr-okladka img{display:block;width:100%;height:auto;border-radius:16px}
.pzr-tresc{color:var(--text);font-size:1.0625rem;line-height:1.75}
.pzr-tresc>*:first-child{margin-top:0}
.pzr-tresc h2{font-size:clamp(1.35rem,1.2vw + 1rem,1.85rem);line-height:1.25;color:var(--head);margin:2.4rem 0 .8rem}
.pzr-tresc h3{font-size:1.2rem;line-height:1.3;color:var(--head);margin:1.8rem 0 .6rem}
.pzr-tresc p,.pzr-tresc ul,.pzr-tresc ol,.pzr-tresc table,.pzr-tresc figure{margin:0 0 1.1rem}
.pzr-tresc ul,.pzr-tresc ol{padding-left:1.35rem}
.pzr-tresc li{margin:.35rem 0}
.pzr-tresc li::marker{color:var(--blue)}
.pzr-tresc a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.pzr-tresc strong{color:var(--head)}
.pzr-tresc img{max-width:100%;height:auto;border-radius:12px}
.pzr-tresc table{width:100%;border-collapse:collapse;font-size:.98rem}
.pzr-tresc th,.pzr-tresc td{border:1px solid var(--line);padding:.6rem .75rem;text-align:left;vertical-align:top}
.pzr-tresc th{background:var(--light);color:var(--head)}
.pzr-tresc .wp-block-table{overflow-x:auto}
.pzr-tresc blockquote,.pzr-tresc .pzr-ramka{margin:1.6rem 0;padding:1.1rem 1.3rem;border-left:4px solid var(--blue);background:var(--light);border-radius:0 12px 12px 0}
.pzr-tresc blockquote p:last-child,.pzr-tresc .pzr-ramka p:last-child{margin-bottom:0}
.pzr-karty{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.pzr-karta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.pzr-karta:hover,.pzr-karta:focus-visible{transform:translateY(-3px);box-shadow:var(--sh)}
.pzr-karta-ph{display:block;aspect-ratio:4/3;background:var(--light2);overflow:hidden}
.pzr-karta-ph img{display:block;width:100%;height:100%;object-fit:cover}
.pzr-karta-brak{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--light2),#DCE6F2)}
.pzr-karta-b{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.15rem 1.25rem}
.pzr-karta-m{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.pzr-karta-t{font-weight:800;font-size:1.12rem;line-height:1.3;color:var(--head)}
.pzr-karta-z{font-size:.95rem;line-height:1.55;color:var(--muted)}
.pzr-pusto{margin:0;padding:2.5rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}
.pzr-filtry{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0}
.pzr-filtry a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1.1rem;border-radius:var(--r);border:1.5px solid var(--line);background:#fff;color:var(--head);font-weight:700;font-size:.95rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.pzr-filtry a:hover{border-color:var(--blue);color:var(--blue)}
.pzr-filtry a[aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}
.pzr-stronicowanie .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2rem}
.pzr-stronicowanie .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .8rem;border:1.5px solid var(--line);border-radius:var(--r);color:var(--head);font-weight:600;text-decoration:none}
.pzr-stronicowanie .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.pzr-stronicowanie .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pzr-top+.sec,.pzr-top+.pzr-okladka+.sec{padding-top:clamp(28px,4vw,48px)}
.pzr-top+.pzr-okladka{margin-top:clamp(24px,3vw,40px)}
@media (max-width:999px){.partners-txt .pzr-marki-l{justify-content:center}}
/* FAQ we wpisach (blok FAQ Yoast SEO) */
.pzr-tresc .schema-faq{display:grid;gap:.75rem;margin:1.2rem 0 2rem}
.pzr-tresc .schema-faq-section{padding:1.05rem 1.25rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 28px -26px rgba(15,23,42,.45)}
.pzr-tresc .schema-faq-question{display:block;margin:0 0 .4rem;color:var(--head);font-size:1.05rem;line-height:1.4}
.pzr-tresc .schema-faq-answer{margin:0;color:var(--text)}
/* galeria realizacji na landingach */
.pzr-real-link{margin:18px 0 0}
.pzr-real-link a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pzr-realizacja .pzr-okladka img{max-height:72vh;object-fit:cover}

/* stronicowanie: strzałki */
.pzr-stronicowanie .page-numbers .i{width:18px;height:18px}
.pzr-stronicowanie a.page-numbers:hover{border-color:var(--blue);color:var(--blue)}
/* galeria na stronie głównej: 4 kolumny, mniejsze kafle */
@media (min-width:1000px){.gal.gal--4{--n:4;--g:12px}}
/* przyciski i etykiety: jeden kształt jak „Darmowa wycena” (bez pigułek), także w katalogu drzwi */
.cm-fab,.kf-b,.kat-fbtn,.kat-chip,.oc-brands li,.chip{border-radius:var(--r)}
/* realizacje: równe kafle (siatka), mobile first: 2 kolumny na telefonie, 3 na tablecie, 4 na komputerze; kadr pionowy 4:5, bo większość zdjęć to drzwi i okna w pionie */
.pzr-karty--real{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pzr-karty--real .pzr-karta{border-radius:12px}
.pzr-karty--real .pzr-karta-ph{aspect-ratio:4 / 5}
.pzr-karty--real .pzr-karta-b{gap:.25rem;padding:.65rem .75rem .8rem}
.pzr-karty--real .pzr-karta-m{font-size:.66rem;letter-spacing:.05em;line-height:1.35}
.pzr-karty--real .pzr-karta-t{font-size:.92rem;line-height:1.3}
@media (min-width:760px){
  .pzr-karty--real{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .pzr-karty--real .pzr-karta{border-radius:16px}
  .pzr-karty--real .pzr-karta-b{gap:.4rem;padding:1rem 1.15rem 1.2rem}
  .pzr-karty--real .pzr-karta-m{font-size:.76rem;letter-spacing:.08em}
  .pzr-karty--real .pzr-karta-t{font-size:1.08rem}
}
@media (min-width:1100px){.pzr-karty--real{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
/* jedna realizacja: zdjęcie główne całe i mniejsze, pozostałe równe kafle (całe w podglądzie po kliknięciu) */
.pzr-foto{position:relative;display:block;border-radius:12px;overflow:hidden}
.pzr-foto img{display:block;width:100%;height:auto}
.pzr-foto:hover .gt-zoom,.pzr-foto:focus-visible .gt-zoom{opacity:1;transform:none}
@media (hover:none){.pzr-foto .gt-zoom{opacity:1;transform:none;width:34px;height:34px;top:8px;right:8px}}
.pzr-realizacja .pzr-okladka--cala .pzr-foto{width:fit-content;max-width:100%;margin:0 auto;border-radius:16px}
.pzr-realizacja .pzr-okladka--cala img{width:auto;max-width:100%;height:auto;max-height:min(62vh,620px);object-fit:contain;border-radius:0;margin:0}
.pzr-zdjecia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1.4rem 0}
.pzr-zdjecia figure{margin:0}
.pzr-zdjecia .pzr-foto{aspect-ratio:4 / 5}
.pzr-tresc .pzr-zdjecia img{width:100%;height:100%;object-fit:cover;border-radius:0}
@media (min-width:760px){.pzr-zdjecia{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pzr-zdjecia.pzr-zdjecia--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pzr-zdjecia--1{display:block}
.pzr-zdjecia--1 .pzr-foto{aspect-ratio:auto;width:fit-content;max-width:100%;margin:0 auto}
.pzr-tresc .pzr-zdjecia--1 img{width:auto;max-width:100%;height:auto;max-height:min(62vh,620px);object-fit:contain}
/* kafel realizacji z jednym zdjęciem: otwiera podgląd zdjęcia (lupa jak w galeriach) */
.pzr-karta--lb .pzr-karta-ph{position:relative}
.pzr-karta--lb:hover .gt-zoom,.pzr-karta--lb:focus-visible .gt-zoom{opacity:1;transform:none}
@media (hover:none){.pzr-karta--lb .gt-zoom{opacity:1;transform:none;width:34px;height:34px;top:8px;right:8px}}
/* realizacje: kilka zdjęć w kaflu (strzałki + licznik), znacznik filmu; mobile first */
.pzr-karta--lb .pzr-karta-b{cursor:pointer}
.pzr-kz{display:block;width:100%;height:100%}
.pzr-kz[hidden]{display:none}
.pzr-kz img{display:block;width:100%;height:100%;object-fit:cover}
.pzr-kz-s{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin-top:-17px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r);background:rgba(255,255,255,.94);color:var(--head);box-shadow:0 6px 16px -8px rgba(15,23,42,.55);cursor:pointer;transition:background .2s,color .2s}
.pzr-kz-s .i{width:16px;height:16px}
.pzr-kz-p{left:8px}
.pzr-kz-n{right:8px}
.pzr-kz-s:hover,.pzr-kz-s:focus-visible{background:#fff;color:var(--blue)}
.pzr-kz-l,.pzr-kz-film{position:absolute;left:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--r);background:rgba(15,23,42,.74);color:#fff;font-size:.74rem;font-weight:700;line-height:1.45;pointer-events:none}
.pzr-kz-l b{font-weight:800}
@media (min-width:760px){.pzr-kz-s{width:40px;height:40px;margin-top:-20px}.pzr-kz-p{left:10px}.pzr-kz-n{right:10px}.pzr-kz-l,.pzr-kz-film{left:10px;bottom:10px;font-size:.8rem}}
/* menu mobilne: "Oferta" rozwija kafle ofert (mega menu) */
.mnav-dd{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem .25rem;border:0;border-bottom:1px solid var(--line);background:none;color:var(--head);font:inherit;font-weight:700;font-size:1.1rem;text-align:left;cursor:pointer}
.mnav-dd .i{width:20px;height:20px;color:var(--blue);transition:transform .25s}
.mnav-dd[aria-expanded="true"]{border-bottom-color:transparent}
.mnav-dd[aria-expanded="true"] .i{transform:rotate(180deg)}
.mnav-mg{padding:2px 0 14px;border-bottom:1px solid var(--line)}
.mnav-mg[hidden]{display:none}
.mnav-mg-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mnav-mg-card{display:flex;flex-direction:column;overflow:hidden;background:var(--light);border:1px solid var(--line);border-radius:var(--r);color:var(--head);text-decoration:none}
.mnav-mg-ph{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--light2)}
.mnav-mg-ph img{display:block;width:100%;height:100%;object-fit:cover}
.mnav-mg-t{display:block;padding:.5rem .6rem 0;font-weight:700;font-size:.92rem;line-height:1.25}
.mnav-mg-card small{display:block;padding:.15rem .6rem .55rem;color:var(--muted);font-size:.74rem;line-height:1.35}
.mnav-mg .mnav-h2{margin:14px 0 6px}
.mnav-mg-minis{display:grid;gap:6px}
.mnav-mg-mini{display:flex;align-items:center;gap:.65rem;padding:6px;background:var(--light);border:1px solid var(--line);border-radius:var(--r);color:var(--head);text-decoration:none}
.mnav-mg-mini .mnav-mg-ph{flex:none;width:68px;border-radius:4px}
.mnav-mg-mini b{display:block;font-size:.92rem;line-height:1.25}
.mnav-mg-mini small{display:block;color:var(--muted);font-size:.74rem;line-height:1.3}
.mnav-mg-all{display:inline-flex;align-items:center;gap:.4rem;margin-top:12px;color:var(--blue);font-weight:700;font-size:.95rem;text-decoration:none}
.mnav-mg-all .i{width:16px;height:16px}
.mnav-mg-card[aria-current="page"],.mnav-mg-mini[aria-current="page"]{border-color:var(--blue)}
.pzr-karta-ph{position:relative}
.pzr-kz-l{gap:0}
/* strzałki w kaflach: małe, w prawym dolnym rogu, nie zasłaniają zdjęcia; na komputerze widoczne po najechaniu */
.pzr-kz-s{top:auto;bottom:8px;margin-top:0;width:28px;height:28px;background:rgba(15,23,42,.5);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pzr-kz-s .i{width:14px;height:14px}
.pzr-kz-p{left:auto;right:40px}
.pzr-kz-n{right:8px}
.pzr-kz-s:hover,.pzr-kz-s:focus-visible{background:rgba(15,23,42,.8);color:#fff}
@media (min-width:760px){.pzr-kz-s{width:30px;height:30px;margin-top:0;bottom:10px}.pzr-kz-p{left:auto;right:46px}.pzr-kz-n{right:10px}}
@media (hover:hover){.pzr-kz-s{opacity:0;transition:opacity .2s,background .2s}.pzr-karta--wiele:hover .pzr-kz-s,.pzr-kz-s:focus-visible{opacity:1}}
@media (hover:none){.pzr-karta--lb .gt-zoom{display:none}}

/* zgoda: dopisek z kłódką zamiast checkboxa (jak na poprzedniej stronie, 13.11.2026) */
.consent-note{display:flex;gap:.55rem;align-items:flex-start;margin:6px 0 0;font-size:.82rem;line-height:1.45;color:var(--muted)}
.consent-note .i{width:16px;height:16px;flex:none;margin-top:2px;color:var(--blue)}
.consent-note b{color:var(--ink,inherit);font-weight:700}
.consent-note a{color:inherit;text-decoration:underline}