/* Dobieracz v5 - 05.11.2026. Rodzina "szóstki": Figtree + JetBrains Mono, ciemno, ostro, zero cieni, gradientów w tłach i pigułek.
   Akcent marki: malina #FF4F8B. Ładowany PO v4.css - nadpisuje tokeny i układ. Cofnięcie: V5 = False w build.py. */
:root{--bg:#100E17;--bg2:#17141F;--bg3:#1F1B2A;--ln:#2A2637;--ln2:#3E3850;--tx:#E8E4F1;--hd:#F5F2FB;--tx2:#BDB6CC;--tx3:#958DA6;
--ak:#FF4F8B;--ak2:#FF7AA8;--akc:#100E17;--ok:#5EE6A0;--tr:#FFC24B;--no:#958DA6;--plr:#E5323E;
--sans:"Figtree","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--w:1320px}
body.v5{background:var(--bg);color:var(--tx);font:400 17px/1.6 var(--sans);font-stretch:normal}
.v5 ::selection{background:var(--ak);color:var(--akc)}
.v5 .w{padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}
.v5 h1,.v5 h2,.v5 h3,.v5 h4{font-family:var(--sans);font-stretch:normal;text-transform:none;color:var(--hd)}
.v5 h1{font-size:clamp(38px,5.4vw,76px);line-height:1;font-weight:800;letter-spacing:-.035em}
.v5 h2{font-size:clamp(24px,2.4vw,34px);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.v5 h3{font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.v5 .mono,.v5 code,.v5 kbd{font-family:var(--mono)}
.v5 .etk{font:600 11px/1.3 var(--mono);letter-spacing:.12em;color:var(--ak)}
.v5 .lead{color:var(--tx);font-weight:500;font-size:clamp(18px,1.5vw,21px);line-height:1.5}
.v5 em{color:var(--tx3)}
/* przyciski: prostokąty, normalne litery */
.v5 .btn{min-height:46px;padding:0 22px;font:700 15px/1 var(--sans);text-transform:none;letter-spacing:0;background:var(--hd);border-color:var(--hd);color:var(--bg)}
.v5 .btn.ak{background:var(--ak);border-color:var(--ak);color:var(--akc)}
.v5 .btn.ak:hover{background:var(--ak2);border-color:var(--ak2)}
.v5 .btn.ob{background:transparent;color:var(--hd);border-color:var(--ln2)}
.v5 .btn.ob:hover{border-color:var(--ak);color:var(--ak)}
.v5 .partner{color:var(--tx3)}
/* pasek górny */
.tb5{border-bottom:1px solid var(--ln);background:var(--bg)}
.tb5 .w{display:flex;align-items:center;justify-content:space-between;gap:20px;height:38px;font:500 12px/1 var(--sans);color:var(--tx3)}
.tb5-s{font:500 12px/1 var(--mono);letter-spacing:.02em}
.tb5-s b{color:var(--tx);font-weight:700}
.tb5-r{display:flex;align-items:center;gap:22px}
.tb5-r a{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tx)}
.tb5-r a:hover{color:var(--ak)}
.tb5-r button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:var(--tx);font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.tb5-r button:hover{color:var(--ak)}
.tb5-r kbd{border:1px solid var(--ln2);padding:2px 5px;font:500 10px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--tx3)}
/* nagłówek (chowany) */
.v5 .top{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:0;transition:transform .25s ease;will-change:transform}
body.v5.schowany .top{transform:translateY(-110%)}
@media(prefers-reduced-motion:reduce){.v5 .top{transition:none}}
.v5 .top .w{height:72px;gap:32px}
.logo5{display:inline-flex;align-items:baseline;font:800 27px/1 var(--sans);letter-spacing:-.04em;color:var(--hd)}
.logo5 i{font-style:normal;color:var(--ak);margin-left:1px;animation:kur5 1.1s steps(1) infinite}
@keyframes kur5{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.logo5 i{animation:none}}
.v5 .nav{gap:4px;margin-left:auto}
.v5 .nav a{padding:10px 12px;font:600 15px/1 var(--sans);text-transform:none;letter-spacing:0;color:var(--tx2);border-bottom:2px solid transparent}
.v5 .nav a:hover{color:var(--hd)}
.v5 .nav a.on{color:var(--hd);border-bottom-color:var(--ak)}
.v5 .szuk-btn{width:44px;height:44px;justify-content:center;padding:0;border-color:var(--ln2);color:var(--tx)}
.v5 .szuk-btn:hover{border-color:var(--ak);color:var(--ak)}
.v5 .prawo .dob{min-height:44px;padding:0 18px;font-size:15px}
.v5 .menu-btn{border-color:var(--ln2);width:44px;height:44px}
.linia5{height:3px;background:linear-gradient(90deg,var(--ak) 0 34%,#A78BFA 34% 52%,#FFB23F 52% 66%,#38BDF8 66% 82%,#34D399 82% 100%)}
.v5 .pasek4{display:none}
.v5 .okr{padding-top:26px;color:var(--tx3)}
.v5 .okr span{color:var(--tx2)}
.v5 .okr a:hover{color:var(--ak)}
/* sekcje */
.s5,.b5{padding-top:72px}
.s5-g,.v5 .sek4-g{display:flex;align-items:baseline;gap:14px;padding:16px 0 14px;border-top:2px solid var(--hd);border-bottom:0;margin-bottom:6px}
.s5-g h2,.v5 .sek4-g h2,.v5 .sek4-g h3{margin:0}
.s5-nr{font:700 12px/1 var(--mono);color:var(--ak);letter-spacing:.08em}
.s5-g>a,.v5 .sek4-g a{margin-left:auto;font:700 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ak)}
.s5-g>.mono,.v5 .sek4-g .mono{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.v5 .sek4-g h2::before{content:"";display:inline-block;width:10px;height:10px;background:var(--ak);margin-right:12px;vertical-align:.12em}
.v5 .sek4{padding-top:64px}
.v5 .opis4{font:400 12px/1.6 var(--mono);color:var(--tx3);margin:4px 0 22px}
/* 1. otwarcie */
.o5{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:end;padding-top:64px}
.o5 h1{margin-top:22px;font-size:clamp(44px,6.2vw,92px);line-height:.98}
.o5 h1 span{display:block;color:var(--ak)}
.o5 .lead{max-width:640px;margin-top:26px}
.o5-szuk{display:flex;align-items:center;gap:14px;width:100%;max-width:680px;height:62px;margin-top:30px;padding:0 18px;background:var(--bg2);border:1px solid var(--ln2);color:var(--tx3);font:500 17px/1 var(--sans);cursor:text;text-align:left}
.o5-szuk svg{color:var(--ak);flex:none;width:20px;height:20px}
.o5-szuk span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o5-szuk kbd{flex:none;border:1px solid var(--ln2);padding:4px 7px;font:500 11px/1 var(--mono);color:var(--tx3)}
.o5-szuk:hover{border-color:var(--ak);color:var(--tx)}
.o5-z{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;font-size:15px}
.o5-z .mono{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
.o5-z a{font-weight:600;color:var(--tx);border-bottom:1px solid var(--ln2)}
.o5-z a:hover{color:var(--ak);border-color:var(--ak)}
.kaf5{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.kaf5 div{padding:20px 20px 18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.kaf5 b{display:block;font:800 clamp(36px,3.6vw,52px)/1 var(--sans);letter-spacing:-.04em;color:var(--hd)}
.kaf5 div:first-child b{color:var(--ak)}
.kaf5 span{display:block;margin-top:10px;font:600 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.o5-q{display:block;margin-top:16px;padding:20px;background:var(--ak);color:var(--akc)}
.o5-q .mono{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.75}
.o5-q b{display:block;margin-top:8px;font:800 26px/1.1 var(--sans);letter-spacing:-.02em}
.o5-q span:last-child{display:block;margin-top:6px;font-size:15px;font-weight:500}
.o5-q:hover{background:var(--ak2)}
/* 2. budżet */
.b5-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start;margin-top:26px}
.b5-h{margin:0;font:800 clamp(34px,4vw,58px)/1.02 var(--sans);letter-spacing:-.035em;color:var(--hd)}
.b5-h span{display:block}
.v5 .h4-s{margin:18px 0 0;font-size:18px;color:var(--tx2)}
.v5 .h4-s b{color:var(--hd);font:700 18px var(--mono)}
.v5 .zad4{gap:6px;margin-top:26px}
.v5 .zad4 button,.v5 .filtry button,.v5 .widok button{height:38px;padding:0 13px;border-color:var(--ln2);color:var(--tx2);font:600 14px/1 var(--sans);text-transform:none;letter-spacing:0}
.v5 .zad4 button:hover,.v5 .filtry button:hover{color:var(--hd);border-color:var(--tx3)}
.v5 .zad4 button.on,.v5 .filtry button.on,.v5 .widok button.on{background:var(--hd);border-color:var(--hd);color:var(--bg)}
.v5 .b5 .tgl{margin:14px 0 0;border-color:var(--ln2);font:600 14px/1 var(--sans);text-transform:none;letter-spacing:0;height:38px}
.v5 .miarka{margin-top:0;border-color:var(--ln2)}
.v5 .miarka button{height:250px;color:var(--tx2);font:600 13px/1 var(--mono)}
.v5 .miarka button:hover{background:var(--bg2);color:var(--hd)}
.v5 .miarka .sb{top:40px}
.v5 .miarka .sb i{background:#3B2A45}
.v5 .miarka button.pod .sb i{background:#5A2E48}
.v5 .miarka button.on{background:var(--bg2);color:var(--ak)}
.v5 .miarka button.on .sb i{background:var(--ak)}
.v5 .miarka button.on .sn{color:var(--akc)}
.v5 .miarka .sn{font:700 14px/1 var(--mono);color:var(--hd)}
.v5 .miarka-o .kw{background:#5A2E48}
.v5 .wyn4{margin-top:48px}
/* listy katalogu */
.v5 .lista4 .r4-h{color:var(--tx3);border-bottom:1px solid var(--ln2)}
.v5 .r4{border-bottom:1px solid var(--ln);position:relative}
.v5 .r4:hover{background:var(--bg2)}
.v5 .r4::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--ak);opacity:0}
.v5 .r4:hover::before{opacity:1}
.v5 .r4:hover h3{color:var(--ak)}
.v5 .r4 .n{padding-left:12px;color:var(--tx3)}
.v5 .r4-t h3{font-size:18px;font-weight:700;letter-spacing:-.01em;font-stretch:normal}
.v5 .r4-t p{font-size:15px;color:var(--tx2)}
.v5 .r4-c{color:var(--hd)}
.v5 .logo-n{border-color:var(--ln2)}
.v5 .logo-n.lit{background:var(--bg3);color:var(--hd);font:800 18px/1 var(--sans)}
.v5 .lista4.rank4 .r4 .n{font:800 32px/1 var(--sans);letter-spacing:-.04em;font-stretch:normal;color:var(--tx3)}
.v5 .lista4.rank4 .r4:nth-child(-n+4) .n{color:var(--ak)}
/* 3. karty */
.k5-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.k5{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);min-height:230px}
.k5::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--kk);opacity:.9}
.k5:hover{background:var(--bg2)}
.k5:hover h3{color:var(--ak)}
.k5-g{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.k5-k{display:inline-flex;align-items:center;gap:7px;font:600 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);min-width:0}
.k5-k i{width:8px;height:8px;background:var(--kk);flex:none}
.k5-n{margin-left:auto;font:700 12px/1 var(--mono);color:var(--tx3)}
.k5 h3{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em}
.k5 p{margin:0;font-size:15px;line-height:1.45;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k5-d{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ln);font:600 12px/1.3 var(--mono)}
.k5-d b{color:var(--hd);font-weight:700}
.k5-d b.bc{color:var(--tx3);font-weight:500}
.k5-o{display:flex;gap:10px;margin-left:auto;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.k5-o .ok{color:var(--ok)}.k5-o .tr{color:var(--tr)}.k5-o .pl{color:var(--hd)}
/* 4. indeks rankingów */
.ix5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.ix5 a{display:flex;align-items:center;gap:12px;padding:15px 16px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);font-weight:600;font-size:16px;color:var(--tx)}
.ix5 a i{width:10px;height:10px;background:var(--kk);flex:none}
.ix5 a b{margin-left:auto;font:500 12px/1 var(--mono);color:var(--tx3)}
.ix5 a:hover{background:var(--bg2);color:var(--ak)}
/* 5. poradniki + porównania */
.dw5{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:start}
.np5{list-style:none;margin:0;padding:0}
.np5 a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--ln)}
.np5-n{font:800 40px/.9 var(--sans);letter-spacing:-.04em;color:var(--ak)}
.np5 b{display:block;font-size:20px;line-height:1.25;font-weight:700;color:var(--hd);letter-spacing:-.01em}
.np5 small{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.np5 a:hover b{color:var(--ak)}
.vs5 a{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--ln);font-weight:700;font-size:16px;color:var(--hd)}
.vs5 a span:last-child{text-align:right}
.vs5 i{font:600 11px/1 var(--mono);font-style:normal;text-align:center;color:var(--ak);text-transform:uppercase}
.vs5 a:hover{color:var(--ak)}
/* 6. narzędzia */
.nar5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:10px}
.nar5 a{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg2);border-top:3px solid var(--ak);min-height:200px}
.nar5 a:nth-child(2){border-top-color:#A78BFA}.nar5 a:nth-child(3){border-top-color:#FFB23F}.nar5 a:nth-child(4){border-top-color:#38BDF8}
.nar5 .mono{font-size:12px;color:var(--tx3)}
.nar5 b{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--hd)}
.nar5 span:not(.mono){font-size:15px;color:var(--tx2)}
.nar5 em{margin-top:auto;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hd)}
.nar5 a:hover{background:var(--bg3)}
.nar5 a:hover em{color:var(--ak)}
/* stare bloki v4 na innych stronach */
.v5 .indeks4,.v5 .nar4,.v5 .zadania,.v5 .siatka{border-color:var(--ln)}
.v5 .indeks4 a,.v5 .zadania a{font-weight:600;font-stretch:normal}
.v5 .indeks4 a:hover,.v5 .zadania a:hover{background:var(--bg2);color:var(--ak)}
.v5 .nar4 b{text-transform:none;font-stretch:normal;letter-spacing:-.02em}
.v5 .por4 .pt b,.v5 .n-karta-w b{font-stretch:normal;font-weight:700}
.v5 .por4 a:hover b{color:var(--ak)}
.v5 .lic4{border-color:var(--ln);margin-top:30px}
.v5 .lic4 div{border-color:var(--ln)}
.v5 .lic4 b{font:800 38px/1 var(--sans);letter-spacing:-.04em;font-stretch:normal;color:var(--hd)}
.v5 .lic4 div:first-child b{color:var(--ak)}
.v5 .lic4 span{margin-top:8px;display:block}
.v5 .art-h{padding-top:30px;padding-bottom:34px}
.v5 .art-h h1{margin-top:16px}
.v5 .art-h.por h1{font-size:clamp(34px,4.4vw,60px);font-stretch:normal;line-height:1.05}
/* strona narzędzia: głowa w dwóch kolumnach, parametry jako kafelki */
.v5 .n4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:start;padding-top:30px;padding-bottom:8px}
.v5 .n4-g{grid-template-columns:88px minmax(0,1fr);gap:24px;padding-bottom:0}
.v5 .logo-n.duze{width:88px;height:88px;font-size:36px}
.v5 .n4 h1{font-size:clamp(44px,5.6vw,84px);font-stretch:normal;line-height:.98;margin-top:12px}
.v5 .n4 .lead{margin-top:18px}
.v5 .spec4{grid-template-columns:1fr 1fr;border:0;border-top:2px solid var(--hd);margin:0}
.v5 .spec4 div{padding:14px 16px 16px;border-left:0;border-bottom:1px solid var(--ln)}
.v5 .spec4 div:nth-child(even){border-left:1px solid var(--ln)}
.v5 .spec4 div:first-child{padding-left:16px;grid-column:1/-1;background:var(--bg2)}
.v5 .spec4 div:first-child dd{font:800 30px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ak)}
.v5 .spec4 div:nth-child(2){border-left:0}
.v5 .spec4 div:nth-child(3){border-left:1px solid var(--ln)}
.v5 .spec4 div:nth-child(4){border-left:0}
.v5 .spec4 div:nth-child(5){border-left:1px solid var(--ln)}
.v5 .spec4 div:nth-child(6){border-left:0;grid-column:1/-1}
.v5 .spec4 dd{font-size:16px}
.v5 .spec4 a:hover{color:var(--ak)}
.v5 .cta{margin-top:28px}
/* treść */
.v5 .uklad{gap:72px;padding-top:56px}
.v5 .tresc{font-size:18px;line-height:1.72;color:#DCD7E6}
.v5 .tresc h2{border-top:2px solid var(--hd);padding-top:16px}
.v5 .tresc h3{font-size:21px}
.v5 .tresc a{color:var(--hd);text-decoration-color:var(--ak)}
.v5 .tresc a:hover{color:var(--ak)}
.v5 .tresc ul li::before{background:var(--ak)}
.v5 .tresc ol li::before{color:var(--ak)}
.v5 .tresc blockquote{border-left-color:var(--ak)}
.v5 details summary{font-stretch:normal;font-size:17px}
.v5 details summary::after{color:var(--ak)}
.v5 .boczny .box{border-top:2px solid var(--hd)}
.v5 .boczny .box:first-child{top:24px}
.v5 .box li a:hover{color:var(--ak)}
.v5 .tag.free{border-color:#24533F}
.v5 table.rwd th,.v5 .tresc table:not(.rwd) th{border-bottom-color:var(--hd)}
.v5 table.rwd tr:hover td{background:var(--bg2)}
.v5 .pm{border-color:var(--ln)}
.v5 .etk.plus{color:var(--ok)}.v5 .etk.minus{color:var(--ak2)}
.v5 .vs-g h1{font-stretch:normal}
.v5 .vs-g .vs{color:var(--ak)}
.v5 .quiz fieldset{border-top:2px solid var(--hd)}
.v5 .quiz legend{font:800 24px/1.1 var(--sans);text-transform:none;font-stretch:normal;letter-spacing:-.02em;color:var(--hd)}
.v5 .opcje label{font-size:15px}
.v5 #kal-suma .wew>p{font:800 36px/1.1 var(--sans);font-stretch:normal;letter-spacing:-.03em}
.v5 .w-r .bar{background:var(--ak)}
.v5 .linki-rzad a:hover,.v5 .karta:hover{background:var(--bg2);color:var(--ak)}
/* wyszukiwarka */
.v5 .szuk{background:#100E17EB}
.v5 .szuk .pud{border-color:var(--ln2);border-top:3px solid var(--ak)}
.v5 .szuk input{font:500 19px var(--sans)}
.v5 .szuk .ik{color:var(--ak)}
.v5 .chips a:hover{border-color:var(--ak);color:var(--ak)}
.v5 input[type=search]:focus{border-color:var(--ak)}
/* stopka */
.st5{margin-top:96px;border-top:0;background:var(--bg);padding:0 0 26px;font-size:15px;position:relative}
.st5::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--ak) 0 34%,#A78BFA 34% 52%,#FFB23F 52% 66%,#38BDF8 66% 82%,#34D399 82% 100%)}
.st5 .w{padding-top:52px}
.st5-g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px}
.st5-o .logo5{font-size:30px}
.st5-o p{margin:16px 0 0;color:var(--tx2);max-width:380px}
.st5-o p.mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.st5-o .btn{margin-top:22px}
.v5 .stopka h4{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin:8px 0 14px}
.v5 .stopka li{padding:4px 0}
.v5 .stopka li a{color:var(--tx)}
.v5 .stopka a:hover{color:var(--ak)}
.v5 .stopka .dol{margin-top:44px;border-top-color:var(--ln)}
/* responsywność */
@media (max-width:1180px){.k5-s,.ix5,.nar5{grid-template-columns:repeat(3,minmax(0,1fr))}.v5 .n4{grid-template-columns:minmax(0,1fr);gap:32px}.v5 .nav a{padding:10px 8px;font-size:14px}}
@media (max-width:980px){
.tb5{display:none}
.v5 .top .w{height:64px}
body.v5.m-otw .nav{top:67px;background:var(--bg);gap:0}
body.v5.m-otw .nav a{font:700 24px/1.2 var(--sans);letter-spacing:-.02em;color:var(--hd);border-bottom:1px solid var(--ln);padding:16px 0}
.o5,.b5-g,.dw5{grid-template-columns:minmax(0,1fr);gap:36px}
.o5{padding-top:40px}
.k5-s,.ix5,.nar5{grid-template-columns:repeat(2,minmax(0,1fr))}
.st5-g{grid-template-columns:1fr 1fr}.st5-o{grid-column:1/-1}
.v5 .miarka button{height:150px}
}
@media (max-width:720px){
body.v5{font-size:18px}
.v5 .top .w{gap:10px}
.logo5{font-size:24px}
.v5 .prawo .dob{display:none}
.v5 .szuk-btn{width:44px}
.s5,.b5{padding-top:52px}
.s5-g{flex-wrap:wrap;row-gap:6px}.s5-g>a,.s5-g>.mono{margin-left:0;flex-basis:100%}
.v5 .sek4-g{flex-wrap:wrap}
.o5 h1{font-size:clamp(40px,11.5vw,56px)}
.o5-szuk{height:56px;font-size:15px}.o5-szuk kbd{display:none}
.kaf5 div{padding:16px 14px}
.kaf5 b{font-size:34px}
.k5-s,.ix5,.nar5{grid-template-columns:minmax(0,1fr)}
.k5{min-height:0}
.b5-h{font-size:clamp(32px,9vw,44px)}
.v5 .miarka button{height:96px}
.v5 .miarka .sb{top:46px}
.v5 .r4 .n{padding-left:0}
.v5 .r4-c{white-space:normal;overflow-wrap:anywhere;min-width:0}
.v5 .lista4.rank4 .r4 .n{font-size:24px}
.np5 a{grid-template-columns:40px minmax(0,1fr)}.np5-n{font-size:30px}
.v5 .n4-g{grid-template-columns:1fr}
.v5 .logo-n.duze{width:64px;height:64px}
.v5 .n4 h1{font-size:clamp(40px,12vw,58px)}
.v5 .spec4 div{padding:12px 14px!important}
.v5 .spec4 div:first-child dd{font-size:26px}
.v5 .lic4 b{font-size:30px}
.st5-g{grid-template-columns:minmax(0,1fr)}
.v5 .n4-g{grid-template-columns:minmax(0,1fr)}
.v5 .uklad{padding-top:36px}
}