/* Dzień Pierwszy - system wyglądu (11.10.2026)
   Ciepło i spokojnie, ale nowocześnie: jasny tekst na zieleni lasu, kolorowe sekcje, słoneczny blok pomocy. */
@font-face{font-family:"Brico";src:url(../assets/fonts/brico.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(../assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Figtree";src:url(../assets/fonts/figtree-i.woff2) format("woff2");font-weight:300 900;font-style:italic;font-display:swap}

:root{
  --ink:#14231e; --ink2:#2e423b; --ink3:#4a5d56;
  --las:#0f3d35; --las2:#0a2b25; --las3:#16524a;
  --mech:#e2efe5; --morela:#fde6d3; --niebo:#deebf6; --len:#f6f2ea; --biel:#fff;
  --swit:#e4572a; --swit2:#c4441b; --slonce:#ffd659; --slonce2:#ffe58f;
  --linia:#d3dcd7; --linia2:#b9c7c0;
  --r:12px; --r2:16px;
  --w:1280px; --tw:740px; --pad:clamp(20px,4vw,56px);
  --h:"Brico",ui-sans-serif,system-ui,sans-serif; --t:"Figtree",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 18px/1.65 var(--t);color:var(--ink);background:var(--biel);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p a,li a,td a,.lnk{color:var(--las3);text-decoration:underline;text-decoration-color:var(--swit);text-decoration-thickness:2px;text-underline-offset:3px}
p a:hover,li a:hover,.lnk:hover{color:var(--swit2)}
h1,h2,h3,h4{font-family:var(--h);line-height:1.08;letter-spacing:-.015em;margin:0;font-weight:750;text-wrap:balance}
h1{font-size:clamp(38px,5.2vw,74px);font-weight:800;letter-spacing:-.025em}
h2{font-size:clamp(28px,3.1vw,42px)}
h3{font-size:clamp(21px,1.9vw,25px);line-height:1.2}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}

/* ---------- pasek kryzysowy + nagłówek ---------- */
.kryzys{background:var(--las2);color:#fff;font-size:15px;line-height:1.3}
.kryzys .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:40px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.kryzys b{color:var(--slonce)}
.kryzys a{color:#fff;text-decoration:none;font-weight:600}
.kryzys a:hover{text-decoration:underline}
.kryzys .nr{display:flex;gap:18px;flex-wrap:wrap}
.top{background:var(--biel);border-bottom:1px solid var(--linia);position:sticky;top:0;z-index:20}
.top .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.logo svg{width:40px;height:40px;flex:none}
.logo span{font:800 23px/1 var(--h);letter-spacing:-.02em;white-space:nowrap}
.nav{display:flex;justify-content:center;gap:2px;white-space:nowrap}
.nav a{text-decoration:none;font-weight:600;font-size:16.5px;padding:10px 11px;border-radius:9px;color:var(--ink)}
.nav a:hover,.nav a[aria-current]{background:var(--mech)}
.top .akcje{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:650 17px/1 var(--t);padding:15px 22px;border-radius:10px;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn-swit{background:var(--swit);color:#fff}.btn-swit:hover{background:var(--swit2)}
.btn-las{background:var(--las);color:#fff}.btn-las:hover{background:var(--las3)}
.btn-ob{border-color:var(--ink);color:var(--ink);background:transparent}.btn-ob:hover{background:var(--ink);color:#fff}
.btn-jasny{background:#fff;color:var(--ink)}.btn-jasny:hover{background:var(--slonce)}
.btn-sm{padding:11px 16px;font-size:15.5px}
.btn-pomoc{background:var(--slonce);color:var(--ink);border-color:var(--slonce)}.btn-pomoc:hover{background:var(--slonce2)}
.menu-m{display:none}
.menu-m summary{list-style:none;cursor:pointer;font-weight:700;padding:10px 12px;border:2px solid var(--ink);border-radius:9px;font-size:15.5px}
.menu-m summary::-webkit-details-marker{display:none}
.menu-m[open] .menu-m-lista{display:grid}
.menu-m-lista{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linia);padding:10px var(--pad) 22px;gap:2px}
.menu-m-lista a{padding:12px 4px;font-weight:650;font-size:19px;text-decoration:none;border-bottom:1px solid var(--linia)}

/* ---------- okruszki ---------- */
.okr{font-size:15px;color:var(--ink2);padding-top:18px;display:flex;flex-wrap:wrap;gap:4px 8px}
.okr a{color:var(--ink2);text-decoration:none}.okr a:hover{text-decoration:underline}
.okr span[aria-hidden]{color:var(--linia2)}

/* ---------- hero główne ---------- */
.hero{position:relative;color:#fff;background:var(--las2);overflow:hidden}
.hero img.tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,26,.9) 0%,rgba(8,30,26,.72) 42%,rgba(8,30,26,.15) 78%),linear-gradient(0deg,rgba(8,30,26,.55),transparent 40%)}
.hero .wrap{position:relative;z-index:1;padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(40px,6vw,72px)}
.hero h1{max-width:12.5em;color:#fff}
.hero h1 em{font-style:normal;color:var(--slonce)}
.hero .lead{font-size:clamp(19px,1.7vw,23px);font-weight:500;line-height:1.5;max-width:32em;margin:22px 0 30px;color:#fff}
.szukaj{display:flex;gap:10px;max-width:640px;flex-wrap:wrap}
.szukaj label{flex:1 1 300px;display:flex;align-items:center;background:#fff;border-radius:10px;padding:0 16px;gap:10px;color:var(--ink)}
.szukaj input{border:0;font:500 18px var(--t);padding:16px 0;width:100%;outline:none;background:transparent;color:var(--ink)}
.szukaj svg{flex:none}
.hero .cta2{margin-top:16px;display:flex;gap:18px;flex-wrap:wrap;font-weight:600}
.hero .cta2 a{color:#fff;text-decoration:underline;text-decoration-color:var(--slonce);text-underline-offset:4px;text-decoration-thickness:2px}
.liczby-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(40px,6vw,72px);border-top:1px solid rgba(255,255,255,.28)}
.liczby-hero div{padding:18px 18px 0 0}
.liczby-hero b{display:block;font:800 clamp(30px,3.4vw,46px)/1 var(--h);color:#fff;letter-spacing:-.02em}
.liczby-hero span{display:block;margin-top:8px;font-size:15.5px;line-height:1.35;color:#fff;font-weight:500}
.foto-podpis{position:absolute;right:12px;bottom:8px;z-index:2;font-size:11.5px;color:rgba(255,255,255,.85)}
.foto-podpis a{color:inherit}

/* ---------- blok pomocy ---------- */
.pomoc{background:var(--slonce);color:var(--ink);border-radius:var(--r2);padding:clamp(22px,3vw,34px)}
.pomoc-g{display:grid;grid-template-columns:1fr;gap:18px}
.pomoc-gl{display:flex;justify-content:space-between;align-items:baseline;gap:8px 28px;flex-wrap:wrap}
.pomoc-gl .pod{margin:0;max-width:40em}
.pomoc h2{font-size:clamp(25px,2.4vw,32px)}
.pomoc .pod{margin:10px 0 0;font-size:16.5px;line-height:1.5;font-weight:500}
.pomoc .pod b{font-weight:800}
.numery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.numer{background:#fff;border-radius:12px;padding:15px 16px 14px;text-decoration:none;display:block;border:2px solid transparent}
.numer:hover{border-color:var(--ink)}
.numer b{display:block;font:800 clamp(25px,2.2vw,30px)/1.05 var(--h);letter-spacing:-.01em;white-space:nowrap}
.numer span{display:block;font-weight:650;font-size:16px;line-height:1.3;margin-top:6px}
.numer small{display:block;font-size:14.5px;line-height:1.35;margin-top:4px;color:var(--ink2)}
.numer.alarm b{color:#b3261e}
.pomoc .stopka-pomocy{grid-column:1/-1;font-size:14.5px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid rgba(20,35,30,.2);padding-top:12px;margin-top:4px}
.pomoc .stopka-pomocy a{font-weight:700}

/* ---------- sekcje ---------- */
.sek{padding:clamp(56px,7vw,96px) 0}
.sek-mech{background:var(--mech)}.sek-morela{background:var(--morela)}.sek-niebo{background:var(--niebo)}.sek-len{background:var(--len)}
.sek-las{background:var(--las);color:#fff}
.sek-las a{color:#fff}
.sek-las .btn-jasny{color:var(--ink)}
.sek-gl{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.sek-gl p{margin:10px 0 0;font-size:19px;max-width:36em;color:var(--ink2);font-weight:500}
.sek-las .sek-gl p{color:#fff}
.etyk{font:700 14px/1 var(--t);letter-spacing:.08em;text-transform:uppercase;color:var(--swit2);margin-bottom:14px;display:block}
.sek-las .etyk{color:var(--slonce)}

/* kafle uzależnień */
.kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kafel{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--r2);overflow:hidden;background:#fff;border:1px solid var(--linia);transition:border-color .2s,transform .2s}
.kafel:hover{border-color:var(--ink);transform:translateY(-2px)}
.kafel .im{aspect-ratio:16/9;overflow:hidden;background:var(--mech)}
.kafel .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kafel:hover .im img{transform:scale(1.03)}
.kafel .bd{padding:18px 20px 20px}
.kafel h3{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.kafel h3 i{font-style:normal;color:var(--swit);font-size:22px}
.kafel p{margin:8px 0 0;font-size:16.5px;line-height:1.5;color:var(--ink2)}
.inne{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.inne b{margin-right:6px}
.tag{display:inline-block;padding:9px 14px;border-radius:9px;background:#fff;border:1px solid var(--linia2);text-decoration:none;font-weight:600;font-size:16px}
.tag:hover{border-color:var(--ink);background:var(--mech)}
.tag[aria-current]{background:var(--las);color:#fff;border-color:var(--las)}

/* kroki NFZ */
.kroki{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:k}
.krok{background:#fff;border-radius:var(--r2);padding:24px 24px 22px}
.krok b.n{display:inline-flex;width:46px;height:46px;border-radius:10px;background:var(--las);color:#fff;font:800 24px/1 var(--h);align-items:center;justify-content:center;margin-bottom:16px}
.krok h3{margin-bottom:8px}
.krok p{margin:0;font-size:17px;line-height:1.55;color:var(--ink2)}

/* miasta */
.miasta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.miasto{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;border-radius:10px;background:#fff;text-decoration:none;font-weight:650;border:1px solid var(--linia)}
.miasto:hover{border-color:var(--ink)}
.miasto span{font:700 15px/1 var(--t);color:var(--las3);background:var(--mech);padding:6px 8px;border-radius:7px;white-space:nowrap}

/* duet: test / rodzina */
.duet{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.duet>*{border-radius:var(--r2);overflow:hidden}
.panel{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.panel p{margin:0;font-size:18px;color:var(--ink2);font-weight:500}
.panel-morela{background:var(--morela)}.panel-niebo{background:var(--niebo)}
.panel .btn{align-self:flex-start;margin-top:6px}
.panel-foto{display:grid;grid-template-rows:auto 1fr;background:var(--las);color:#fff}
.panel-foto img{aspect-ratio:2/1;width:100%;object-fit:cover}
.panel-foto .etyk{color:var(--slonce)}
.panel-foto .panel p{color:#fff}
.test-podglad{display:grid;gap:8px;margin:4px 0}
.test-podglad div{background:#fff;border-radius:9px;padding:12px 14px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:10px}
.test-podglad div i{font-style:normal;color:var(--las3)}

/* jak pracujemy */
.zasady{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.zasady div{border-top:3px solid var(--slonce);padding-top:16px}
.zasady h3{font-size:20px;margin-bottom:8px;color:#fff}
.zasady p{margin:0;font-size:16.5px;line-height:1.55;color:#fff}

/* newsletter */
.najnowsze{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;border-top:2px solid var(--ink)}
.najnowsze a{display:block;padding:18px 0;border-bottom:1px solid var(--linia2);text-decoration:none;color:var(--ink)}
.najnowsze time{display:block;font-size:15px;font-weight:600;color:var(--ink2);margin-bottom:4px}
.najnowsze b{display:block;font:700 21px/1.25 var(--h,inherit);margin-bottom:6px}
.najnowsze a:hover b{text-decoration:underline}
.najnowsze span{display:block;font-size:16.5px;line-height:1.5;color:var(--ink2)}
.news{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1 1 240px;font:500 18px var(--t);padding:15px 16px;border-radius:10px;border:2px solid var(--ink);background:#fff}
.news small{display:block;margin-top:10px;font-size:15px;color:var(--ink2)}

/* ---------- strona tekstu ---------- */
.art-gl{background:var(--mech);padding-bottom:clamp(32px,4vw,56px)}
.art-gl.kl-hazard,.art-gl.kl-gry,.art-gl.kl-internet{background:var(--niebo)}
.art-gl.kl-rodzina,.art-gl.kl-mlodziez{background:var(--morela)}
.art-gl .siatka{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding-top:22px}
.art-gl h1{font-size:clamp(36px,4.4vw,62px)}
.art-gl .lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;font-weight:500;margin:20px 0 0;color:var(--ink)}
.art-gl figure{margin:0;border-radius:var(--r2);overflow:hidden;position:relative}
.art-gl figure img{aspect-ratio:4/3;width:100%;object-fit:cover}
.art-gl figcaption{position:absolute;right:10px;bottom:8px;font-size:11.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.art-gl figcaption a{color:#fff}
.metryka{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:15.5px;color:var(--ink2);font-weight:500}
.metryka b{color:var(--ink);font-weight:700}
.metryka a{color:var(--ink2)}
.w-temacie{border-bottom:1px solid var(--linia);background:#fff}
.w-temacie .wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.w-temacie b{font-size:15px;margin-right:6px}
.w-temacie a{font-size:15.5px;padding:7px 12px}

.art{max-width:calc(var(--tw) + 2*var(--pad));margin:0 auto;padding:clamp(28px,4vw,48px) var(--pad) 0}
.art>p:first-of-type{font-size:20px}
.tresc p,.tresc li{font-size:18.5px}
.tresc p{margin:0 0 1.1em}
.tresc h2{margin:1.9em 0 .55em;scroll-margin-top:96px}
.tresc h3{margin:1.6em 0 .45em;scroll-margin-top:96px}
.tresc ul,.tresc ol{padding-left:1.25em;margin:0 0 1.2em}
.tresc li{margin:.3em 0}
.tresc ul li::marker{color:var(--swit)}
.tresc strong{font-weight:700}
.tresc sup{line-height:0}
.tresc sup a{font-size:12.5px;font-weight:700;text-decoration:none;color:var(--las3);padding:0 2px}
.tresc sup a:hover{color:var(--swit2)}
.spis{border:1px solid var(--linia);border-radius:var(--r);padding:0;margin:0 0 28px}
.spis summary{cursor:pointer;padding:15px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.spis summary::after{content:"+";font:700 22px/1 var(--h);color:var(--swit)}
.spis[open] summary::after{content:"−"}
.spis ol{margin:0;padding:0 18px 16px 38px}
.spis li{font-size:16.5px;margin:.35em 0}
.ramka{border-radius:var(--r);padding:20px 22px 6px;margin:1.6em 0}
.ramka>.rt{font:750 15px/1 var(--t);letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px;display:flex;gap:9px;align-items:center}
.ramka p,.ramka li{font-size:17.5px}
.ramka-skrot{background:var(--len);border-left:5px solid var(--las)}
.ramka-nfz{background:var(--mech);border-left:5px solid var(--las3)}
.ramka-nfz .rt{color:var(--las3)}
.ramka-uwaga{background:#fff1ea;border-left:5px solid var(--swit)}
.ramka-uwaga .rt{color:var(--swit2)}
.pasek-liczb{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:1.6em 0}
.pasek-liczb div{background:var(--niebo);border-radius:var(--r);padding:16px 16px 14px}
.pasek-liczb b{display:block;font:800 clamp(28px,3vw,38px)/1 var(--h);letter-spacing:-.02em}
.pasek-liczb span{display:block;margin-top:8px;font-size:15.5px;line-height:1.4;font-weight:500}
.tbl{width:100%;border-collapse:collapse;margin:1.4em 0 1.8em;font-size:16.5px;line-height:1.45}
.tbl th{text-align:left;background:var(--las);color:#fff;font-weight:700;padding:11px 12px;vertical-align:bottom}
.tbl th:first-child{border-top-left-radius:10px}.tbl th:last-child{border-top-right-radius:10px}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--linia);vertical-align:top}
.tbl tr:nth-child(even) td{background:#f7faf8}
.faq{margin:2.2em 0 0}
.faq details{border-bottom:1px solid var(--linia)}
.faq summary{cursor:pointer;list-style:none;padding:17px 34px 17px 0;font:700 19px/1.35 var(--t);position:relative}
.faq summary::after{content:"+";position:absolute;right:4px;top:13px;font:700 26px/1 var(--h);color:var(--swit)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 18px;font-size:17.5px}
.zrodla{margin-top:2.4em;padding:22px 22px 10px;background:var(--len);border-radius:var(--r)}
.zrodla h2{font-size:24px;margin:0 0 12px}
.zrodla ol{margin:0;padding-left:1.4em}
.zrodla li{font-size:15.5px;margin:.5em 0;line-height:1.45;overflow-wrap:anywhere}
.zrodla li a{color:var(--ink)}
.zrodla li span{color:var(--ink2)}
.proces{margin-top:20px;border:1px solid var(--linia);border-radius:var(--r);padding:18px 20px;font-size:15.5px;line-height:1.55;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.proces svg{flex:none}
.proces p{margin:0}
.proces b{font-weight:700}

/* osadzone ośrodki w tekście */
.osadzone{margin:2.4em 0}
.osadzone .gl{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.osadzone h2{margin:0;font-size:28px}

/* ---------- katalog / karty ośrodków ---------- */
.karty{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.karty-2{grid-template-columns:repeat(2,1fr)}
.ko{background:#fff;border:1px solid var(--linia);border-radius:var(--r2);padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.ko:hover{border-color:var(--ink)}
.ko .typy{display:flex;gap:6px;flex-wrap:wrap}
.zn{font:700 13px/1 var(--t);letter-spacing:.03em;padding:6px 8px;border-radius:6px;background:var(--mech);color:var(--las2);white-space:nowrap}
.zn-nfz{background:var(--las);color:#fff}
.zn-pl{background:var(--morela);color:#7a2d0e}
.zn-wyr{background:#fff;border:1px dashed var(--swit);color:var(--swit2)}
.ko h3{font-size:20.5px;line-height:1.25}
.ko .podm{font-size:15px;color:var(--ink2);margin-top:-4px;line-height:1.35}
.ko .adr{font-size:16px;line-height:1.4;font-weight:500}
.ko .fakty{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:15px;color:var(--ink2);border-top:1px solid var(--linia);padding-top:10px;margin-top:auto}
.ko .fakty b{color:var(--ink)}
.ko .termin-ok{color:#1d6b3f}
.filtry{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.filtry-gl{font-weight:700;font-size:15px;margin:14px 0 8px;color:var(--ink2)}
.kat-gl{background:var(--mech);padding-bottom:36px}
.kat-gl h1{font-size:clamp(34px,4.2vw,58px);margin-top:16px}
.kat-gl .lead{font-size:20px;font-weight:500;margin:16px 0 0;max-width:42em}
.kat-blok{padding-top:36px;padding-bottom:8px}
.kat-blok>h2{font-size:30px;margin-bottom:6px}
.kat-blok>p{margin:0 0 18px;color:var(--ink2);font-size:17px}
.metoda{font-size:15.5px;color:var(--ink2);border-left:4px solid var(--slonce);padding:4px 0 4px 14px;margin:18px 0 0}

/* karta ośrodka */
.os-gl{background:var(--mech);padding-bottom:36px}
.os-gl .siatka{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(20px,4vw,48px);align-items:start;padding-top:18px}
.os-gl h1{font-size:clamp(32px,3.8vw,52px);margin:14px 0 6px}
.os-gl .podm{font-size:18px;font-weight:500;color:var(--ink2);margin:0}
.os-gl .adr{font-size:19px;font-weight:600;margin:16px 0 0}
.kontakt{background:#fff;border-radius:var(--r2);padding:22px;display:grid;gap:10px}
.kontakt .btn{width:100%}
.kontakt small{font-size:14px;color:var(--ink2);line-height:1.4}
.fakty-gr{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0;align-items:start}
.fakt{background:#fff;border-radius:var(--r);padding:16px}
.fakt span{display:block;font-size:14.5px;color:var(--ink2);font-weight:600}
.fakt b{display:block;font:750 21px/1.2 var(--h);margin-top:6px}
.fakt small{display:block;font-size:13.5px;color:var(--ink2);margin-top:5px;line-height:1.35}
.os-tresc{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(20px,4vw,48px);padding-top:36px}
.os-tresc h2{font-size:28px;margin:0 0 12px}
.os-tresc section{margin-bottom:34px}
.mapa{border-radius:var(--r2);overflow:hidden;background:var(--niebo);border:1px solid var(--linia);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;text-align:center}
.mapa iframe{width:100%;height:100%;border:0}
.mapa p{margin:0;font-size:15px;color:var(--ink2)}
.zrodlo-danych{font-size:15px;line-height:1.55;background:var(--len);border-radius:var(--r);padding:16px 18px}
.zrodlo-danych p{margin:0 0 8px}
.lista-krokow{counter-reset:k;list-style:none;padding:0;margin:0}
.lista-krokow li{counter-increment:k;position:relative;padding:0 0 14px 46px;font-size:17.5px}
.lista-krokow li::before{content:counter(k);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:8px;background:var(--las);color:#fff;font:800 17px/32px var(--h);text-align:center}

/* ---------- stopka ---------- */
.stopka{background:var(--las2);color:#fff;padding:56px 0 30px;margin-top:clamp(56px,7vw,96px)}
main>.sek:last-child+.stopka,.bez-odstepu+.stopka{margin-top:0}
.stopka a{color:#fff;text-decoration:none}.stopka a:hover{text-decoration:underline}
.stopka .g{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.stopka h4{font:700 15px/1 var(--t);letter-spacing:.08em;text-transform:uppercase;color:var(--slonce);margin-bottom:14px}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka li{margin:0 0 9px;font-size:16px}
.stopka p{font-size:16px;line-height:1.55;margin:12px 0 0;max-width:24em}
.stopka .dol{border-top:1px solid rgba(255,255,255,.2);margin-top:36px;padding-top:18px;font-size:14.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.stopka .logo{color:#fff}

/* animacje: delikatny wjazd */
@media (prefers-reduced-motion:no-preference){
  .slonce-wsch{animation:wsch 2.4s cubic-bezier(.2,.7,.2,1) both}
  @keyframes wsch{from{transform:translateY(7px)}to{transform:none}}
}

/* ---------- responsywność ---------- */
@media (max-width:1180px){
  .nav a{padding:10px 9px;font-size:15.5px}
  .miasta{grid-template-columns:repeat(3,1fr)}
  .zasady{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1020px){
  .nav,.top .akcje .btn-ob{display:none}
  .menu-m{display:block}
  .top .wrap{grid-template-columns:1fr auto}
  .kafle,.karty{grid-template-columns:repeat(2,1fr)}
  .numery{grid-template-columns:repeat(2,1fr)}
  .art-gl .siatka,.os-gl .siatka,.os-tresc{grid-template-columns:1fr}
  .stopka .g{grid-template-columns:repeat(2,1fr)}
  .fakty-gr{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:17.5px}
  .kryzys .wrap{font-size:14px;gap:6px 14px}
  .top .wrap{min-height:64px;gap:12px}
  .logo span{font-size:20px}.logo svg{width:34px;height:34px}
  .liczby-hero{grid-template-columns:repeat(2,1fr)}
  .kafle,.karty,.karty-2,.kroki,.duet,.news,.najnowsze{grid-template-columns:1fr}
  .miasta{grid-template-columns:1fr 1fr}
  .zasady{grid-template-columns:1fr}
  .art-gl figure img{aspect-ratio:16/10}
  .tresc p,.tresc li{font-size:18px}
  /* tabele na telefonie = karty */
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{border:1px solid var(--linia);border-radius:12px;margin:0 0 12px;padding:6px 14px;background:#fff}
  .tbl tr:nth-child(even) td{background:transparent}
  .tbl td{border:0;border-bottom:1px solid var(--linia);padding:9px 0}
  .tbl td:last-child{border-bottom:0}
  .tbl td::before{content:attr(data-label);display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--las3);margin-bottom:3px}
  .tbl td:first-child{font-weight:700;font-size:17px}
  .stopka .g{grid-template-columns:1fr 1fr}
  .stopka .g>div:first-child{grid-column:1/-1}
  .numer b{font-size:26px}
  .btn{padding:14px 18px}
}
@media (max-width:420px){
  .top .akcje .btn-pomoc{padding:10px 12px;font-size:15px}
  .miasta{grid-template-columns:1fr}
  .fakty-gr{grid-template-columns:1fr 1fr}
}

/* ---------- test przesiewowy ---------- */
.test{margin:2.6em 0;background:var(--morela);border-radius:var(--r2);padding:clamp(20px,3vw,34px)}
.test h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 10px}
.test-gl p{margin:0 0 18px;font-size:17.5px}
.tp{border:0;margin:0 0 14px;padding:16px 16px 10px;background:#fff;border-radius:12px}
.tp legend{float:left;width:100%;font-weight:650;font-size:18px;line-height:1.4;margin-bottom:10px;padding:0}
.tp label{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-top:1px solid var(--linia);cursor:pointer;font-size:17px;clear:both}
.tp input{accent-color:var(--las);width:20px;height:20px;margin:2px 0 0;flex:none}
.test-wynik{background:#fff;border-radius:12px;padding:20px;margin-top:16px;border:2px solid var(--las)}
.tw-gl{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.tw-gl b{font:800 44px/1 var(--h)}
.tw-gl span{font:750 22px/1.2 var(--h)}
.test-wynik h3{margin:14px 0 6px}
.test-wynik p{margin:10px 0 0;font-size:17.5px}
.test-zastrz{font-size:15px;color:var(--ink2);margin:16px 0 0;line-height:1.5}

/* mapa Polski */
.mapa-pl{position:relative}
.mapa-pl svg{width:100%;height:auto;display:block}
.mapa-pl path{fill:var(--mech);stroke:#fff;stroke-width:2;transition:fill .2s}
.mapa-pl a:hover path,.mapa-pl a:focus path{fill:var(--slonce)}
.mapa-pl .c1 path{fill:#cfe3d5}.mapa-pl .c2 path{fill:#a9cfb5}.mapa-pl .c3 path{fill:#79b18f}.mapa-pl .c4 path{fill:#3f8a68}
.mapa-pl text{font:800 23px var(--h);fill:var(--ink);pointer-events:none;text-anchor:middle}
.mapa-pl text.n{font:700 17px var(--t);fill:var(--ink2)}
.mapa-pl .c4 text,.mapa-pl .c4 text.n{fill:#fff}
.pomoc-miasto{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.pomoc-miasto .miasta{grid-template-columns:repeat(2,1fr)}
.mini-mapa{position:relative;background:var(--niebo);border-radius:var(--r2);padding:18px}
.mini-mapa img{width:100%;height:auto}
.mini-mapa .kropka{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--swit);border:3px solid #fff;box-shadow:0 0 0 2px var(--swit)}
.mini-mapa .kropka::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--swit);opacity:.6;animation:puls 2s infinite}
@keyframes puls{from{transform:scale(.5);opacity:.8}to{transform:scale(1.6);opacity:0}}
.mini-mapa .pod{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:15px}
.mapa-osm{margin-top:12px;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.mapa-osm iframe{width:100%;height:100%;border:0}
@media (max-width:1020px){.pomoc-miasto{grid-template-columns:1fr}}
@media (max-width:760px){.numery{grid-template-columns:1fr 1fr}.pomoc-miasto .miasta{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.numery{grid-template-columns:1fr}}

/* mobile: zwarty pasek kryzysowy i nagłówek */
@media (max-width:760px){
  .kryzys .wrap{flex-wrap:nowrap;min-height:36px}
  .kryzys .nr{gap:14px;flex-wrap:nowrap;overflow:hidden}
  .kryzys .nr>span:first-child,.kryzys .nr a:nth-child(n+4),.kryzys .wrap>a{display:none}
  .kryzys .nr a{white-space:nowrap}
  .kryzys .nr a b{margin-right:4px}
  .kryzys .nr a:nth-child(3) span,.kryzys .nr a{font-size:13.5px}
  .top .wrap{grid-template-columns:1fr auto}
  .top .akcje{gap:8px}
  .menu-m summary{padding:9px 10px;font-size:15px}
}
@media (max-width:440px){
  .logo span{font-size:18px}.logo svg{width:30px;height:30px}.logo{gap:8px}
  .btn-pomoc .dl{display:none}
}
@media (max-width:760px){
  .kryzys .nr>span:first-child{display:inline}
  .kryzys .nr a:nth-child(n+4){display:inline}
  .kryzys .nr a span{display:none}
  .numery{align-items:start}
}

.kalk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kalk-g label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:16px}
.kalk-g input,.kalk-g select{font:500 18px var(--t);padding:13px 14px;border-radius:10px;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.kalk-zdr{margin-top:8px}.kalk-zdr li{font-size:17px}
@media (max-width:760px){.kalk-g{grid-template-columns:1fr}.pasek-liczb{grid-template-columns:1fr 1fr}}
.kat-gl,.os-gl{padding-top:26px}
.kat-gl h1{margin-top:0}
.kalk-g input,.kalk-g select{width:100%;min-width:0}
.kalk-w .pasek-liczb{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}