/*
Theme Name: onsierozwodzi.pl
Description: Sklep z ebookami onsierozwodzi.pl — pięć książek o rozwodzie dla mężczyzn (Techium Krystian Sochaczewski). Jasny, zimny motyw: zimna biel, grafit, stal; jeden kolor akcji (#1F2328), Oswald + Inter. Klon motywu Zimnej Dyscypliny po CRO (15.10.2026) przez onsierozwodzi.pl, prefiks osr_.
Version: 1.0
Text Domain: onsierozwodzi
*/

@font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/oswald-700-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- zmienne z briefu (15.10.2026): jasna, zimna, męska. --accent (grafit) TYLKO: przycisk kupna, cena, pasek postępu, zaznaczony pakiet, pasek ładowania. --bg-dark TYLKO: blok cen, stopka ---- */
:root{
  --bg:#F4F5F7;--bg-2:#FFFFFF;--bg-dark:#1F2328;--line:#D0D4DA;
  --text:#15181C;--text-2:#3A3F47;--text-mute:#7B818A;--text-on-dark:#F4F5F7;
  --accent:#1F2328;--accent-hover:#2E343B;--btn-text:#FFFFFF;
  --book-1:#1F2328;--book-2:#8C6D1F;--book-3:#2E5E8C;--book-4:#4A4A4F;--book-5:#5B7F6B;
  --bg-card:#FFFFFF;--text-on-card:#15181C;
  --h:"Oswald","Inter",Arial,sans-serif;--t:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mut:var(--text-mute);--ink:var(--text);--card:var(--bg-2);
  --sh:0 10px 28px rgba(21,24,28,.12),0 2px 6px rgba(21,24,28,.08)   /* jedyne cienie: okładki i kartki PDF — jak papier na stole */
}
/* ciemne „ramy” strony (blok cen, stopka): te same komponenty, odwrócone zmienne; przycisk w ciemnym bloku jest biały */
.dark-blk{--bg:#1F2328;--bg-2:#2A2F36;--line:#3A4049;--text:#F4F5F7;--text-2:#C9CDD3;--text-mute:#8A9099;--accent:#F4F5F7;--accent-hover:#FFFFFF;--btn-text:#1F2328;--bg-card:#FFFFFF;--text-on-card:#15181C;background:#1F2328;color:var(--text-2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text-2);font:17px/1.55 var(--t);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}@media(min-width:821px){body{font-size:18px}}
a{color:var(--text)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4,.price,.num,.eyebrow,.pkc,.kc b,.kw.sum b,.pcena b{font-family:var(--h);font-weight:700;letter-spacing:.03em;color:var(--text);text-transform:uppercase}
h1{font-size:clamp(40px,5.6vw,68px);line-height:1.02;margin:14px 0 18px}h1 b{display:block;color:var(--text);font-weight:700}
h2{font-size:clamp(28px,3.8vw,44px);line-height:1.05;margin:10px 0 20px}
h3{font-size:22px;line-height:1.1;margin:0 0 8px}
p{margin:0 0 16px}.mut{color:var(--text-mute)}strong,b{color:var(--text);font-weight:600}
.eyebrow{font-size:14px;letter-spacing:.16em;color:var(--text-mute)}
.btn{display:inline-block;background:var(--accent);color:var(--btn-text);font:700 16px/1 var(--t);letter-spacing:0;text-transform:none;text-decoration:none;padding:17px 28px;border-radius:4px;border:0;cursor:pointer;min-height:52px}
.btn:hover{background:var(--accent-hover)}.btn.ghost{background:var(--bg-2);color:var(--text);border:1px solid var(--text);padding:13px 18px;font-size:14px;min-height:0}.btn.ghost:hover{background:var(--bg)}
.btn[aria-disabled=true]{opacity:.45;pointer-events:none}

/* pasek ładowania strony (brief: cienki pasek --accent u góry) */
#osrload{position:fixed;left:0;top:0;height:3px;width:0;background:var(--accent);z-index:99;transition:width .3s,opacity .4s}

/* ---- nagłówek ---- */
.topbar{border-bottom:1px solid var(--line)}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}nav .logo{display:block;text-decoration:none}
.wm{font:700 22px/1 var(--h);letter-spacing:.05em;text-transform:uppercase;color:var(--text);white-space:nowrap}.wm b{font-weight:700;color:var(--text);border-bottom:3px solid var(--text)}.stopka .wm{font-size:22px}@media(max-width:820px){.wm{font-size:18px}}
nav .menu{display:flex;align-items:center;gap:22px}nav .menu>a:not(.btn){color:var(--text);text-decoration:none;font:600 14px/1 var(--t);display:inline-flex;align-items:center;gap:8px}
nav .menu>a:not(.btn):hover{color:var(--text-2)}nav .kosz i{font-style:normal;background:var(--text);color:var(--bg);border-radius:4px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;padding:0 5px}
.pasek{background:var(--bg-dark);color:var(--text-on-dark);text-align:center;font:600 13.5px/1.3 var(--t);padding:9px 14px}.pasek a{color:var(--text-on-dark)}@media(max-width:820px){nav .menu{gap:14px}nav .menu .btn.ghost{display:none}nav .menu>a:not(.btn){font-size:13px}}

/* ---- hero marki (strona główna) ---- */
.hero{background:var(--bg);border-bottom:1px solid var(--line)}
.hero .g{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:40px 0 64px}
.lead{font-size:20px;color:var(--text-2);max-width:32em;margin:0 0 26px}
.cta2{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cta2 .btn{min-width:260px;text-align:center}
.under{font:14px/1.5 var(--t);color:var(--text-mute);margin-top:14px}.under .odrazu{color:var(--text);font-weight:600}
.cover{justify-self:center;width:min(360px,76vw);height:auto;display:block;border-radius:2px;box-shadow:var(--sh)}
.cover-m{display:none}
.zauf{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px;font:500 12.5px/1.4 var(--t);color:var(--text-mute)}.zauf li{display:flex;align-items:center;gap:6px}.zauf svg{color:var(--text-2);flex:0 0 auto}.zauf a{color:var(--text-mute)}
.box .zauf{justify-content:center;margin-top:14px}
/* deska rozdzielcza: 8 okładek w rzędzie, na telefonie przewijane poziomo */
.deska{padding:34px 0 40px;border-bottom:1px solid var(--line)}.deska .eyebrow{margin-bottom:14px}
.deskr{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.deskr a{display:block;text-decoration:none;color:var(--text-2);font:500 12.5px/1.3 var(--t)}
.deskr img{width:100%;height:auto;display:block;border-radius:3px;margin-bottom:8px;transition:transform .15s}.deskr a:hover img{transform:translateY(-4px)}.deskr b{display:block;font:700 16px/1.1 var(--h);letter-spacing:.04em;color:var(--text);text-transform:uppercase}.deskr i{display:block;font:600 11.5px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin-bottom:8px;font-style:normal}
.deskr span{display:block;color:var(--text-mute);margin-top:2px}
@media(max-width:820px){.deskr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;gap:10px;margin:0 -20px;padding:0 0 10px}.deskr::before,.deskr::after{content:"";flex:0 0 10px}.deskr a{flex:0 0 44%;scroll-snap-align:start}}

/* ---- „Na którym etapie jesteś?” — 5 kafelków → książka ---- */
.etapy{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}.etap{display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px;background:var(--bg-2);border:1px solid var(--line);border-top:3px solid var(--k,var(--text));border-radius:4px;text-decoration:none;color:var(--text-2);min-height:150px}
.etap:hover{border-color:var(--text)}.etap i{font:600 11px/1 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);font-style:normal}.etap b{font:700 20px/1.1 var(--h);letter-spacing:.03em;text-transform:uppercase;color:var(--text)}.etap span{font-size:14px;line-height:1.45}.etap em{margin-top:auto;font:600 13px/1 var(--t);font-style:normal;color:var(--text)}
@media(max-width:820px){.etapy{grid-template-columns:1fr 1fr;gap:10px}.etap{min-height:0;padding:14px}.etap b{font-size:17px}.etap span{font-size:13px}.etap:last-child{grid-column:1/-1}}
/* stan prawny (brief §4) */
.stan{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--t);color:var(--text-2);border:1px solid var(--line);background:var(--bg-2);padding:8px 10px;border-radius:4px}.stan a{color:var(--text-mute);font-weight:500}
/* historia urwana (sekcja Problem) */
.hist{margin:18px 0 0;padding:18px 20px;border-left:3px solid var(--text);background:var(--bg-2);color:var(--text);font-size:17px;line-height:1.55}.hist em{font-style:normal;color:var(--text-mute)}
/* ---- sekcje ---- */
section{padding:72px 0;border-bottom:1px solid var(--line)}section.dark{background:var(--bg-2)}section.alt{background:var(--bg-2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.quote{font-size:21px;line-height:1.45;border-left:3px solid var(--text);padding:4px 0 4px 22px;margin:0 0 22px;color:var(--text);font-weight:500}
ul.c{list-style:none;padding:0;margin:0}ul.c li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative}ul.c li:before{content:"";position:absolute;left:2px;top:20px;width:14px;height:2px;background:var(--text-2)}
ul.c.no li:before{background:var(--text-mute)}
.policz{margin-top:18px;padding:16px 18px;border-left:2px solid var(--text);background:var(--bg-2);color:var(--text)!important;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.it{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:20px 20px 18px}.it h3{font-size:20px;margin:10px 0 6px}.it p{font-size:15px;color:var(--text-2);margin:0;line-height:1.5}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font:600 17px/1.4 var(--t);color:var(--text);list-style:none}
summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right;color:var(--text-mute);font-weight:400}details[open] summary:after{content:"–"}details p{margin:12px 0 0;color:var(--text-2)}
.spis{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.spis li{display:flex;gap:20px;align-items:baseline;padding:17px 0;border-top:1px solid var(--line)}.spis .n{flex:0 0 34px;font:600 18px/1 var(--h);color:var(--text-mute);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.spis strong{display:block;font:600 18px/1.3 var(--t);color:var(--text)}.spis em{display:block;font-style:normal;font-size:15px;line-height:1.5;color:var(--text-mute);margin-top:3px}
.spisz{margin-top:26px;border:1px solid var(--line);border-radius:4px;padding:0 18px}.spisz summary{padding:16px 0;font:600 16px/1 var(--h);letter-spacing:.1em;color:var(--text)}
/* przed / po */
.ppg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.ppg>div{padding:22px;border-radius:4px;border:1px solid var(--line);background:var(--bg-2)}.ppg h3{margin:0 0 10px;font-size:18px;letter-spacing:.2em}.pp0 h3{color:var(--text-mute)}.pp1{border-color:var(--text-2)!important}
.ppg ul{list-style:none;margin:0;padding:0}.ppg li{padding:9px 0 9px 26px;position:relative;border-bottom:1px solid var(--line);font-size:16px}.ppg li:last-child{border:0}
.pp0 li{color:var(--text-mute)}.pp0 li:before{content:"×";position:absolute;left:4px}.pp1 li{color:var(--text)}.pp1 li:before{content:"✓";position:absolute;left:3px;color:var(--text);font-weight:800}
.ppp{margin:22px 0 0;font:600 18px/1.45 var(--t);color:var(--text);max-width:40em}
/* oś 30 dni */
.osl{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:o}
.osl li{position:relative;padding:44px 16px 16px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);counter-increment:o}
.osl li:before{content:counter(o);position:absolute;top:12px;left:16px;width:24px;height:24px;border-radius:50%;background:var(--text);color:var(--bg);font:600 15px/24px var(--h);text-align:center}
.osl b{display:block;font:600 15px/1.2 var(--h);letter-spacing:.12em;margin-bottom:8px}.osl span{display:block;font-size:15px;line-height:1.45}.osl em{display:block;font-style:normal;margin-top:8px;font-size:13.5px;color:var(--text-mute)}
/* czy to o tobie */
.czy ul{list-style:none;margin:16px 0 0;padding:0}.czy li{border-bottom:1px solid var(--line)}.czy label{display:flex;gap:12px;align-items:flex-start;padding:12px 2px;cursor:pointer;font-size:16px;color:var(--text-2)}
.czy input{width:20px;height:20px;margin-top:2px;accent-color:var(--text);flex:0 0 auto}.czyw{margin-top:18px;padding:16px 18px;border:1px solid var(--text-2);border-radius:4px;background:var(--bg-2)}.czyw p{margin:0 0 10px}.czyw .btn{display:inline-block;margin-top:4px}
/* dwie drogi */
.dwie{background:var(--bg-2);text-align:center}.dwie p{max-width:40em;margin:0 auto 16px;font-size:19px;line-height:1.5;color:var(--text)}.dwie p:first-child{color:var(--text-mute)}.dwie .btn{margin-top:10px}
/* ramka zakupu */
.buy .box{max-width:560px;margin:0 auto;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:38px 34px;text-align:center}
.price{font-size:72px;line-height:1;color:var(--accent);margin:14px 0 4px}.price small{font-size:26px;color:var(--text-mute)}
.box ul{text-align:left;margin:22px 0 26px}.box .btn{width:100%;font-size:18px;padding:19px}.kmak{display:block;width:min(240px,64vw);height:auto;margin:-10px auto 14px}
/* wybierz zestaw */
.pak .pakg{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;margin-top:26px;align-items:stretch}
.pk{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:24px 20px;text-align:center;display:flex;flex-direction:column}
.pk.on{border:2px solid var(--accent)}
.pkz{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--bg);color:var(--text);border:1px solid var(--text);font:600 11px/1 var(--t);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:3px;white-space:nowrap}
.pkn{font:600 16px/1 var(--h);letter-spacing:.2em;color:var(--text-mute)}
.pko{display:flex;justify-content:center;gap:6px;margin:16px 0 10px;min-height:110px;align-items:flex-end}.pko img{width:74px;height:auto;border-radius:2px}.pkos img{width:96px}
.pkt{font-size:14px;line-height:1.4;color:var(--text-2);margin:0 0 10px;flex:1}.pkc{font-size:38px;line-height:1;color:var(--accent)}
.pks{font-size:12.5px;color:var(--text-mute);margin:8px 0 16px;min-height:18px}.pk .btn{display:block;padding:15px}.pk .btn.ghost{font-size:14px;padding:14px}.pkp{font-size:13px;margin-top:16px}
/* wybór trzech okładkami (P11): kafelki z zaznaczeniem */
.wyb3{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 0}.wyb3 label{position:relative;display:block;cursor:pointer;border:2px solid transparent;border-radius:4px;padding:6px;background:var(--bg-2)}
.wyb3 label img{width:100%;height:auto;display:block;border-radius:2px;opacity:.55;transition:opacity .15s}.wyb3 input{position:absolute;opacity:0;width:0;height:0}.wyb3 label.on{border-color:var(--accent)}.wyb3 label.on img{opacity:1}
.wyb3 label.on:after{content:"✓";position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--btn-text);font:800 13px/22px var(--t);text-align:center}
.wyb-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-size:14.5px;color:var(--text-2)}.wyb-bar b{color:var(--text)}
/* opinie — jasne karty (jedyne jasne elementy) */
.opl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.op{margin:0;background:var(--bg-card);color:var(--text-on-card);border:1px solid var(--line);border-radius:4px;padding:18px}
.op blockquote{margin:10px 0 12px;font-size:15.5px;line-height:1.55;color:var(--text-on-card)}.op figcaption{font-size:12.5px;color:var(--text-mute)}.op b,.op strong{color:var(--text-on-card)}.gw{color:var(--text-on-card);letter-spacing:2px}.gw i{color:var(--line);font-style:normal}
.opinie .opsr{display:flex;align-items:center;gap:8px;margin:6px 0 20px;color:var(--text-2)}.opinie .opsr .gw{color:var(--text)}.opinie .opsr .gw i{color:var(--line)}
.licz{margin-top:10px;font:600 13px/1.4 var(--t);color:var(--text)}
@media(max-width:820px){.hero .g,.two{grid-template-columns:1fr;gap:34px}.grid{grid-template-columns:1fr}section{padding:52px 0}.hero .g{padding:16px 0 44px}.lead{font-size:17px}
  .hero .cover{display:none}.cover-m{display:block;float:right;width:104px;height:auto;margin:2px 0 10px 14px;border-radius:2px;box-shadow:var(--sh)}
  .hero h1{font-size:clamp(36px,10vw,40px)}.hero .btn{display:block;clear:both;text-align:center;font-size:16px;padding:16px 12px;width:100%}.cta2 .btn{min-width:0}
  .spis{grid-template-columns:1fr}.spis li{padding:14px 0}.ppg{grid-template-columns:1fr}.osl{grid-template-columns:1fr;gap:10px}.osl li{padding:14px 14px 14px 52px}.osl li:before{top:14px;left:14px}.dwie p{font-size:17px}
  .opl{grid-template-columns:1fr}.pak .pakg{grid-template-columns:1fr;gap:22px}.pak .pk.on{order:-1}.wyb3{grid-template-columns:repeat(5,1fr);gap:6px}.wyb-bar{flex-direction:column;align-items:stretch;text-align:center}}

/* ---- karta produktu (góra /product/…) ---- */
.prod{padding:26px 0 64px;border-bottom:1px solid var(--line)}.okr{font:500 13px/1 var(--t);color:var(--text-mute);margin-bottom:26px}.okr a{color:var(--text-mute);text-decoration:none}
.pg{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}.pz{text-align:center;position:sticky;top:18px}.pz img{max-width:100%;max-height:560px;width:auto;height:auto;border-radius:2px;box-shadow:var(--sh)}
.pi .lampa{display:block;width:72px;height:3px;margin:0 0 14px}
.pi h1{font-size:clamp(36px,4.4vw,56px);margin:0 0 14px}.plead{font-size:17.5px;line-height:1.6;color:var(--text-2);margin:0 0 22px}
.pcena{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 16px}.pcena b{font-size:48px;line-height:1;color:var(--accent)}.pcena span{font-size:13.5px;color:var(--text-mute)}
.ttv{font:600 14px/1.45 var(--t);color:var(--text-2);margin:-6px 0 16px}
.pbtn .btn{display:block;text-align:center;padding:19px;font-size:17px}.pkosz{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:var(--text-mute)}
.ppromo{margin-top:12px;padding:11px 14px;border:1px solid var(--line);border-radius:4px;font-size:14.5px;color:var(--text-2)}
.kplus{list-style:none;padding:0;margin:18px 0 0}.kplus li{position:relative;padding:5px 0 5px 24px;font-size:13.5px;color:var(--text-2)}.kplus li:before{content:"✓";position:absolute;left:2px;color:var(--text);font-weight:700}
.pdane{width:100%;border-collapse:collapse;margin-top:22px;font-size:14.5px}.pdane th,.pdane td{border-top:1px solid var(--line);padding:11px 0;text-align:left;vertical-align:top}.pdane th{width:32%;color:var(--text-mute);font-weight:500}.pdane td{color:var(--text-2)}
.hvt{font:600 13px/1.3 var(--t);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin:12px 0 -6px}
@media(max-width:820px){.prod{padding:14px 0 44px}.okr{margin-bottom:12px}.pg{display:block;position:relative}.pz{position:absolute;right:0;top:0;width:112px}.pz img{max-height:none;width:100%}
  .pi{display:flex;flex-direction:column}.pi>*{order:2}.pi>.lampa,.pi>.znak,.pi>.hvt,.pi>h1,.pi>.pcena,.pi>.ttv,.pi>.pbtn{order:1}.pi>.lampa,.pi>h1,.pi>.pcena,.pi>.hvt{margin-right:124px}.pi>.znak{align-self:flex-start;margin-bottom:10px}
  .pi h1{font-size:clamp(34px,9.5vw,44px);margin:0 124px 10px 0}.pi .ttv{margin:0 0 12px;font-size:13px}.pi .pcena{margin-bottom:10px}.pi .plead{margin-top:16px;font-size:16px}}

/* ---- przyklejony pasek na telefonie ---- */
.osrst{display:none}
@media(max-width:820px){.osrst:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;gap:10px;padding:9px 12px;background:rgba(244,245,247,.97);border-top:1px solid var(--line)}
  .osrst img{width:32px;height:auto;border-radius:2px}.osrst span{flex:1;min-width:0;font:600 13px/1.25 var(--t);color:var(--text)}.osrst span b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osrst .btn{padding:12px 18px;font-size:14px;min-height:0}body.osrst-on{padding-bottom:64px}}

/* ---- zdanie z reklamy (haki.php) ---- */
.hak{border-bottom:1px solid var(--line);background:var(--bg-2);padding:26px 0 22px}.hak .hk1{margin:0;font:600 clamp(28px,4vw,42px)/1.05 var(--h);letter-spacing:.02em;color:var(--text)}.hak .hk1 b{color:var(--text)}
.hak .hk2{margin:8px 0 0;font-size:17px;color:var(--text-2)}.hak .hk3{margin:12px 0 0;font:600 11.5px/1 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}
.is-landing .pasek,.is-landing nav .menu>a:not(.btn),.is-landing #seria,.is-landing .deska{display:none!important}

/* ---- lista /ebooki/ ---- */
.page{padding:54px 0 70px;border-bottom:1px solid var(--line)}.page h1{font-size:clamp(36px,5vw,60px);margin:0 0 26px}.page h2{font-size:26px;margin:30px 0 10px}.page .in{max-width:780px}.page .in p,.page .in li{color:var(--text-2)}
.promo{font-size:18px;max-width:44em;color:var(--text-2)}.promo b{color:var(--text)}
.zestawy{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}.it.ks{display:flex;flex-direction:column;text-align:center;position:relative}
.it.ks img{width:100%;height:auto;border-radius:3px;margin:0 auto 14px;display:block;max-height:340px;width:auto}.it.ks h3{font-size:20px;text-align:left}.it.ks p{text-align:left;flex:0 0 auto}.it.ks h3 a{color:var(--text);text-decoration:none}
.it.ks .price{margin-top:auto;padding-top:12px;text-align:left}.it.ks .price small{font-size:15px}.lista .it.ks .btn{display:block;text-align:center;padding:13px}.btn.wk{background:none;border:1px solid var(--text-2);color:var(--text);cursor:default}
.znak{display:inline-block;font:600 11.5px/1 var(--t);letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid var(--text);padding:7px 10px;border-radius:3px;margin:0 0 16px}
.it.ks .znak{position:absolute;top:14px;left:14px;margin:0;z-index:2;font-size:10.5px;padding:6px 9px;background:var(--bg)}.it.ks.gl{border-color:var(--text-2)}
.kbar{position:fixed;left:0;right:0;bottom:0;background:rgba(244,245,247,.97);border-top:1px solid var(--line);z-index:40;padding:9px 0}.kbar .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;font:600 13px/1.35 var(--t);color:var(--text-mute)}.kbar .wrap b{color:var(--text);font-weight:600}
.kbar .kb-l{color:var(--text);font-weight:600;white-space:nowrap;text-decoration:none;font-size:13.5px}body.woocommerce-shop{padding-bottom:84px}
@media(max-width:640px){.lista .zestawy{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.lista .it.ks{padding:10px 10px 12px}.lista .it.ks img{max-height:150px;margin:14px auto 8px}
  .lista .it.ks h3{font-size:15px;margin:4px 0 2px;line-height:1.1}.lista .it.ks>p:not(.price){display:none}.lista .it.ks .price{font-size:20px;margin:6px 0 8px;padding-top:0}
  .lista .it.ks .btn{padding:9px 6px;font-size:12px}.lista .it.ks .znak{top:6px;left:6px;font-size:8px;padding:4px 6px}.lista .promo{font-size:14.5px;line-height:1.5}.lista h1{font-size:34px}}

/* ---- koszyk (krok 1) ---- */
.kroki{display:flex;align-items:center;gap:12px;margin:0 0 26px;font:600 13px/1 var(--t);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);flex-wrap:wrap}.kroki span{display:inline-flex;align-items:center;gap:8px}
.kroki i{font-style:normal;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.kroki b{flex:0 0 34px;height:1px;background:var(--line)}
.kroki .on{color:var(--text)}.kroki .on i{background:var(--text);border-color:var(--text);color:var(--bg)}.kroki .ok{color:var(--text-2)}.kroki .ok i{border-color:var(--text-2)}
.kosz2{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;align-items:start}
.knag{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}.knag b{font:600 16px/1 var(--h);letter-spacing:.14em;color:var(--text)}.knag span{font-size:13.5px;color:var(--text-mute)}
.kpoz{border:1px solid var(--line);border-left:3px solid var(--text);background:var(--bg-2);border-radius:4px;padding:4px 20px}
.kp{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.kp:last-child{border-bottom:0}.kp img{width:62px;height:auto;flex:0 0 62px}.kn{flex:1}.kn strong{display:block;font:600 18px/1.3 var(--t)}.kn strong a{color:var(--text);text-decoration:none}.kn span{font-size:13.5px;color:var(--text-mute)}
.kc{text-align:right;white-space:nowrap}.kc b{display:block;font-size:24px;line-height:1.1;color:var(--text)}.kc s{font-size:13px;color:var(--text-mute)}.kc a:not(.btn){font-size:12.5px;color:var(--text-mute)}
/* pasek postępu „1 z 3” do gratisu — jedyne miejsce poza przyciskiem/ceną, gdzie wolno użyć --accent */
.kpas{margin:16px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.kpas b{display:block;font:600 14.5px/1.3 var(--t);color:var(--text);margin-bottom:8px}.kpas span{font-size:13px;color:var(--text-mute)}
.kpas .kpb{height:6px;border-radius:3px;background:var(--line);margin:8px 0 6px;overflow:hidden}.kpas .kpb i{display:block;height:100%;background:var(--accent)}
.kdob{margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.kdh{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.kdh b{font:600 12px/1 var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.kdh span{font-size:13.5px;color:var(--text-2)}
.kd{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.kd:last-child{border-bottom:0}.kd>a:first-child{line-height:0;flex:0 0 34px}.kd img{width:34px;height:auto;opacity:.9}
.kdn{flex:1;min-width:0}.kdn strong{display:block;font:600 14.5px/1.3 var(--t)}.kdn strong a{color:var(--text-2);text-decoration:none}.kdn strong a:hover{color:var(--text)}.kdn em{font:600 10px/1 var(--t);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-left:6px}
.kdn span{display:block;font-size:12.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kdc{white-space:nowrap;font-size:14px;color:var(--text-2)}.kdc b{font-weight:700}.kd .btn.ghost{padding:8px 12px;font-size:11.5px;white-space:nowrap}
.kr{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:22px 22px 20px;position:sticky;top:18px}.kr h2{font-size:18px;letter-spacing:.12em;margin:0 0 14px}
.kw{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15.5px;color:var(--text-2)}.kw b{color:var(--text);font-weight:600}.kw.rab,.kw.rab b{color:var(--text)}.kw.zie b{color:var(--text)}
.kw.sum{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font:600 17px/1.2 var(--t);color:var(--text);align-items:baseline}.kw.sum b{font-size:34px;line-height:1;color:var(--accent)}
.kr .btn{display:block;text-align:center;margin-top:16px;padding:17px;font-size:16px}.kr .kplus{margin:16px 0 0}
.kpusty{text-align:center;padding:40px 0}.kwroc{margin:-10px 0 20px;font-size:14px}.kwroc a{color:var(--text-mute)}body.woocommerce-cart .page .in,body.woocommerce-checkout .page .in{max-width:none}
.wiecej{display:block;text-align:center;font:500 13px/1 var(--t);color:var(--text-mute);margin-top:12px}
@media(max-width:900px){.kosz2{grid-template-columns:1fr}.kr{position:static}}@media(max-width:560px){.kdn span{white-space:normal}.kd{flex-wrap:wrap}.kdn{flex:1 1 60%}}
/* oferta „Cały rozwód” w koszyku i kasie */
.zser{display:flex;gap:22px;align-items:center;margin:22px 0;padding:22px 24px;border:1px solid var(--text-2);border-radius:4px;background:var(--bg-2)}
.zser-o{display:flex;flex:0 0 auto;align-items:flex-end}.zser-o img{width:44px;height:auto;border-radius:2px;margin-left:-16px;box-shadow:-4px 6px 12px rgba(21,24,28,.14)}.zser-o img:first-child{margin-left:0}
.zser-t{flex:1;min-width:0}.zser-t em{display:block;font:600 11px/1 var(--t);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);font-style:normal;margin-bottom:8px}
.zser-t b{display:block;font:600 28px/1.05 var(--h);color:var(--text);margin-bottom:8px}.zser-t span{display:block;font-size:15px;line-height:1.5;color:var(--text-2)}.zser-t strong{color:var(--text);font-size:18px}
.zser-t .btn{display:block;text-align:center;margin-top:14px;padding:16px}.zser-t small{display:block;margin-top:8px;font-size:12.5px;color:var(--text-mute)}.zser.kasa{margin:0 0 26px}
@media(max-width:820px){.zser{flex-direction:column;align-items:stretch;padding:18px 16px;gap:14px}.zser-o{justify-content:center}.zser-o img{width:38px;margin-left:-14px}}

/* ---- kasa (krok 2) ---- */
.kasa-top nav{padding:16px 0}
.kroki2{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.kroki2 .on{color:var(--text)}.kroki2 .ok{color:var(--text-2)}.kroki2 b{font-weight:400;color:var(--line)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,#place_order{background:var(--accent)!important;color:var(--btn-text)!important;font:700 16px/1 var(--t)!important;padding:17px 24px!important;border-radius:4px!important;border:0!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:4px;padding:13px 12px;font:16px var(--t)}
.woocommerce form .form-row label,.woocommerce-checkout h3,.woocommerce table.shop_table th{font-family:var(--t);color:var(--text)}
.woocommerce-checkout h3{font:600 24px/1 var(--h);letter-spacing:.06em;text-transform:uppercase}
.woocommerce table.shop_table,.woocommerce-checkout #payment div.payment_box,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce-order,.woocommerce ul.order_details{background:var(--bg-2)!important;border:1px solid var(--line)!important;color:var(--text-2)!important;border-radius:4px}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)!important}.woocommerce table.shop_table tr.fee td,.woocommerce table.shop_table tr.fee th{color:var(--text)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--bg-2)!important;color:var(--text)!important;border-top-color:var(--text-2)!important}.woocommerce-info::before,.woocommerce-message::before{color:var(--text-2)!important}
.woocommerce form .form-row .woocommerce-input-wrapper{width:100%}.woocommerce-checkout #payment .place-order{padding:18px!important}#place_order{width:100%;font-size:17px!important;padding:19px!important;min-height:52px}
.woocommerce form .form-row .required{color:var(--text-2)}.woocommerce form .form-row .optional{color:var(--text-mute)}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:100%;max-width:640px}.woocommerce-checkout .col2-set .col-2{display:none}
#billing_country_field{display:none!important}.osr-info{font:14px/1.5 var(--t);color:var(--text-mute);margin:0 0 14px}
.woocommerce table.shop_table tr.osr-dost th,.woocommerce table.shop_table tr.osr-dost td{font-weight:400;font-size:13.5px;color:var(--text-mute)}
.osr-mini{width:34px;height:auto;vertical-align:middle;margin-right:10px;border-radius:2px}
.osr-fv-t{margin:4px 0 10px}.osr-fv-t label{display:flex;gap:8px;align-items:center;font-size:15px;cursor:pointer;color:var(--text-2)}.osr-fv-t input{accent-color:var(--text);width:18px;height:18px}
.osr-po{font-size:13px;color:var(--text-mute);text-align:center;margin:10px 0 0}
.woocommerce-checkout #payment #place_order{float:none!important;display:block!important;width:100%!important;margin:14px 0 0!important}.woocommerce-checkout #payment .place-order::after{content:"";display:block;clear:both}
.woocommerce-checkout #payment .place-order label.checkbox,.woocommerce-checkout #payment .place-order .woocommerce-form__label-for-checkbox,.woocommerce-checkout #osr_zgoda_field label{display:block!important;font:600 14px/1.5 var(--t)!important;color:var(--text-2)}
.woocommerce-checkout #osr_zgoda_field{margin:8px 0 4px!important;padding:0!important}
.osr-bezp{display:flex;gap:10px;align-items:center;justify-content:center;margin:14px 0 0;font:500 13.5px/1.4 var(--t);color:var(--text-mute);clear:both;width:100%}.osr-bezp svg{flex:0 0 18px}.osr-bezp b{color:var(--text);font-weight:600}
/* dodatek w kasie: arkusz (Inwentarz majątku / Dziennik kontaktów) za 9,90 zł z ebookiem */
.osr-bump{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border:1px dashed var(--text-2);border-radius:4px;background:var(--bg-2);cursor:pointer;font-size:14.5px;line-height:1.45;color:var(--text-2)}
.osr-bump input{width:20px;height:20px;margin-top:2px;accent-color:var(--text);flex:0 0 auto}.osr-bump img{width:42px;height:auto;border-radius:2px;flex:0 0 auto}.osr-bump b{color:var(--text)}.osr-bump em{display:block;font-style:normal;color:var(--text-mute);font-size:13px;margin-top:2px}.osr-bump.wait{opacity:.6}
.osr-bump .osr-bump-o{display:block}.osr-bump select{margin-top:8px;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:10px;font:15px var(--t)}
/* płatność: pasek zaufania + kafelki metod */
.osr-zauf{margin:28px 0 14px}.osr-zauf h3{margin:0 0 12px;font:600 22px/1 var(--h);letter-spacing:.08em;color:var(--text)}
.osr-zauf ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.osr-zauf li{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);font:600 13.5px/1.35 var(--t);color:var(--text-mute)}.osr-zauf li svg{flex:0 0 18px;color:var(--text)}.osr-zauf li b{color:var(--text);font-weight:600}
.osr-sprz{margin:10px 2px 0;font:600 12.5px/1.5 var(--t);color:var(--text-mute)}.osr-sprz b{color:var(--text-2);font-weight:600}
.woocommerce-checkout #payment{background:transparent!important;border:0!important}.woocommerce-checkout #payment ul.payment_methods{padding:0!important;border:0!important;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{position:relative;margin:0!important;padding:16px 18px!important;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);display:flex!important;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked){border-color:var(--text)}
.woocommerce-checkout #payment ul.payment_methods li > input.input-radio{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0 12px 0 0!important;border:2px solid var(--text-mute);border-radius:50%;position:relative;top:-1px;cursor:pointer;flex:0 0 20px}
.woocommerce-checkout #payment ul.payment_methods li > input.input-radio:checked{border-color:var(--text);box-shadow:inset 0 0 0 4px var(--bg-2);background:var(--text)}
.woocommerce-checkout #payment ul.payment_methods li > label{display:inline-flex!important;align-items:center;justify-content:space-between;gap:12px;flex:1 1 0;width:auto!important;min-width:0;font:600 16px/1.3 var(--t)!important;color:var(--text)!important;cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li > label img{max-height:20px!important;margin:0!important;float:none!important}
.osr-pl-ik{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.osr-pl-pol{font:600 10.5px/1 var(--t);letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--text);padding:5px 8px;border-radius:4px}
.woocommerce-checkout #payment div.payment_box{flex:0 0 100%;margin:12px 0 0 32px!important;padding:0!important;background:transparent!important;border:0!important;font:600 14px/1.55 var(--t);width:auto!important;max-width:calc(100% - 32px);color:var(--text-2)!important}
.woocommerce-checkout #payment div.payment_box p,.woocommerce-checkout #payment div.payment_box a,.woocommerce-checkout #payment div.payment_box span,.woocommerce-checkout #payment div.payment_box label{color:var(--text-2)!important}.woocommerce-checkout #payment div.payment_box b{color:var(--text)!important;font-weight:600}
.osr-pl-loga{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}.osr-pl-chip{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 8px;background:#fff;border-radius:4px}.osr-pl-chip img{height:20px;width:auto;display:block}.osr-pl-wiecej{font:600 12.5px/1 var(--t);color:var(--text-mute);margin-left:4px}
.woocommerce-checkout #payment .place-order{margin-top:16px!important;border:1px solid var(--line);border-radius:4px;background:var(--bg-2)}
@media (max-width:700px){.osr-zauf ul{grid-template-columns:minmax(0,1fr)}.woocommerce-checkout #payment div.payment_box{margin-left:0!important;max-width:100%}.osr-pl-pol{display:none}.osr-pl-ik img{height:16px}}
.osr-dop{margin:0 0 28px;padding:26px 24px;border:1px solid var(--text-2);border-radius:4px;background:var(--bg-2)}.osr-dop h2{margin:8px 0 10px;font-size:clamp(28px,3.6vw,40px)}
/* formularz opinii */
.opf .opp{margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2)}.opf .opp>b{display:block}.opf textarea,.opf .opk input{width:100%;margin-top:10px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--text);font:15px/1.5 var(--t)}
.opg{display:inline-flex;flex-direction:row-reverse;gap:2px;margin-top:8px}.opg input{position:absolute;opacity:0}.opg label{font-size:30px;color:var(--line);cursor:pointer}.opg input:checked~label,.opg label:hover,.opg label:hover~label{color:var(--text)}
.opk{display:block;margin:6px 0 10px;font-weight:700}.opok{color:var(--text)}.oper{color:#e07a5f}
/* lista mailowa (wyłączona przełącznikiem OSR_LEAD; style zostają) */
.osrlead{margin:28px 0 0;padding:22px 24px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:center}
.osrlead h3{margin:4px 0 6px;font-size:26px}.osrlead p{margin:0;color:var(--text-2)}.sekl{padding:8px 0 28px}
.osrlf-r{display:flex;gap:10px;flex-wrap:wrap}.osrlf input[type=email]{flex:1 1 220px;min-width:0;padding:13px 14px;border-radius:4px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:16px var(--t)}.osrlf .btn{white-space:nowrap}
.osrlf-i{margin:9px 0 0!important;font-size:12.5px;color:var(--text-mute)!important;line-height:1.45}.osrlf-i a{color:var(--text-2)}.osrlf-ok{margin:0!important;padding:14px 16px;border:1px solid var(--text-2);border-radius:4px;background:var(--bg);color:var(--text)!important}.osrlf-er{margin:8px 0 0!important;color:#e07a5f!important;font-size:14px}
@media(max-width:760px){.osrlead{grid-template-columns:1fr;padding:18px}}
.osrpop{position:fixed;inset:0;z-index:60;background:rgba(21,24,28,.55);display:flex;align-items:center;justify-content:center;padding:16px}.osrpop[hidden]{display:none}.osrpop-w{position:relative;max-width:520px;width:100%}.osrpop .osrlead{grid-template-columns:1fr;margin:0}
.osrpop-x{position:absolute;right:8px;top:6px;z-index:2;width:40px;height:40px;border:0;background:none;color:var(--text-2);font-size:28px;line-height:1;cursor:pointer}
.lp{min-height:100vh;display:flex;align-items:center;padding:36px 0}.lpw{max-width:1060px}.lplogo{display:inline-block;font:600 18px/1 var(--h);letter-spacing:.14em;color:var(--text);text-decoration:none;margin-bottom:26px}.lp h1{margin:0 0 16px}.lplead{font-size:18px;line-height:1.6;color:var(--text-2);margin:0 0 14px}

/* ---- stopka ---- */
footer.stopka{padding:54px 0 40px;border-top:1px solid var(--line);font:14px/1.65 var(--t);color:var(--text-mute);background:var(--bg-dark)}
.stopka .st-kol{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:36px;padding-bottom:30px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.stopka .st-logo{font:600 22px/1 var(--h);letter-spacing:.1em;color:var(--text);margin-bottom:12px}.stopka h4{margin:0 0 12px;font:600 11.5px/1 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.stopka p{margin:0 0 10px}.stopka .st-marka p{max-width:300px}.stopka .st-kol a{display:block;color:var(--text-2);text-decoration:none;padding:4px 0}.stopka .st-kol a:hover{color:var(--text)}.stopka .st-kol a.st-w{color:var(--text)}
.stopka .st-drobne{font-size:12px;line-height:1.6;color:var(--text-mute);max-width:860px}.stopka .st-drobne p{margin:0 0 6px}.stopka .st-med{color:var(--text-2);font-weight:500}
@media(max-width:820px){.stopka .st-kol{grid-template-columns:1fr 1fr;gap:28px 20px}.stopka .st-marka{grid-column:1/-1}}@media(max-width:480px){footer.stopka{padding:40px 0 90px}}

/* ---- baner cookies ---- */
#osrck{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:18px 20px;font:14px/1.5 var(--t);color:var(--text-2);box-shadow:var(--sh)}#osrck a{color:var(--text)}
#osrck .btn{padding:11px 18px;font-size:13px;min-height:0}

/* ---- koszyk: „Uzupełnij zestaw” (cross-selling, 15.10.2026) — karta polecana ma ramkę w kolorze akcji (dozwolone jak zaznaczony pakiet) ---- */
.kx{margin:22px 0 0}.kxh{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:0 0 12px}.kxh b{font:600 18px/1 var(--h);letter-spacing:.12em;color:var(--text)}.kxh span{font-size:13.5px;color:var(--text-2)}
.kxg{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:1100px){.kxg{grid-template-columns:1fr 1fr}}
.kxc{position:relative;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px}.kxc.on{border-color:var(--accent)}
.kxc em{font:600 11px/1 var(--t);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);font-style:normal}.kxc.on em{color:var(--text)}
.kxo{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px}.kxo i{position:relative;display:block;line-height:0;opacity:.55}.kxo i.plus{opacity:1}.kxo i.plus::after{content:"+";position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--btn-text);font:700 14px/20px var(--t);text-align:center}
.kxo img{width:46px;height:auto;border-radius:2px;box-shadow:0 4px 10px rgba(21,24,28,.14)}.kxc.ser .kxo img{width:34px}.kxc.ser .kxo i{opacity:1}
.kxc p{margin:0;font-size:14.5px;line-height:1.45;color:var(--text-2)}.kxc p b{color:var(--text)}
.kxp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.kxp s{font-size:14px;color:var(--text-mute)}.kxp b{font:600 30px/1 var(--h);color:var(--accent)}.kxp span{font-size:13px;color:var(--text-mute)}
.kxc .btn{display:block;text-align:center;margin-top:4px;padding:15px 16px}
.kxw{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.kxw summary{cursor:pointer;font-size:13.5px;color:var(--text-2);list-style:none;display:flex;align-items:center;gap:8px}.kxw summary::-webkit-details-marker{display:none}.kxw summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--text-mute);border-bottom:1.5px solid var(--text-mute);transform:rotate(45deg);margin-top:-3px}.kxw[open] summary::before{transform:rotate(-135deg);margin-top:3px}
.kxch{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-top:12px}.kxch a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid var(--line);border-radius:4px;text-decoration:none;text-align:center;background:var(--bg)}.kxch a:hover{border-color:var(--text-2)}
.kxch img{width:64px;height:auto;border-radius:2px}.kxch b{font:600 13px/1.2 var(--t);color:var(--text)}.kxch span{font-size:11.5px;color:var(--text-mute)}
.it.ks img,.deskr img,.kxch img,.pko img{border-radius:4px}