/* Dobieracz v4 "katalog" - 03.11.2026. Ciemno, ostro: zero zaokrągleń > 2px, zero cieni, gradientów i poświat. */
@font-face{font-family:"Archivo";src:url(fonts4/archivo-v.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"JBM";src:url(fonts4/jbm-v.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--bg:#0a0b0a;--bg2:#0f110f;--bg3:#151815;--ln:#242824;--ln2:#363c36;--tx:#eceae3;--tx2:#a5a89e;--tx3:#6d7168;--ak:#ff5a1f;--ak2:#ff7a45;--ok:#62d98f;--tr:#e8c547;--no:#8a8d85;--plr:#e5323e;
--sans:"Archivo",system-ui,sans-serif;--mono:"JBM",ui-monospace,Consolas,monospace;--w:1320px}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--sans);font-stretch:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.w{max-width:var(--w);margin:0 auto;padding:0 32px}
.mono,code,kbd{font-family:var(--mono);font-size:12px;letter-spacing:.02em}
h1,h2,h3,h4{font-family:var(--sans);margin:0;letter-spacing:-.01em}
h1{font-size:clamp(40px,6.2vw,88px);line-height:.92;font-weight:850;font-stretch:68%;text-transform:uppercase}
h2{font-size:clamp(24px,2.6vw,34px);line-height:1.02;font-weight:800;font-stretch:72%;text-transform:uppercase}
h3{font-size:19px;line-height:1.25;font-weight:700;font-stretch:88%}
p{margin:0 0 1em}
.etk{display:inline-flex;align-items:center;gap:8px;font:600 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--tx2)}
.kw{display:inline-block;width:9px;height:9px;background:var(--ak)}
.ak{color:var(--ak)}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--tx2);max-width:760px;margin:18px 0 0}
.uwaga{font:400 12px/1.6 var(--mono);color:var(--tx3);margin-top:12px}
em{font-style:normal;color:var(--tx3)}
/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;background:var(--tx);color:var(--bg);border:1px solid var(--tx);font:700 13px/1 var(--sans);font-stretch:90%;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap}
.btn:hover{background:#fff}
.btn.ak{background:var(--ak);border-color:var(--ak);color:#0a0b0a}
.btn.ak:hover{background:var(--ak2);border-color:var(--ak2)}
.btn.ob{background:transparent;color:var(--tx);border-color:var(--ln2)}
.btn.ob:hover{border-color:var(--tx)}
.btn.male{min-height:34px;padding:0 12px;font-size:11px}
.partner{font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-left:4px}
/* nagłówek */
.top{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--ln)}
.top .w{display:flex;align-items:center;gap:28px;height:64px}
.logo4{display:inline-flex;align-items:center;gap:10px;font:900 26px/1 var(--sans);font-stretch:66%;text-transform:uppercase;letter-spacing:.005em;color:var(--tx)}
.logo4 i{width:14px;height:14px;background:var(--ak);display:inline-block}
.logo4 em{color:var(--tx3);font-weight:700}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{padding:8px 12px;font:600 13px/1 var(--sans);font-stretch:85%;text-transform:uppercase;letter-spacing:.07em;color:var(--tx2);border-bottom:2px solid transparent}
.nav a:hover,.nav a.on{color:var(--tx);border-bottom-color:var(--ak)}
.prawo{display:flex;align-items:center;gap:10px}
.szuk-btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 12px;background:transparent;color:var(--tx2);border:1px solid var(--ln2);font:500 13px/1 var(--sans);cursor:pointer}
.szuk-btn:hover{color:var(--tx);border-color:var(--tx2)}
.szuk-btn kbd{border:1px solid var(--ln2);padding:2px 5px;font-size:10px;color:var(--tx3)}
.prawo .dob{min-height:40px;padding:0 16px;font-size:12px}
.menu-btn{display:none;width:40px;height:40px;background:transparent;border:1px solid var(--ln2);color:var(--tx);font-size:18px;cursor:pointer}
.pasek4{border-bottom:1px solid var(--ln);background:var(--bg2)}
.pasek4 .w{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;height:36px;align-items:center}
.pasek4 span{font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);white-space:nowrap;padding:0 18px;border-left:1px solid var(--ln)}
.pasek4 span:first-child{padding-left:0;border-left:0}
.pasek4 b{color:var(--tx);font-weight:600}
.okr{padding-bottom:4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:22px;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3)}
.okr a:hover{color:var(--tx)}
.okr i{font-style:normal;color:var(--ln2)}
.okr span{color:var(--tx2)}
/* sekcje */
main{min-height:60vh}
.art-h{padding-top:36px;padding-bottom:28px}
.art-h.por h1{text-transform:none;font-size:clamp(34px,4.6vw,66px);font-stretch:70%;line-height:1;max-width:1000px}
.art-h h1{margin-top:16px}
.sek4{padding-top:56px}
.sek4-g{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--tx);margin-bottom:0}
.sek4-g a{font:600 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ak)}
.sek4-g a:hover{text-decoration:underline}
.sek4-g .mono{color:var(--tx3);text-transform:uppercase}
.opis4{color:var(--tx3);font:400 12px/1.6 var(--mono);margin:12px 0 0}
/* liczniki */
.lic4{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ln);margin-top:28px;max-width:860px}
.lic4 div{padding:14px 16px;border-left:1px solid var(--ln)}
.lic4 div:first-child{border-left:0}
.lic4 b{display:block;font:800 34px/1 var(--sans);font-stretch:70%}
.lic4 span{font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
/* HERO: instrument */
.hero4{display:grid;grid-template-columns:1.55fr 1fr;gap:48px;align-items:end;padding-top:56px;padding-bottom:32px}
.h4{margin-top:20px;font-size:clamp(46px,7.4vw,112px);line-height:.88}
.h4 span{display:block}
.h4 b{font-weight:900}
.h4-s{margin:22px 0 0;font-size:19px;color:var(--tx2)}
.h4-s b{color:var(--tx);font-family:var(--mono);font-weight:600}
.h4-r p{color:var(--tx2);font-size:17px;line-height:1.55;margin:0 0 14px}
.h4-r .mono{color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.miarka{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--ln2);margin-top:8px}
.miarka button{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:132px;padding:10px 12px;background:transparent;color:var(--tx2);border:0;border-left:1px solid var(--ln);font:600 13px/1 var(--mono);text-align:left;cursor:pointer}
.miarka button:first-child{border-left:0}
.miarka button:hover{background:var(--bg3);color:var(--tx)}
.miarka .sl{position:relative;z-index:1}
.miarka .sb{position:absolute;left:0;right:0;bottom:0;top:34px;display:flex;align-items:flex-end}
.miarka .sb i{display:block;width:100%;background:#2b3f9e;transition:height .25s}
.miarka .sn{position:relative;z-index:1;font-size:12px;color:var(--tx)}
.miarka button.pod .sb i{background:#24357f}
.miarka button.on{color:#0a0b0a;background:var(--ak)}
.miarka button.on .sb i{background:#0a0b0a33}
.miarka button.on .sn{color:#0a0b0a}
.miarka-o{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
.miarka-o .kw{background:#2b3f9e;margin-right:6px;vertical-align:-1px}
.zad4{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;align-items:center}
.zad4 button,.filtry button,.widok button{height:36px;padding:0 12px;background:transparent;color:var(--tx2);border:1px solid var(--ln2);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.zad4 button:hover,.filtry button:hover{color:var(--tx);border-color:var(--tx2)}
.zad4 button.on,.filtry button.on,.widok button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.tgl{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--ln2);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx);cursor:pointer;margin-left:auto}
.tgl input{accent-color:var(--ak);margin:0}
.wyn4{margin-top:40px}
.pusto{padding:24px 0;color:var(--tx2);margin:0}
/* flaga PL */
.fl{display:inline-block;width:12px;height:4px;margin-right:6px;vertical-align:1px;background:#f3f3f0;border-bottom:4px solid var(--plr);box-sizing:content-box}
/* lista katalogowa - bohater */
.lista4{border-top:0}
.r4-h,.r4{display:grid;grid-template-columns:44px 40px minmax(0,1fr) 170px 170px 92px 128px;gap:0 16px;align-items:center}
.lista4 .r4-h{padding:10px 0;border-bottom:1px solid var(--ln);font:500 10px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
.wyn4 .r4-h,.wyn4 .r4,.lista4.bez-k .r4-h,.lista4.bez-k .r4{grid-template-columns:44px 40px minmax(0,1fr) 190px 92px 128px}
.r4{padding:14px 0;border-bottom:1px solid var(--ln);color:var(--tx)}
.r4:hover{background:var(--bg2)}
.r4:hover h3{color:var(--ak)}
.r4 .n{font:500 12px/1 var(--mono);color:var(--tx3);padding-left:4px}
.logo-n{width:40px;height:40px;object-fit:contain;background:#fff;border:1px solid var(--ln);display:inline-flex;align-items:center;justify-content:center;flex:none}
.logo-n.lit{background:var(--bg3);color:var(--tx);font:800 18px/1 var(--sans)}
.logo-n.duze{width:72px;height:72px;font-size:30px}
.r4-t{min-width:0}
.r4-t h3{font-size:17px;font-weight:750;font-stretch:85%;margin:0}
.r4-t p{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--tx2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.r4-k{font-size:13px;color:var(--tx3);line-height:1.3}
.r4-c{font:600 13px/1.3 var(--mono);color:var(--tx)}
.r4-c em{font-weight:400;color:var(--tx3)}
.r4-f,.r4-p{font:600 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--tx3)}
.r4-f.ok{color:var(--ok)}
.r4-f.tr{color:var(--tr)}
.r4-p.pl{color:var(--tx)}
.lista4.rank4 .r4 .n{font:800 30px/1 var(--sans);font-stretch:70%;color:var(--tx)}
.lista4.rank4 .r4:nth-child(-n+4) .n{color:var(--ak)}
.lista4.waska{margin:18px 0}
.tresc .lista4.waska .r4-h{display:none}
.tresc .lista4.waska{border-top:1px solid var(--ln)}
/* JS z quizu i kalkulatora (stary znacznik .r) */
.lista-n .r:not(.r4),#wynik .r:not(.r4),#kal-lista .r{display:grid;grid-template-columns:30px 40px minmax(0,1fr) auto auto;gap:0 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ln)}
.lista-n .r:not(.r4) h3,#kal-lista .r h3{font-size:16px}
.lista-n .r:not(.r4) p,#kal-lista .r p{margin:0;color:var(--tx2);font-size:14px}
.lista-n .r:not(.r4) .c,#kal-lista .r .c{font:600 12px/1.4 var(--mono);text-align:right}
.lista-n .r:not(.r4) .c i{display:block;font-style:normal;color:var(--ok);font-size:10px;text-transform:uppercase}
/* indeks rankingów */
.indeks4{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--ln)}
.indeks4 a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);font-weight:600;font-stretch:90%}
.indeks4 a b{font:500 12px/1 var(--mono);color:var(--tx3)}
.indeks4 a:hover{background:var(--bg3);color:var(--ak)}
.indeks4.vs4 i{font:500 11px var(--mono);font-style:normal;color:var(--tx3);text-transform:uppercase;padding:0 4px}
/* poradniki */
.por4 a{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:20px;padding:18px 0;border-bottom:1px solid var(--ln);align-items:baseline}
.por4 .mono{color:var(--tx3)}
.por4 .pt b{display:block;font-size:20px;line-height:1.25;font-weight:750;font-stretch:85%}
.por4 .pt small{display:block;margin-top:6px;color:var(--tx2);font-size:15px;line-height:1.5}
.por4 .ps{text-align:right}
.por4 a:hover b{color:var(--ak)}
.nar4{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--ln)}
.nar4 a{display:flex;flex-direction:column;gap:10px;padding:18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);min-height:150px}
.nar4 b{font-size:21px;line-height:1.1;font-weight:800;font-stretch:75%;text-transform:uppercase}
.nar4 span:last-child{color:var(--tx2);font-size:14px;line-height:1.45}
.nar4 .mono{color:var(--ak)}
.nar4 a:hover{background:var(--bg3)}
/* strona narzędzia */
.n4{padding-top:28px;padding-bottom:0}
.n4-g{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;align-items:start;padding-bottom:32px}
.n4 h1{text-transform:none;font-size:clamp(44px,6vw,92px);font-stretch:66%;margin-top:12px}
.cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px}
.spec4{display:grid;grid-template-columns:repeat(6,1fr);margin:0;border-top:1px solid var(--tx);border-bottom:1px solid var(--ln)}
.spec4 div{padding:14px 16px 16px;border-left:1px solid var(--ln)}
.spec4 div:first-child{border-left:0;padding-left:0}
.spec4 dt{font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:8px}
.spec4 dd{margin:0;font-size:15px;line-height:1.35;font-weight:600}
.spec4 .cena dd{font:700 20px/1.2 var(--mono);color:var(--tx)}
.spec4 .ok dd{color:var(--ok)}
.spec4 .tr dd{color:var(--tr)}
.spec4 a{text-decoration:underline;text-decoration-color:var(--ln2);text-underline-offset:3px}
/* układ treści */
.uklad{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding-top:44px;padding-bottom:72px}
.tresc{max-width:780px;font-size:17px;line-height:1.7;color:#dcdad2}
.tresc>p:first-child{margin-top:0}
.tresc h2{margin:52px 0 16px;padding-top:14px;border-top:1px solid var(--tx);font-size:clamp(24px,2.4vw,32px)}
.tresc h2:first-child{margin-top:0}
.tresc h3{margin:30px 0 10px;font-size:20px}
.tresc a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--ak);text-underline-offset:3px;text-decoration-thickness:1px}
.tresc a:hover{color:var(--ak)}
.tresc a.r4,.tresc a.btn{text-decoration:none}
.tresc ul,.tresc ol{padding-left:0;margin:0 0 1.2em;list-style:none;counter-reset:li}
.tresc ul li,.tresc ol li{position:relative;padding:8px 0 8px 26px;border-bottom:1px solid var(--ln)}
.tresc ul li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:2px;background:var(--ak)}
.tresc ol li{counter-increment:li}
.tresc ol li::before{content:counter(li,decimal-leading-zero);position:absolute;left:0;top:11px;font:600 11px/1 var(--mono);color:var(--ak)}
.tresc strong,.tresc b{color:var(--tx)}
.tresc blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--ak);color:var(--tx)}
.tresc code{background:var(--bg3);padding:1px 5px}
.tresc figure{margin:28px 0}
.zrzut3 .ramka{display:block;border:1px solid var(--ln2)}
.zrzut3 img{display:block;width:100%}
figcaption{font:400 11px/1.5 var(--mono);color:var(--tx3);margin-top:8px;text-transform:uppercase;letter-spacing:.06em}
.pm{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);margin:12px 0 20px}
.pm>div{padding:16px 18px}
.pm>div+div{border-left:1px solid var(--ln)}
.pm ul{margin:8px 0 0}
.pm li{font-size:15px}
.etk.plus{color:var(--ok)}
.etk.minus{color:var(--ak2)}
details{border-bottom:1px solid var(--ln)}
details summary{cursor:pointer;padding:14px 30px 14px 0;font-weight:700;font-stretch:90%;position:relative;list-style:none;color:var(--tx)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";position:absolute;right:4px;top:12px;font:500 18px/1 var(--mono);color:var(--ak)}
details[open] summary::after{content:"-"}
details p{margin:0 0 16px;color:var(--tx2)}
#faq{margin-bottom:6px}
/* tabele */
table.rwd{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:15px}
table.rwd th{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--tx);font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
table.rwd td{padding:12px 12px 12px 0;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.45}
table.rwd tr:hover td{background:var(--bg2)}
table.cennik td:nth-child(2){font:700 14px/1.4 var(--mono);color:var(--tx);white-space:nowrap}
table.cennik td:nth-child(1) b{font-stretch:88%}
.t-nazwa{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none!important}
.t-nazwa .logo-n{width:24px;height:24px}
/* boczna */
.boczny{position:relative}
.boczny .box{border-top:1px solid var(--tx);padding:12px 0 22px;margin-bottom:8px}
.boczny .box:first-child{position:sticky;top:84px}
.box h3{display:flex;justify-content:space-between;font:600 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin:0 0 10px}
.box ul{list-style:none;margin:0;padding:0}
.box li a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ln);font-size:15px}
.box li a span{font:500 11px/1.6 var(--mono);color:var(--tx3)}
.box li a:hover{color:var(--ak)}
.box .wew{padding:0}
.box p{color:var(--tx2);font-size:15px}
/* tagi */
.tagi{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid var(--ln2);font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2)}
.tag.free{color:var(--ok);border-color:#2f5a3f}
/* porównania */
.vs-g{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--ln)}
.vs-g .str{display:flex;align-items:center;gap:20px}
.vs-g .str:last-child{justify-content:flex-end;flex-direction:row-reverse;text-align:right}
.vs-g h1{text-transform:none;font-stretch:66%}
.vs-g .vs{font:800 28px/1 var(--mono);color:var(--ak);text-align:center}
.wer{border:1px solid var(--ln);padding:16px 18px;margin-bottom:20px}
.price-evidence{margin-top:28px}
/* listy linków */
.linki-rzad{display:flex;flex-wrap:wrap;gap:0;border-left:1px solid var(--ln);border-top:1px solid var(--ln)}
.linki-rzad a{padding:10px 14px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);font-size:14px;font-weight:600;text-decoration:none!important}
.linki-rzad a:hover{background:var(--bg3);color:var(--ak)}
.siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));border-left:1px solid var(--ln);border-top:1px solid var(--ln)}
.karta{display:block;padding:18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.karta h3{font-size:18px}
.karta p{color:var(--tx2);font-size:14px;margin:6px 0 0}
.karta:hover{background:var(--bg3)}
.karta .okl,.okl3,.okl3-siatka,.okl-gen,.okl-p{display:none}
.sek{padding-top:48px}
.sek-g{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--tx);padding-bottom:12px;margin-bottom:16px}
.opis-sek{color:var(--tx3);font:400 12px/1.6 var(--mono)}
.pasek-listy{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 6px}
.filtry{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.widok{display:none}
.wykres{margin:16px 0;border-top:1px solid var(--ln)}
.w-r{display:grid;grid-template-columns:160px 1fr 150px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln);font-size:14px}
.w-r .bar{height:10px;background:var(--ak)}
.w-r span:last-child{font:600 12px var(--mono);text-align:right}
.rank,.rank-p{display:block}
/* quiz i kalkulator */
.quiz fieldset{border:0;border-top:1px solid var(--tx);margin:0 0 26px;padding:14px 0 0}
.quiz legend{font:800 22px/1 var(--sans);font-stretch:72%;text-transform:uppercase;padding:0 0 12px}
.opcje{display:flex;flex-wrap:wrap;gap:6px}
.opcje label{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--ln2);font-size:14px;cursor:pointer}
.opcje input{accent-color:var(--ak)}
.pole-kal input,input[type=search]{width:100%;height:48px;padding:0 14px;background:var(--bg2);color:var(--tx);border:1px solid var(--ln2);font:400 16px var(--sans);outline:0}
input[type=search]:focus{border-color:var(--ak)}
label{font-size:14px;color:var(--tx2)}
/* wyszukiwarka */
.szuk{position:fixed;inset:0;z-index:100;background:#0a0b0ae6;display:none;padding:9vh 16px 16px}
.szuk.on{display:block}
.szuk .pud{max-width:720px;margin:0 auto;background:var(--bg);border:1px solid var(--ln2)}
.szuk input{border:0;border-bottom:1px solid var(--ln2);height:58px;font-size:18px;background:var(--bg)}
.szuk .wyn{max-height:62vh;overflow:auto;padding:6px 0}
.szuk h5{margin:12px 16px 4px;font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--tx3)}
.szuk .wyn>a{display:flex;align-items:center;gap:12px;padding:9px 16px}
.szuk .wyn>a:hover,.szuk .wyn>a.sel{background:var(--bg3)}
.szuk .wyn b{display:block;font-weight:700}
.szuk .wyn small{display:block;color:var(--tx3);font-size:13px}
.szuk .logo-n,.szuk .ik{width:28px;height:28px}
.szuk .ik{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ln2);font:600 11px var(--mono);color:var(--ak);flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 10px}
.chips a{padding:6px 10px;border:1px solid var(--ln2);font-size:13px}
.chips a:hover{border-color:var(--tx)}
/* stopka */
.stopka{margin-top:80px;border-top:1px solid var(--tx);background:var(--bg2);padding:44px 0 26px;font-size:14px;color:var(--tx2)}
.stopka .kol{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
.stopka .logo4{font-size:22px;margin-bottom:14px}
.stopka h4{font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);margin:6px 0 12px}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka li{padding:3px 0}
.stopka a:hover{color:var(--ak)}
.stopka .dol{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:16px;border-top:1px solid var(--ln);font:400 11px/1.6 var(--mono);color:var(--tx3)}
.hero,.duzy-szuk,.probuj,.liczby,.glowna{display:block}
.autor{display:flex;align-items:center;gap:10px;margin-top:22px;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3)}
.autor img{width:26px;height:26px;background:#fff}
.n-head,.meta{display:block}
/* poradnik: nagłówek */
.art-h h1{max-width:1100px}
body.v4 .art-h h1:not(:only-child){}
/* responsywność */
@media (max-width:1180px){.r4-h,.r4{grid-template-columns:40px 40px minmax(0,1fr) 150px 80px 110px}.r4-k,.r4-h span:nth-child(4){display:none}.spec4{grid-template-columns:repeat(3,1fr)}.spec4 div:nth-child(4){border-left:0;padding-left:0}.spec4 div:nth-child(n+4){border-top:1px solid var(--ln)}.indeks4,.nar4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.nav{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.szuk-btn kbd,.szuk-btn span{display:none}
body.m-otw .nav{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg);padding:16px;z-index:60;margin:0}
body.m-otw .nav a{padding:16px 0;font-size:22px;border-bottom:1px solid var(--ln)}
.hero4{grid-template-columns:1fr;gap:20px}.uklad{grid-template-columns:1fr;gap:28px}.boczny .box:first-child{position:static}.stopka .kol{grid-template-columns:1fr 1fr}.indeks4,.nar4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.w{padding-left:16px;padding-right:16px}.top .w{gap:10px}.logo4{font-size:22px}.prawo .dob{display:none}
.r4-h{display:none!important}
.r4,.wyn4 .r4,.lista4.bez-k .r4{grid-template-columns:28px 40px repeat(3,auto) 1fr;row-gap:8px;padding:14px 0}
.r4 .n{padding-left:0}.r4-t p{-webkit-line-clamp:2}
.r4-c,.r4-f,.r4-p{font-size:11px}
.r4 .n{grid-column:1;grid-row:1}.r4 .logo-n{grid-column:2;grid-row:1}.r4-t{grid-column:3/-1;grid-row:1}
.r4-c{grid-column:3;grid-row:2}.r4-f{grid-column:4;grid-row:2}.r4-p{grid-column:5;grid-row:2}
.r4-f::before,.r4-p::before{content:attr(data-l) " ";color:var(--tx3);font-weight:400}
.r4{column-gap:12px}
.lista4.rank4 .r4 .n{font-size:22px}
.miarka{grid-template-columns:repeat(4,1fr)}.miarka button{height:84px;border-top:1px solid var(--ln)}.miarka button:nth-child(-n+4){border-top:0}.miarka button:nth-child(5){border-left:0}.miarka .sb{top:28px}
.tgl{margin-left:0}
.h4{font-size:clamp(42px,13vw,64px)}
.lic4{grid-template-columns:1fr 1fr}.lic4 div:nth-child(3){border-left:0}.lic4 div:nth-child(n+3){border-top:1px solid var(--ln)}
.indeks4,.nar4{grid-template-columns:1fr}
.por4 a{grid-template-columns:1fr;gap:4px}.por4 .ps{display:none}
.n4-g{grid-template-columns:1fr;gap:14px}.logo-n.duze{width:56px;height:56px}
.spec4{grid-template-columns:1fr 1fr}.spec4 div{border-left:0!important;padding-left:0!important;border-top:1px solid var(--ln)}.spec4 div:nth-child(even){padding-left:14px!important;border-left:1px solid var(--ln)!important}.spec4 div:nth-child(-n+2){border-top:0}
.pm{grid-template-columns:1fr}.pm>div+div{border-left:0;border-top:1px solid var(--ln)}
table.rwd thead{display:none}table.rwd tr{display:block;border-bottom:1px solid var(--ln);padding:8px 0}table.rwd td{display:grid;grid-template-columns:110px 1fr;gap:10px;border:0;padding:4px 0}table.rwd td::before{content:attr(data-l);font:500 10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3)}
table.cennik td:nth-child(2){white-space:normal}
.vs-g{grid-template-columns:1fr;gap:12px}.vs-g .str:last-child{flex-direction:row;justify-content:flex-start;text-align:left}.vs-g .vs{text-align:left}
.stopka .kol{grid-template-columns:1fr}.w-r{grid-template-columns:100px 1fr 90px}
.btn{padding:0 14px}.cta .btn{flex:1 1 auto}
.lista-n .r:not(.r4),#wynik .r:not(.r4),#kal-lista .r{grid-template-columns:24px 40px minmax(0,1fr);row-gap:6px}.lista-n .r:not(.r4) .c,#kal-lista .r .c{grid-column:3;text-align:left}
}

/* 03.11.2026 - poprawki po audycie: elementy ze starego szablonu bez stylu v4 */
:root{--linia:var(--ln);--linia2:var(--ln2);--szary:var(--tx2);--pow:var(--bg2);--T:var(--sans);--M:var(--mono)}
.zadania{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--ln);border-top:1px solid var(--ln)}
.zadania a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);font-weight:600;font-stretch:90%}
.zadania a span{font:500 12px/1 var(--mono);color:var(--tx3)}
.zadania a:hover{background:var(--bg3);color:var(--ak)}
.n-karta-w{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--ln)}
.n-karta-w b{display:block;font-size:17px;font-weight:750;font-stretch:88%}
.n-karta-w small{display:block;margin-top:4px;color:var(--tx2);font-size:14px;line-height:1.45}
.n-karta-w:hover b{color:var(--ak)}
/* wykres cen: słupki konkurencji */
.w-r .bar[style*="linia2"]{background:var(--ln2)!important}
/* kod do wklejenia */
.tresc pre{max-width:100%;overflow-x:auto;white-space:pre-wrap!important;overflow-wrap:anywhere;background:var(--bg2)!important;border:1px solid var(--ln)!important;border-radius:0!important;padding:16px!important;font:500 13px/1.6 var(--mono)}
/* tabele z markdownu bez klasy (dodaj narzędzie) */
.tresc table:not(.rwd){width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}
.tresc table:not(.rwd) th{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--tx);font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
.tresc table:not(.rwd) td{padding:12px 12px 12px 0;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.45}
.tresc table:not(.rwd) td:nth-child(2){font:700 14px/1.4 var(--mono);white-space:nowrap}
table.rwd{margin-bottom:24px}
/* strony z pustą kolumną boczną: treść na całą szerokość */
.uklad:has(>.boczny:empty){grid-template-columns:minmax(0,1fr)}
.uklad:has(>.boczny:empty) .tresc{max-width:none}
.uklad:has(>.boczny:empty)>.boczny{display:none}
table.rwd td[data-l="Data"],table.rwd td[data-l="Dodany"],.tresc li .mono{white-space:nowrap}
/* 404 */
main>.hero.w{padding-top:72px;padding-bottom:72px}
main>.hero .lead{margin-bottom:28px}
/* porównania: licznik pod wyszukiwarką */
#compare-count{display:block;margin-top:10px;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3)}
/* kalkulator */
#kal-suma:empty{display:none}
#kal-suma .wew>p{font:800 34px/1.1 var(--sans);font-stretch:72%;color:var(--tx)}
/* quiz: własne pola wyboru */
.opcje input{appearance:none;-webkit-appearance:none;flex:none;width:12px;height:12px;margin:0;border:1px solid var(--ln2);background:transparent}
.opcje input:checked{background:var(--ak);border-color:var(--ak)}
.opcje label:has(input:checked){border-color:var(--ak);color:var(--tx)}
.opcje label:hover{border-color:var(--tx3)}
/* za darmo: odstęp przycisku jak na innych stronach */
.art-h .cta{margin-top:28px}
/* okruszki: długi tytuł z wielokropkiem */
.okr span{max-width:min(720px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* blok "Z Promptowego" w kroju serwisu */
.zsp,.zsp *{font-family:var(--sans)!important}
/* lista narzędzi w kolumnie tekstu (alternatywy na stronie narzędzia): układ kart */
.tresc .lista4 .r4-h{display:none}
.tresc .r4,.tresc .lista4.bez-k .r4{grid-template-columns:28px 40px minmax(0,1fr) minmax(0,1fr);row-gap:6px;column-gap:12px}
.tresc .r4 .n{grid-column:1;grid-row:1}.tresc .r4 .logo-n{grid-column:2;grid-row:1}.tresc .r4-t{grid-column:3/-1;grid-row:1}
.tresc .r4-k{display:none}
.tresc .r4-c{grid-column:3/-1;grid-row:2}.tresc .r4-f{grid-column:3;grid-row:3}.tresc .r4-p{grid-column:4;grid-row:3}
.tresc .r4-f::before,.tresc .r4-p::before{content:attr(data-l) " ";color:var(--tx3);font-weight:400}
@media(max-width:1000px){.zadania{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.boczny .box:has(.spis){display:none}}
@media(max-width:720px){
.zadania{grid-template-columns:1fr}
.pasek4 .w{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.r4,.wyn4 .r4,.lista4.bez-k .r4{grid-template-columns:28px 40px minmax(0,1fr) minmax(0,1fr)}
.r4-c{grid-column:3/-1;grid-row:2}.r4-f{grid-column:3;grid-row:3}.r4-p{grid-column:4;grid-row:3}
.r4-c{white-space:nowrap}.r4-f,.r4-p{min-width:0;overflow-wrap:anywhere}
.miarka .sl{font-size:11px;line-height:1.15}.miarka .sb{top:44px}
.tresc table:not(.rwd) thead{display:none}.tresc table:not(.rwd) tr{display:block;border-bottom:1px solid var(--ln);padding:8px 0}.tresc table:not(.rwd) td{display:block;border:0;padding:3px 0;white-space:normal!important}
.tresc table:not(.rwd) td:first-child{font-weight:750}
}
@media(max-width:720px){.r4{grid-template-columns:28px 40px auto minmax(0,1fr)}.r4-p.pl::before{content:none}.r4-f,.r4-p{white-space:nowrap;letter-spacing:.03em}}