/* mojeprogramy.pl - arkusz motywu. Makieta: docs/makiety/mojeprogramy.html.
   Czcionki OFL hostowane lokalnie (Outfit, Plus Jakarta Sans, Red Hat Mono) - patrz czcionki.css.
   Kontrast: kazda para tekst/tlo >= 4,5:1, obramowania kontrolek >= 3:1 (WCAG 1.4.11).
   Najmniejszy stopien pisma 13 px - wnioski z audytu dostepnosci caao.io (10.2026). */

:root{
  --tlo:#f6f5fb; --karta:#ffffff; --tlo-2:#ecebf6; --ciemne:#17142e;
  --tekst:#17142e; --tekst-2:#45405f; --mute:#5f5a78;
  --akcent:#5b3df5; --akcent-c:#3f25c9; --akcent-mgla:#efebff;
  --plus:#08704d; --minus:#b4232a; --zolty:#f5c518;
  --linia:#dcd9ea; --linia-pole:#7f7a9b;
  --cien:0 1px 2px rgba(23,20,46,.06),0 10px 30px -18px rgba(23,20,46,.35);
  --r:14px; --r-maly:8px;
  --f-display:"Outfit","Segoe UI",system-ui,sans-serif;
  --f-text:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"Red Hat Mono",ui-monospace,Consolas,monospace;
  --w:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:var(--f-text);font-size:17px;line-height:1.65;overflow-x:hidden}
a{color:var(--akcent-c);text-decoration:none}
a:hover{color:var(--akcent)}
img,svg{max-width:100%;height:auto}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--akcent);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.kicker{display:inline-block;font-family:var(--f-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--akcent-c)}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance;color:var(--tekst)}
h1{font-size:clamp(36px,5vw,62px);font-weight:700}
h2{font-size:clamp(26px,3vw,36px);font-weight:700}
h3{font-size:21px;font-weight:650}
p{margin:0}
.pomin{position:absolute;left:-999px;top:0;background:var(--akcent);color:#fff;padding:10px 14px;font-weight:600;z-index:99}
.pomin:focus{left:8px;top:8px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;font-weight:650;font-size:15.5px;border:2px solid var(--tekst);color:var(--tekst);transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--tekst);color:#fff}
.btn.glowny{background:var(--akcent);border-color:var(--akcent);color:#fff}
.btn.glowny:hover{background:var(--akcent-c);border-color:var(--akcent-c);color:#fff}
.btn.pelny{width:100%;justify-content:center}

/* ---- naglowek ---- */
.top{background:var(--karta);border-bottom:1px solid var(--linia);position:sticky;top:0;z-index:10}
.top .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:750;font-size:23px;color:var(--tekst);letter-spacing:-.02em}
.logo:hover{color:var(--tekst)}
.logo .znak{width:32px;height:32px;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.logo .znak i{border-radius:4px;background:var(--akcent)}
.logo .znak i:nth-child(2){background:var(--zolty)}
.logo .znak i:nth-child(3){background:var(--ciemne)}
.logo .znak i:nth-child(4){background:var(--akcent-mgla);border:1.5px solid var(--akcent)}
.logo small{font:500 13px var(--f-mono);color:var(--mute);letter-spacing:.02em;margin-left:2px}
.nav{display:flex;gap:4px 22px;flex-wrap:wrap;font-size:15px;font-weight:600}
.nav a{color:var(--tekst-2);padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.on{color:var(--tekst);border-color:var(--akcent)}
.szukaj-top{display:flex;align-items:center;border:1.5px solid var(--linia-pole);border-radius:999px;height:42px;padding:0 6px 0 16px;min-width:230px;background:var(--karta)}
.szukaj-top:focus-within{border-color:var(--akcent);outline:3px solid var(--akcent-mgla)}
.szukaj-top input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:15px}
.szukaj-top input::placeholder{color:var(--mute)}
.szukaj-top button{border:0;background:var(--akcent);color:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer;font-size:16px}

/* ---- hero strony glownej ---- */
.hero{padding:64px 0 40px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end}
.hero .kicker{margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--akcent);background:linear-gradient(transparent 68%,var(--zolty) 68%,var(--zolty) 92%,transparent 92%)}
.hero .lead{font-size:19px;color:var(--tekst-2);margin-top:22px;max-width:56ch}
.szukaj-duze{display:flex;margin-top:30px;background:var(--karta);border:2px solid var(--tekst);border-radius:999px;padding:6px;max-width:560px;box-shadow:var(--cien)}
.szukaj-duze:focus-within{border-color:var(--akcent);outline:4px solid var(--akcent-mgla)}
.szukaj-duze input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 18px;font-size:17px}
.szukaj-duze input::placeholder{color:var(--mute)}
.szukaj-duze button{border:0;background:var(--akcent);color:#fff;border-radius:999px;padding:12px 22px;font-weight:650;cursor:pointer}
.szukaj-duze button:hover{background:var(--akcent-c)}
.zasady{padding:22px 24px;background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);box-shadow:var(--cien)}
.zasady h2{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.zasady-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.zasady-lista li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;font-size:15.5px;color:var(--tekst-2);line-height:1.5}
.zasady-lista li b{display:block;color:var(--tekst);font-weight:650}
.zasady-lista li::before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--akcent-mgla);color:var(--akcent-c);font-weight:700;font-size:14px}

/* ---- filtr kategorii ---- */
.filtr{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.filtr button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--linia-pole);background:var(--karta);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;color:var(--tekst-2);cursor:pointer}
.filtr button span{font:500 13px var(--f-mono);color:var(--mute)}
.filtr button:hover{border-color:var(--tekst);color:var(--tekst)}
.filtr button[aria-pressed=true]{background:var(--tekst);border-color:var(--tekst);color:#fff}
.filtr button[aria-pressed=true] span{color:#d9d6ec}

/* ---- sekcje ---- */
.sekcja{padding:56px 0}
.sekcja.alt{background:var(--tlo-2)}
.sekcja .glowa{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.sekcja .glowa p{color:var(--tekst-2);max-width:60ch;margin-top:8px}
.sekcja .glowa .kicker{margin-bottom:8px}

/* ---- kafel produktu ---- */
.katalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.kafel{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,transform .2s,border-color .2s}
.kafel:hover{box-shadow:var(--cien);border-color:var(--linia-pole);transform:translateY(-2px)}
.kafel[hidden]{display:none}
.kafel .gora{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center}
.monogram{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font:700 22px var(--f-display);color:#fff;background:var(--akcent);letter-spacing:-.02em}
.monogram.duzy{width:84px;height:84px;border-radius:20px;font-size:36px}
.kafel h3{font-size:20px}
.kafel h3 a{color:var(--tekst)}
.kafel h3 a:hover{color:var(--akcent-c)}
.kafel .prod{font-size:14px;color:var(--mute)}
.kafel .krotko{font-size:15.5px;color:var(--tekst-2);line-height:1.5;margin:0}
.cechy{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.cechy li{font:500 13px var(--f-mono);padding:4px 9px;border-radius:6px;background:var(--tlo-2);color:var(--tekst-2)}
.cechy li.tak{background:#e3f4ec;color:var(--plus)}
.cechy li.nie{background:#fbe9ea;color:var(--minus)}
.kafel .dol{display:grid;gap:12px;border-top:1px solid var(--linia);padding-top:14px;margin-top:auto}
.kafel .cena{margin:0;font-family:var(--f-display);font-size:19px;font-weight:700;color:var(--tekst);line-height:1.2}
.kafel .cena small{display:block;margin-top:3px;font:500 13px var(--f-mono);color:var(--mute)}
.kafel .linki{display:grid;grid-template-columns:1fr auto;gap:8px}
.przycisk-kafla{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--tekst);color:var(--tekst);font-weight:650;font-size:14.5px;white-space:nowrap;transition:background .2s,color .2s}
.przycisk-kafla:hover{background:var(--tekst);color:#fff}
.przycisk-kafla--go{border-color:var(--linia-pole);color:var(--tekst-2)}
.przycisk-kafla--go:hover{background:var(--akcent);border-color:var(--akcent);color:#fff}
.kafel .linki .przycisk-kafla--go:only-child{grid-column:1/-1}
.znak-prod{width:52px;height:52px;flex:none;border-radius:12px;background:#fff;border:1px solid var(--linia);display:grid;place-items:center;overflow:hidden;padding:5px}
.znak-prod img{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}
.znak-prod.maly{width:40px;height:40px;border-radius:10px;padding:4px}
.znak-prod.duzy{width:84px;height:84px;border-radius:20px;padding:8px}
.znak-prod.duzy img{border-radius:12px}
.brak-wynikow{padding:28px;border:1.5px dashed var(--linia-pole);border-radius:var(--r);color:var(--tekst-2)}

/* kolory kategorii - biale litery, kazdy >= 4,9:1 */
.k-wideo{background:#c2410c}.k-grafika{background:#be185d}.k-tekst{background:#4338ca}
.k-glos-i-audio{background:#0f766e}.k-transkrypcja{background:#1d4ed8}.k-automatyzacja{background:#7c3aed}
.k-bezpieczenstwo{background:#15803d}.k-social-media{background:#9d174d}.k-hosting{background:#0e7490}.k-biuro{background:#334155}.k-nauka{background:#a16207}

/* ---- porownania ---- */
.porownania{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.porownanie{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:18px 20px;display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:10px;align-items:center}
.porownanie .monogram{width:40px;height:40px;font-size:17px;border-radius:10px}
.monogram.maly{width:40px;height:40px;font-size:17px;border-radius:10px}
.porownanie .vs{font:600 13px var(--f-mono);color:var(--mute)}
.porownanie div{padding-left:6px}
.porownanie a{color:var(--tekst);font-weight:650;font-family:var(--f-display);font-size:18px;line-height:1.25}
.porownanie-tytul{font-family:var(--f-display);font-size:18px;font-weight:650;line-height:1.25;color:var(--tekst)}
.porownanie p{font-size:14.5px;color:var(--mute);margin-top:4px;line-height:1.45}

/* ---- lista tekstow ---- */
.wiersze{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--linia)}
.wiersz{display:grid;grid-template-columns:150px minmax(0,1fr) 130px;gap:28px;padding:22px 0;border-bottom:1px solid var(--linia)}
.wiersz .kat{font:600 13px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--akcent-c);padding-top:5px}
.wiersz h3{font-size:22px;margin-bottom:6px}
.wiersz h3 a{color:var(--tekst)}
.wiersz h3 a:hover{color:var(--akcent-c)}
.wiersz p{color:var(--tekst-2);font-size:15.5px}
.wiersz .meta{text-align:right;font:500 13px/1.7 var(--f-mono);color:var(--mute)}

/* ---- ujawnienie (jak zarabiamy) ---- */
.ujawnienie{background:var(--ciemne);color:#e9e7f5;border-radius:var(--r);padding:32px 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px}
.ujawnienie h2{color:#fff}
.ujawnienie .kicker{color:var(--zolty);margin-bottom:10px}
.ujawnienie p{color:#d9d6ec;font-size:16px}
.ujawnienie p+p{margin-top:12px}
.ujawnienie b{color:#fff}

/* ---- karta produktu (single) ---- */
.okruchy{font:500 13.5px var(--f-mono);color:var(--mute);padding:22px 0 0}
.okruchy a{color:var(--tekst-2)}
.okruchy a:hover{color:var(--akcent-c)}
.prod-hero{padding:22px 0 40px;border-bottom:1px solid var(--linia)}
.prod-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.prod-hero .naglowek{display:grid;grid-template-columns:84px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:22px}
.prod-hero h1{font-size:clamp(32px,4vw,50px)}
.prod-hero .lead{font-size:19px;color:var(--tekst-2);max-width:60ch}
.prod-hero .meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font:500 13.5px var(--f-mono);color:var(--mute)}
.prod-hero .meta b{color:var(--tekst);font-weight:600}
.dane{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);box-shadow:var(--cien);overflow:hidden}
.dane h2{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:18px 20px 0}
.dane dl{margin:10px 0 0;display:grid}
.dane dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 20px;border-top:1px solid var(--linia);font-size:15px;line-height:1.45}
.dane dt{color:var(--mute);font-size:14.5px}
.dane dd{margin:0;font-weight:600;color:var(--tekst)}
.dane dd.tak{color:var(--plus)}
.dane dd.nie{color:var(--minus)}
.dane .cta{padding:18px 20px 20px;border-top:1px solid var(--linia);background:var(--tlo)}
.dane .cta small{display:block;margin-top:10px;font-size:13.5px;color:var(--mute);line-height:1.45}
.dane .sprawdzono{font:500 13px var(--f-mono);color:var(--mute);padding:12px 20px;border-top:1px solid var(--linia)}

.prod-hero--tekst .wrap{grid-template-columns:1fr}
.prod-hero--tekst h1{margin-top:12px}
.prod-hero--tekst .lead{margin-top:18px}
.box-cta{margin-top:12px}
.podtytul-arch{font-size:24px;margin:0 0 16px}
.katalog--wyniki{margin-bottom:40px}
.ramka-ujawnienia{display:flex;gap:12px;align-items:flex-start;background:#fff8dc;border:1px solid #e9d27a;border-radius:var(--r-maly);padding:12px 16px;font-size:14.5px;color:#4d3d00;line-height:1.5;margin:0 0 28px}
.ramka-ujawnienia b{color:#2e2400}

.art{padding:44px 0 72px}
.art .wrap{display:grid;grid-template-columns:200px minmax(0,700px) minmax(0,1fr);gap:48px}
.art--prod .wrap{grid-template-columns:200px minmax(0,1fr)}
.toc{position:sticky;top:96px;align-self:start;font-size:14.5px}
.toc h4{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:9px;counter-reset:t}
.toc li{position:relative;padding-left:26px;line-height:1.4}
.toc li::before{counter-increment:t;content:counter(t);position:absolute;left:0;top:1px;font:600 13px var(--f-mono);color:var(--akcent-c)}
.toc a{color:var(--tekst-2)}
.toc li.on a,.toc a:hover{color:var(--tekst);font-weight:600}

.werdykt{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 36px}
.werdykt>div{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:20px 22px}
.werdykt h3{font-size:17px;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.werdykt h3::before{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#fff;flex:none}
.werdykt .plusy h3::before{content:"+";background:var(--plus)}
.werdykt .minusy h3::before{content:"−";background:var(--minus)}
.werdykt .dla h3::before{content:"✓";background:var(--akcent)}
.werdykt .nie-dla h3::before{content:"✕";background:var(--tekst-2)}
.werdykt ul{margin:0;padding-left:1.1em;font-size:15.5px;color:var(--tekst-2);line-height:1.5}
.werdykt li+li{margin-top:7px}

.tresc{font-size:18px;line-height:1.75;color:var(--tekst-2);max-width:700px}
.tresc p{margin:0 0 1.3em}
.tresc h2{font-size:30px;margin:1.6em 0 .55em;color:var(--tekst);scroll-margin-top:96px}
.tresc h3{font-size:22px;margin:1.4em 0 .5em;color:var(--tekst)}
.tresc ul,.tresc ol{padding-left:1.25em;margin:0 0 1.3em}
.tresc li{margin-bottom:.45em}
.tresc li::marker{color:var(--akcent)}
.tresc strong,.tresc b{color:var(--tekst)}
.tresc a{color:var(--akcent-c);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tresc a:hover{color:var(--akcent)}
.tresc a[href*="/go/"]{font-weight:650}
.tresc a.przycisk-go{display:inline-flex;margin:.4em 0 1.2em;padding:12px 20px;border-radius:999px;background:var(--akcent);color:#fff;text-decoration:none}
.tresc a.przycisk-go:hover{background:var(--akcent-c);color:#fff}
.tresc blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--zolty);font-size:20px;color:var(--tekst);font-family:var(--f-display);line-height:1.4}
.tresc code{font-family:var(--f-mono);font-size:.9em;background:var(--tlo-2);padding:1px 6px;border-radius:4px}
.tresc pre{background:var(--ciemne);color:#f1effa;padding:16px 18px;border-radius:var(--r-maly);overflow:auto;font-size:14.5px}
.tresc pre code{background:none;padding:0;color:inherit}
.tresc img{border-radius:var(--r-maly);border:1px solid var(--linia)}
.tresc figure{margin:1.6em 0}
.tresc figcaption{font-size:14px;color:var(--mute);margin-top:8px}
.sp-tabela{overflow-x:auto;margin:1.6em 0;border:1px solid var(--linia);border-radius:var(--r-maly);background:var(--karta)}
.tresc table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45;min-width:520px;margin:0}
.tresc th{text-align:left;font:600 13px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--tekst-2);background:var(--tlo-2);padding:12px 14px;border-bottom:1px solid var(--linia)}
.tresc td{padding:12px 14px;border-bottom:1px solid var(--linia);vertical-align:top;color:var(--tekst-2)}
.tresc tr:last-child td{border-bottom:0}
.tresc td:first-child{font-weight:650;color:var(--tekst)}
.tresc .sp-nota{margin-top:40px;padding:18px 20px;border:1.5px dashed var(--linia-pole);border-radius:var(--r-maly);font-size:14.5px;color:var(--tekst-2);line-height:1.55}
.tresc .sp-nota p{margin:0}
.tresc .sp-nota strong{color:var(--tekst)}

.alternatywy{margin-top:44px}
.alternatywy h2{font-size:26px;margin-bottom:16px}
.alternatywy .katalog{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pobocz{position:sticky;top:96px;align-self:start;display:grid;gap:18px}
.pobocz .box{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:18px 20px;font-size:15px;color:var(--tekst-2)}
.pobocz h4{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.pow{list-style:none;margin:0;padding:0;display:grid}
.pow li{padding:10px 0;border-top:1px solid var(--linia);line-height:1.4}
.pow li:first-child{border-top:0;padding-top:0}
.pow a{color:var(--tekst);font-weight:600}
.pow a:hover{color:var(--akcent-c)}

/* ---- strony i archiwa ---- */
.strona-hero,.naglowek-arch{padding:48px 0 26px}
.strona-hero .kicker,.naglowek-arch .kicker{margin-bottom:12px}
.strona-hero h1,.naglowek-arch h1{font-size:clamp(32px,4vw,48px)}
.naglowek-arch p{color:var(--tekst-2);margin-top:12px;max-width:62ch}
.strona-tresc{padding:10px 0 72px}
.tresc--strona .sp-naglowek h1,.tresc--strona .sp-kicker{display:none}
.archiwum{padding-bottom:72px}
.strony{margin-top:32px;font:500 14px var(--f-mono)}
.strony .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.strony .page-numbers{padding:8px 13px;border:1.5px solid var(--linia-pole);border-radius:8px;color:var(--tekst-2)}
.strony .page-numbers.current{background:var(--tekst);border-color:var(--tekst);color:#fff}
.pusto{color:var(--tekst-2);max-width:62ch}

/* ---- stopka ---- */
.stopka{background:var(--ciemne);color:#c9c5e0;padding:56px 0 30px;font-size:15px;margin-top:0}
.stopka .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.stopka .logo{color:#fff}
.stopka .logo small{color:#a39fc0}
.stopka .opis{margin-top:14px;max-width:40ch;color:#c9c5e0}
.stopka h4{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--zolty);margin:0 0 14px}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stopka a{color:#e9e7f5}
.stopka a:hover{color:#fff;text-decoration:underline}
.stopka :focus-visible{outline-color:var(--zolty)}
.stopka .nota{grid-column:1/-1;border-top:1px solid #34305a;padding-top:22px;display:grid;gap:10px;font-size:14px;line-height:1.6;color:#c9c5e0}
.stopka .nota b{color:#fff}
.stopka .nota .wydawca{color:#a39fc0}

/* ---- responsywnosc ---- */
@media(max-width:1100px){
  .art .wrap{grid-template-columns:minmax(0,1fr) 300px}
  .art--prod .wrap{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
}
@media(max-width:960px){
  .hero .wrap,.prod-hero .wrap,.ujawnienie{grid-template-columns:1fr}
  .top .wrap{grid-template-columns:auto 1fr}
  .nav{display:none}
  .szukaj-top{justify-self:end}
  .art .wrap{grid-template-columns:1fr}
  .pobocz{position:static}
  .stopka .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .wrap{padding:0 18px}
  .hero{padding:40px 0 28px}
  .szukaj-top{min-width:0;width:150px}
  .logo small{display:none}
  .werdykt{grid-template-columns:1fr}
  .wiersz{grid-template-columns:1fr;gap:6px}
  .wiersz .meta{text-align:left}
  .porownania{grid-template-columns:1fr}
  .stopka .wrap{grid-template-columns:1fr}
  .prod-hero .naglowek{grid-template-columns:64px minmax(0,1fr);gap:16px}
  .monogram.duzy,.znak-prod.duzy{width:64px;height:64px;font-size:28px;border-radius:16px}
  .dane dl div{grid-template-columns:110px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
@media print{
  .top,.pobocz,.toc,.stopka ul,.szukaj-top,.btn,.filtr{display:none!important}
  body{background:#fff}
  .tresc a::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}