:root{
  --brand:#2563c9;--brand-d:#1d4fa3;--brand-l:#eef4fd;
  --ink:#111827;--mut:#5b6573;--line:#e5e8ee;--field:#868f9c;--bg:#fff;--soft:#f5f7fa;
  --ok:#0f6b32;--warn:#b45309;--star:#a86b00;
  --r:10px;--w:1200px;--gap:24px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gap)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.tag{position:fixed;right:12px;bottom:12px;z-index:50;background:var(--ink);color:#fff;font-size:12px;padding:6px 11px;border-radius:99px}

/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r);font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn.p{background:var(--brand);color:#fff}.btn.p:hover{background:var(--brand-d)}
.btn.o{background:#fff;border-color:var(--line);color:var(--ink)}.btn.o:hover{border-color:var(--brand);color:var(--brand)}
.btn.sm{padding:8px 14px;font-size:14px}
.btn.lg{padding:15px 26px;font-size:16px}
.btn.full{width:100%}

/* góra */
.bar{background:var(--soft);border-bottom:1px solid var(--line);font-size:13px;color:var(--mut)}
.bar .wrap{display:flex;justify-content:space-between;gap:20px;height:38px;align-items:center}
.bar ul{display:flex;gap:22px;list-style:none;padding:0}
.bar b{color:var(--ink);font-weight:600}
.bar a:hover{color:var(--brand)}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--brand)}
.logo svg{width:30px;height:30px}
.sbox{flex:1;max-width:460px;position:relative}
.sbox input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--field);border-radius:var(--r);font:inherit;font-size:15px;background:var(--soft)}
.sbox input:focus{outline:0;border-color:var(--brand);background:#fff}
.sbox svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mut)}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{padding:8px 12px;border-radius:8px;font-weight:500;font-size:15px;color:var(--ink)}
.menu a:hover{background:var(--brand-l);color:var(--brand)}
.acts{display:flex;gap:8px}
.sub-nav{border-bottom:1px solid var(--line);background:#fff}
.sub-nav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;height:46px;align-items:center}
.sub-nav a{white-space:nowrap;font-size:14px;font-weight:500;color:var(--mut);padding:6px 12px;border-radius:99px}
.sub-nav a:hover{background:var(--soft);color:var(--ink)}
.sub-nav a.hot{color:var(--ok);font-weight:600}

/* hero */
.hero{padding:64px 0 48px}
.hg{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:center}
.eyebrow{font-size:14px;font-weight:600;color:var(--brand);margin-bottom:14px}
h1{font-size:clamp(34px,4.4vw,52px);line-height:1.1;letter-spacing:-.03em;font-weight:800}
.lead{font-size:18px;color:var(--mut);margin:18px 0 28px;max-width:560px}
.hs{display:flex;gap:10px;max-width:560px}
.hs input{flex:1;padding:14px 16px;border:1px solid var(--field);border-radius:var(--r);font:inherit;min-width:0}
.hs input:focus{outline:0;border-color:var(--brand)}
.pop{margin-top:14px;font-size:14px;color:var(--mut)}
.pop a{color:var(--brand);margin-right:12px;font-weight:500}.pop a:hover{text-decoration:underline}
.deal{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--brand-l)}
.deal small{font-size:13px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.05em}
.deal h2{font-size:24px;line-height:1.2;margin:8px 0 6px;letter-spacing:-.02em}
.deal .pr{font-size:42px;font-weight:800;letter-spacing:-.03em;margin:10px 0 2px}
.deal .pr span{font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0}
.deal ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px;font-size:15px}
.deal li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:9px}

/* liczby */
.facts{border-block:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.facts div{padding:22px 0;text-align:center;border-right:1px solid var(--line)}
.facts div:last-child{border:0}
.facts b{display:block;font-size:24px;letter-spacing:-.02em}
.facts span{font-size:14px;color:var(--mut)}

/* sekcje */
section.s{padding:64px 0 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
h2.t{font-size:28px;letter-spacing:-.025em;line-height:1.2;font-weight:700}
.ts{color:var(--mut);margin-top:6px;font-size:15px}
.lnk{font-weight:600;font-size:15px;color:var(--brand);white-space:nowrap}.lnk:hover{text-decoration:underline}

/* kategorie */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cat{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:border-color .15s,background .15s}
.cat:hover{border-color:var(--brand);background:var(--brand-l)}
.cat .ic{width:38px;height:38px;border-radius:8px;background:var(--brand-l);color:var(--brand);display:grid;place-items:center;flex:none}
.cat:hover .ic{background:#fff}
.cat .ic svg{width:20px;height:20px}
.cat b{display:block;font-size:15px;line-height:1.25}
.cat span{font-size:13px;color:var(--mut)}

/* karty produktów */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card,.wph-cards>li{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:border-color .15s}
.card:hover,.wph-cards>li:hover{border-color:var(--brand)}
.card .im,.wph-cards>li .im{background:var(--soft);aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)}
.card .im img,.wph-cards>li .im img{width:100%;height:100%;object-fit:cover}
.card .in,.wph-cards>li .in{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .cg,.wph-cards>li .cg{font-size:12px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.card h3,.wph-cards>li h3{font-size:16px;line-height:1.35;font-weight:600}
.card p,.wph-cards>li p{font-size:14px;color:var(--mut);line-height:1.45}
.rt{font-size:13px;color:var(--mut)}.rt b{color:var(--star);letter-spacing:1px}
.card .ft,.wph-cards>li .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}
.price{font-size:20px;font-weight:700;letter-spacing:-.02em}
.price small{display:block;font-size:12px;font-weight:500;color:var(--mut);letter-spacing:0;line-height:1}

/* dlaczego u nas */
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.perk .ic{width:40px;height:40px;border-radius:10px;background:var(--brand-l);color:var(--brand);display:grid;place-items:center;margin-bottom:12px}
.perk .ic svg{width:20px;height:20px}
.perk b{display:block;margin-bottom:4px}
.perk p{font-size:14px;color:var(--mut)}

/* pakiet pasek */
.strip{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.strip h2{font-size:24px;letter-spacing:-.02em;margin-bottom:6px}
.strip p{color:var(--mut);max-width:560px}

/* faq / usługi */
.two{display:grid;grid-template-columns:1.3fr 1fr;gap:56px}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--brand);font-size:22px;line-height:1}
details[open] summary:after{content:"–"}
details p{color:var(--mut);margin-top:10px;font-size:15px;max-width:620px}
.sv a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}
.sv a span{font-weight:400;color:var(--mut);font-size:14px}
.sv a:hover{color:var(--brand)}
h3.c{font-size:20px;margin-bottom:10px;letter-spacing:-.02em}

footer{margin-top:80px;background:var(--soft);border-top:1px solid var(--line);padding:48px 0 28px;font-size:14px;color:var(--mut)}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
footer b{display:block;color:var(--ink);margin-bottom:10px}
footer a{display:block;padding:3px 0}footer a:hover{color:var(--brand)}
.fb{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* strona produktu */
.crumb{font-size:13px;color:var(--mut);padding:18px 0}.crumb a:hover{color:var(--brand)}
.pg{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
.gal{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft)}
.gal img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pg h1{font-size:30px;letter-spacing:-.025em;line-height:1.2}
.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--mut);margin:12px 0 0;align-items:center}
.buy{border:1px solid var(--line);border-radius:14px;padding:24px;position:sticky;top:92px;background:#fff}
.buy .pr{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.buy .pr span{font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0;margin-left:4px}
.buy ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px;font-size:14.5px}
.buy li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:9px}
.buy .btn+.btn{margin-top:10px}
.buy small{display:block;margin-top:14px;font-size:13px;color:var(--mut);text-align:center}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:40px 0 24px;position:sticky;top:72px;background:#fff;z-index:5}
.tabs a{padding:12px 14px;font-weight:600;font-size:15px;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--brand);border-color:var(--brand)}
.doc h2{font-size:22px;letter-spacing:-.02em;margin:36px 0 12px}
.doc p,.doc li{color:#374151}
.doc ul{padding-left:20px;display:grid;gap:6px}
.tbl{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.tbl div{display:grid;grid-template-columns:200px 1fr;padding:12px 16px;border-bottom:1px solid var(--line)}
.tbl div:last-child{border:0}.tbl div:nth-child(odd){background:var(--soft)}
.tbl span{color:var(--mut)}
.todo{background:#fff8e6;border:1px dashed #e0b84d;color:#7a5a00;border-radius:8px;padding:2px 8px;font-size:13px}

@media(max-width:980px){
  .hg,.two,.pg,.fg{grid-template-columns:1fr}
  .cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.perks{grid-template-columns:repeat(2,1fr)}
  .facts .wrap{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .menu,.bar ul{display:none}.sbox{max-width:none}
  .buy{position:static}.strip{padding:26px}
}
@media(max-width:560px){
  .cats,.grid,.perks{grid-template-columns:1fr}
  .sh{flex-direction:column;align-items:start}.hs{flex-direction:column}
  .acts .o{display:none}.hero{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== WPHocus – część dodatkowa (wersja D) ===== */
header{position:static;border:0;background:transparent}
.top{position:relative;z-index:5;background:linear-gradient(180deg,#dfeaff 0%,#eef4fd 60%,#fff 100%);overflow-x:clip}
.top:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#2563c933 1.4px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.top:after{content:"";position:absolute;width:640px;height:640px;right:-220px;top:-300px;border-radius:50%;background:radial-gradient(circle,#2563c92e,transparent 65%)}
.top>*{position:relative;z-index:1}
.top .btn.o{background:#ffffffcc}
.nav{height:84px}
.nav .menu{margin-left:auto}
.nav .hsearch{flex:1;max-width:440px;margin-left:8px}
.nav .hsearch+.menu{margin-left:0}
.hsearch{position:relative}
.hsearch input{width:100%;padding:12px 16px 12px 42px;border:1px solid var(--field);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.hsearch input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px #2563c926}
.hsearch>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mut);pointer-events:none}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px #11182726;z-index:40;overflow:hidden;text-align:left}
.sug[hidden]{display:none}
.sug a{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.sug a:last-of-type{border-bottom:0}
.sug a:hover,.sug a.on{background:var(--brand-l)}
.sug img{width:56px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none}
.sug b{display:block;font-size:14.5px;font-weight:600;line-height:1.3}
.sug span{font-size:13px;color:var(--mut)}
.sug .pr{margin-left:auto;font-weight:700;font-size:14px;white-space:nowrap}
.sug .all{display:block;padding:12px 14px;text-align:center;font-weight:600;font-size:14px;color:var(--brand);background:var(--soft)}
.sug .none{padding:16px;font-size:14px;color:var(--mut)}

/* nagłówek podstron */
.pagehead{padding-top:6px;padding-bottom:38px}
.pagehead h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;line-height:1.1}
.pagehead p{color:var(--mut);margin-top:10px;max-width:640px;font-size:17px}
.pagehead .crumb{padding:0 0 14px}
.crumb{font-size:13.5px;color:var(--mut)}.crumb a:hover{color:var(--brand)}.crumb i{font-style:normal;margin:0 6px;opacity:.5}

/* strona główna – hero */
.hero2{padding:70px 0 110px;text-align:center}
.hero2 h1{font-size:clamp(38px,5.6vw,68px);line-height:1.06;letter-spacing:-.035em;max-width:880px;margin:0 auto}
.hero2 .lead{margin:22px auto 36px;font-size:20px;max-width:620px}
.big-s{display:flex;gap:10px;max-width:680px;margin:0 auto;padding:8px;border:1px solid var(--field);border-radius:16px;box-shadow:0 6px 24px #11182714;background:#fff;position:relative}
.big-s input{flex:1;border:0;outline:0;font:inherit;font-size:18px;padding:0 14px;min-width:0;background:transparent}
.big-s .btn{padding:15px 28px;font-size:16px}
.big-s .sug{left:0;right:0;top:calc(100% + 10px)}
.hero2 .or{margin-top:26px;color:var(--mut);font-size:15px}
.hero2 .or a{color:var(--brand);font-weight:600}.hero2 .or a:hover{text-decoration:underline}
.sec{padding:80px 0 0}
.sec h2{font-size:32px;letter-spacing:-.03em;text-align:center;margin-bottom:8px}
.sec .ts{text-align:center;margin-bottom:36px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile2{border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s}
.tile2:hover{border-color:var(--brand);background:var(--brand-l)}
.tile2 b{font-size:20px;letter-spacing:-.02em}
.tile2 span{color:var(--mut);font-size:15px}
.tile2 em{font-style:normal;color:var(--brand);font-weight:600;font-size:14px;margin-top:10px}
.center{text-align:center;margin-top:26px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pack2{margin-top:90px;background:var(--ink);color:#fff;border-radius:20px;padding:56px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.pack2 h2{font-size:30px;letter-spacing:-.03em;text-align:left;margin:0 0 8px;color:#fff}
.pack2 p{color:#b9c2d3;max-width:520px}
.pack2 .btn{background:#fff;color:var(--ink)}.pack2 .btn:hover{background:var(--brand-l)}
.trust1{margin-top:30px;color:var(--mut);font-size:15px;text-align:center}
footer.s2{margin-top:90px}

/* kategoria: panel filtrów + lista */
.layout{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start;padding-top:8px}
.filters{border:1px solid var(--line);border-radius:14px;padding:6px 20px;background:#fff;position:sticky;top:20px}
.fgroup{padding:16px 0;border-bottom:1px solid var(--line)}
.fgroup:last-child{border:0}
.fgroup h3{font-size:14px;margin-bottom:10px}
.fgroup a,.fgroup label{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:14.5px;color:var(--ink);cursor:pointer}
.fgroup a span{color:var(--mut);font-size:13px}
.fgroup a:hover{color:var(--brand)}
.fgroup a.on{font-weight:700;color:var(--brand)}
.fgroup label{justify-content:flex-start;align-items:center;gap:9px}
.fgroup input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px}
.range{display:flex;gap:8px;align-items:center}
.range input{width:100%;padding:8px 10px;border:1px solid var(--field);border-radius:8px;font:inherit;font-size:14px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;font-size:14.5px;color:var(--mut)}
.toolbar select{padding:9px 12px;border:1px solid var(--field);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.mfilter{display:none}
.pag{display:flex;gap:6px;justify-content:center;margin-top:36px}
.pag a,.pag span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14px}
.pag a:hover{border-color:var(--brand);color:var(--brand)}
.pag .cur{background:var(--brand);border-color:var(--brand);color:#fff}

/* wyniki wyszukiwania: lista */
.rlist{display:grid;gap:14px}
.rrow,.wph-rows>li{display:grid;grid-template-columns:150px 1fr auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;transition:border-color .15s}
.rrow:hover,.wph-rows>li:hover{border-color:var(--brand)}
.rrow img,.wph-rows>li img{width:150px;height:105px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.rrow h3,.wph-rows>li h3{font-size:17px;line-height:1.3;margin:2px 0 4px}
.rrow p,.wph-rows>li p{font-size:14.5px;color:var(--mut)}
.rrow .side,.wph-rows>li .side{text-align:right;display:grid;gap:8px;justify-items:end}
.chips2{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 26px}
.chips2 a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 15px;font-size:14px;font-weight:500}
.chips2 a:hover{border-color:var(--brand);color:var(--brand)}
.hint2{background:var(--brand-l);border-radius:12px;padding:14px 18px;font-size:14.5px;margin-bottom:22px;color:#1d3a73}
.empty{text-align:center;padding:50px 0 10px}
.empty h2{font-size:26px;letter-spacing:-.02em;margin-bottom:8px}
.empty p{color:var(--mut);max-width:520px;margin:0 auto 24px}

/* produkt */
.pg{display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:start}
.gal{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)}
.gal img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pg h1{letter-spacing:-.025em;line-height:1.2}
.buy{border:1px solid var(--line);border-radius:16px;padding:26px;position:sticky;top:20px;background:#fff;box-shadow:0 10px 36px #11182712}
.buy .pr{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.buy .pr span{font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0;margin-left:4px}
.buy ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px;font-size:14.5px}
.buy li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:9px}
.buy .btn+.btn{margin-top:10px}
.buy small{display:block;margin-top:14px;font-size:13px;color:var(--mut);text-align:center}
.buy .cgl{font-size:12px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:34px 0 8px;position:sticky;top:0;background:#fff;z-index:5}
.tabs a{padding:14px 15px;font-weight:600;font-size:15px;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--brand);border-color:var(--brand)}
.doc h2{font-size:23px;letter-spacing:-.02em;margin:40px 0 14px;scroll-margin-top:70px}
.doc p,.doc li{color:#374151}
.doc ul{padding-left:20px;display:grid;gap:8px}
.doc .lead2{font-size:18px;color:#374151}
.tbl{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:15px}
.tbl div{display:grid;grid-template-columns:230px 1fr;padding:12px 16px;border-bottom:1px solid var(--line)}
.tbl div:last-child{border:0}.tbl div:nth-child(odd){background:var(--soft)}
.tbl span{color:var(--mut)}
.todo{background:#fff8e6;border:1px dashed #e0b84d;color:#7a5a00;border-radius:8px;padding:2px 8px;font-size:12.5px;font-weight:500}
.sumr{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;margin-bottom:24px}
.sumr .big{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}
.sumr .stars{color:var(--star);letter-spacing:2px}
.bar2{display:grid;grid-template-columns:36px 1fr 28px;gap:10px;align-items:center;font-size:13px;color:var(--mut);margin:4px 0}
.bar2 i{display:block;height:8px;border-radius:99px;background:var(--line);overflow:hidden}.bar2 i b{display:block;height:100%;background:var(--star)}
.rev{border-top:1px solid var(--line);padding:18px 0}
.rev .h{display:flex;gap:10px;align-items:center;margin-bottom:6px;font-size:14px;color:var(--mut)}
.rev .h b{color:var(--ink)}
.rev .st{color:var(--star);letter-spacing:1px}
.rev p{font-size:15px}
.mbuy{display:none}
.related{margin-top:70px}
.related h2{font-size:26px;letter-spacing:-.025em;margin-bottom:20px}

@media(max-width:980px){
  .tiles{grid-template-columns:1fr 1fr}.grid4,.grid3{grid-template-columns:1fr 1fr}.hero2{padding:56px 0 80px}.pack2{padding:32px 26px}
  .layout{grid-template-columns:1fr}.filters{display:none;position:static}.mfilter{display:block;margin-bottom:14px}
  .mfilter summary{border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-weight:600;background:#fff;cursor:pointer}
  .mfilter .filters{display:block;margin-top:10px}
  .nav .hsearch{display:none}
  .rrow,.wph-rows>li{grid-template-columns:110px 1fr}.rrow img,.wph-rows>li img{width:110px;height:80px}.rrow .side,.wph-rows>li .side{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left}
  .mbuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:12px 18px;gap:14px;align-items:center;box-shadow:0 -8px 24px #1118271a}
  .mbuy .price{font-size:22px;white-space:nowrap}.mbuy .btn{flex:1}
  .sumr{grid-template-columns:1fr}.tbl div{grid-template-columns:1fr}
}
@media(max-width:560px){.tiles,.grid4,.grid3{grid-template-columns:1fr}.big-s{flex-direction:column}.nav .menu{display:none}}

/* ===== koszyk, zamówienie, konto, blog ===== */
.steps2{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--mut);margin-top:14px}
.steps2 span{display:flex;gap:8px;align-items:center}
.steps2 i{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;background:#fff}
.steps2 .on{color:var(--ink);font-weight:600}.steps2 .on i{background:var(--brand);border-color:var(--brand);color:#fff}
.steps2 em{width:28px;height:1px;background:var(--line)}
.cartg{display:grid;grid-template-columns:1fr 390px;gap:44px;align-items:start;padding-top:8px}
.citems{border:1px solid var(--line);border-radius:16px;background:#fff}
.citem{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}
.citem:last-child{border:0}
.citem img{width:120px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.citem h3{font-size:17px;line-height:1.3}
.citem .m{font-size:13.5px;color:var(--mut);margin-top:4px}
.citem .rm{font-size:13px;color:var(--mut);text-decoration:underline;margin-top:8px;display:inline-block}.citem .rm:hover{color:#b91c1c}
.citem .price{text-align:right}
.coupon{display:flex;gap:10px;margin:22px 0 0}
.coupon input{flex:1;padding:12px 14px;border:1px solid var(--field);border-radius:10px;font:inherit;min-width:0}
.sumbox{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;position:sticky;top:20px;box-shadow:0 10px 36px #11182712}
.sumbox h2{font-size:20px;letter-spacing:-.02em;margin-bottom:14px}
.srow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;color:var(--mut)}
.srow b{color:var(--ink);font-weight:600}
.srow.total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:18px;color:var(--ink);font-weight:700}
.srow.total b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.sumbox .btn{margin-top:16px}
.sumbox .tr{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:13.5px;color:var(--mut)}
.sumbox .tr li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:8px}
.upsell{background:var(--brand-l);border:1px solid #cfe0fa;border-radius:12px;padding:14px 16px;font-size:14.5px;margin-top:18px;color:#1d3a73}
.upsell a{color:var(--brand);font-weight:600}
.frm .box{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;margin-bottom:20px}
.frm h2{font-size:20px;letter-spacing:-.02em;margin-bottom:16px;display:flex;gap:10px;align-items:center}
.frm h2 i{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:700}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:grid;gap:6px;margin-bottom:14px}
.fld label{font-size:14px;font-weight:600}
.fld input,.fld select{padding:12px 14px;border:1px solid var(--field);border-radius:10px;font:inherit;background:#fff;min-width:0;width:100%}
.fld input:focus,.fld select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px #2563c926}
.fld small{font-size:12.5px;color:var(--mut)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin:10px 0;cursor:pointer}
.chk input{accent-color:var(--brand);width:18px;height:18px;margin-top:2px;flex:none}
.pay{display:grid;gap:10px}
.payopt{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer}
.payopt:has(input:checked){border-color:var(--brand);background:var(--brand-l)}
.payopt input{accent-color:var(--brand);width:18px;height:18px}
.payopt b{display:block;font-size:15px}.payopt span{font-size:13px;color:var(--mut)}
.mini{display:grid;gap:12px;margin:6px 0 4px}
.mini div{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;font-size:14px}
.mini img{width:56px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.acc{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start;padding-top:8px}
.accnav{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;display:grid;gap:2px;position:sticky;top:20px}
.accnav a{display:flex;justify-content:space-between;padding:11px 14px;border-radius:9px;font-weight:500;font-size:15px}
.accnav a:hover{background:var(--soft)}
.accnav a.on{background:var(--brand-l);color:var(--brand);font-weight:700}
.accnav a.out{color:var(--mut);border-top:1px solid var(--line);border-radius:0;margin-top:6px;padding-top:14px}
.stat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.stat div{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}
.stat b{display:block;font-size:28px;letter-spacing:-.03em}.stat span{font-size:13.5px;color:var(--mut)}
.acc h2.t2{font-size:22px;letter-spacing:-.02em;margin:0 0 14px}
.dl{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:30px}
.dlr{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.dlr:last-child{border:0}
.dlr img{width:76px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.dlr b{display:block;font-size:15.5px}.dlr span{font-size:13px;color:var(--mut)}
.tbl2{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;font-size:14.5px}
.tbl2 th{background:var(--soft);text-align:left;font-size:13px;color:var(--mut);font-weight:600;padding:12px 16px}
.tbl2 td{padding:14px 16px;border-top:1px solid var(--line)}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600;background:#e7f6ec;color:var(--ok)}
.demo{background:#fff8e6;border:1px dashed #e0b84d;color:#7a5a00;border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:22px}
.wph-post{display:grid;grid-template-columns:minmax(0,740px) 280px;gap:70px;justify-content:center;padding-top:8px}
.ph{max-width:880px;margin:0 auto}
.ph .cat3{display:inline-block;background:var(--brand-l);color:var(--brand);font-weight:700;font-size:13px;padding:4px 12px;border-radius:99px;margin-bottom:14px}
.pmeta{display:flex;gap:14px;align-items:center;margin-top:18px;font-size:14.5px;color:var(--mut);flex-wrap:wrap}
.pmeta .av{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.hero3{max-width:1000px;margin:0 auto 44px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.hero3 img{width:100%;aspect-ratio:21/9;object-fit:cover}
.art{font-size:18px;line-height:1.75;color:#1f2937}
.art h2{font-size:28px;letter-spacing:-.025em;line-height:1.25;margin:46px 0 14px;color:var(--ink);scroll-margin-top:24px}
.art h3{font-size:21px;margin:30px 0 10px;color:var(--ink)}
.art p{margin:0 0 20px}
.art ul,.art ol{margin:0 0 22px;padding-left:24px;display:grid;gap:8px}
.art a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.art blockquote{border-left:4px solid var(--brand);padding:6px 0 6px 22px;margin:28px 0;font-size:20px;color:var(--ink);font-weight:500}
.art figure{margin:30px 0}.art figure img{width:100%;border-radius:14px;border:1px solid var(--line)}
.art figcaption{font-size:14px;color:var(--mut);margin-top:10px;text-align:center}
.callout{background:var(--brand-l);border:1px solid #cfe0fa;border-radius:14px;padding:20px 22px;margin:28px 0;font-size:16.5px;line-height:1.6;color:#1d3a73}
.callout b{display:block;margin-bottom:4px}
.pcta{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px;margin:34px 0;background:#fff;font-size:16px;line-height:1.5}
.pcta img{width:150px;height:105px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.pcta b{display:block;font-size:18px;color:var(--ink)}.pcta span{color:var(--mut);font-size:14.5px}
.toc{position:sticky;top:20px;border-left:2px solid var(--line);padding-left:20px;font-size:14.5px}
.toc b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin-bottom:12px}
/* tylko linki spisu treści (bezpośrednio w kolumnie), nie przyciski w ramkach obok */
.toc>a{display:block;padding:6px 0;color:var(--mut);line-height:1.4}.toc>a:hover{color:var(--brand)}
.toc .box2{margin-top:26px;background:var(--soft);border-radius:12px;padding:16px;border:1px solid var(--line)}
.toc .box2 b{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink);margin-bottom:6px}
.author{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:44px;background:var(--soft)}
.author .av{width:60px;height:60px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.author p{font-size:15px;color:var(--mut);margin:4px 0 0;line-height:1.5}
.bpost,.wph-posts>li{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .15s}.bpost:hover,.wph-posts>li:hover{border-color:var(--brand)}
.bpost .im,.wph-posts>li .im{aspect-ratio:16/9;background:var(--soft);overflow:hidden;border-bottom:1px solid var(--line)}.bpost .im img,.wph-posts>li .im img{width:100%;height:100%;object-fit:cover}
.bpost .in,.wph-posts>li .in{padding:18px}.bpost small,.wph-posts>li small{color:var(--brand);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.bpost h3,.wph-posts>li h3{font-size:17px;line-height:1.35;margin:6px 0}.bpost p,.wph-posts>li p{font-size:14px;color:var(--mut)}
@media(max-width:980px){
  .cartg,.acc,.wph-post{grid-template-columns:1fr}.sumbox,.accnav,.toc{position:static}
  .citem{grid-template-columns:90px 1fr}.citem img{width:90px;height:64px}.citem .price{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center}
  .f2{grid-template-columns:1fr}.stat{grid-template-columns:1fr}.dlr{grid-template-columns:60px 1fr}.dlr img{width:60px;height:44px}.dlr .btn{grid-column:1/-1}
  .tbl2{display:block;overflow-x:auto}.pcta{grid-template-columns:1fr}.pcta img{width:100%;height:auto;aspect-ratio:16/9}
  .toc{order:-1;border:1px solid var(--line);border-radius:12px;padding:16px}.toc .box2{display:none}.art{font-size:17px}
  .steps2 em{width:12px}
}

.thx{max-width:820px;margin:0 auto;padding-top:10px}
.thx .ok{width:72px;height:72px;border-radius:50%;background:#e7f6ec;color:var(--ok);display:grid;place-items:center;margin:0 auto 20px}
.thx .ok svg{width:36px;height:36px}
.thx h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.03em;text-align:center;line-height:1.15}
.thx .sub0{text-align:center;color:var(--mut);margin:12px auto 30px;font-size:17px;max-width:560px}
.thx .onum{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:26px}
.thx .onum div{padding:16px 18px;border-right:1px solid var(--line)}.thx .onum div:last-child{border:0}
.thx .onum span{display:block;font-size:12.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.thx .onum b{font-size:16px}
.thx .card2{border:1px solid var(--line);border-radius:16px;background:#fff;padding:26px;margin-bottom:20px}
.thx .card2 h2{font-size:20px;letter-spacing:-.02em;margin-bottom:14px}
.next{display:grid;gap:16px;list-style:none;padding:0;counter-reset:n}
.next li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;counter-increment:n}
.next li:before{content:counter(n);width:34px;height:34px;border-radius:50%;background:var(--brand-l);color:var(--brand);font-weight:800;display:grid;place-items:center}
.next b{display:block}.next span{color:var(--mut);font-size:14.5px}
.thx .two3{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.thx .acts2{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 8px}
.help{text-align:center;color:var(--mut);font-size:14.5px;margin-top:20px}
@media(max-width:700px){.thx .onum{grid-template-columns:1fr 1fr}.thx .onum div:nth-child(2){border-right:0}.thx .onum div:nth-child(-n+2){border-bottom:1px solid var(--line)}.thx .two3{grid-template-columns:1fr}}

/* ===== Dodatki motywu WordPress (nie występują w makietach HTML) ===== */
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--ink);padding:10px 16px;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wph-header .menu-list{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.wph-header .menu-list li{margin:0}
.wph-header .menu-list a{display:block;padding:8px 12px;border-radius:8px;font-weight:500;font-size:15px;color:var(--ink)}
.wph-header .menu-list a:hover,.wph-header .menu-list .current-menu-item>a{background:var(--brand-l);color:var(--brand)}
.wph-header .nav .menu{display:block;margin-left:auto}
.wph-header .nav .hsearch{margin-left:8px}
.wph-header .nav .hsearch+.menu{margin-left:0}
.logo .custom-logo-link{display:block}.logo .custom-logo{max-height:44px;width:auto}
.hsearch{margin:0}
.hsearch input[type=search],.big-s input[type=search]{-webkit-appearance:none;appearance:none}
.big-s button.btn{border:0;cursor:pointer;font-family:inherit}
.flist{list-style:none;margin:0;padding:0}.flist a{display:block;padding:3px 0}.flist a:hover{color:var(--brand)}
footer .flist a{color:inherit}
.flogo{font-size:18px}
.wph-main-home,.wph-main{min-height:40vh}
.trust1{padding-bottom:0}
@media(max-width:980px){.wph-header .nav .menu{display:none}}

.acts .btn{white-space:nowrap}
.wph-header .menu-list a{white-space:nowrap}

.bpost .im:empty,.card .im:empty,.wph-posts>li .im:empty,.wph-cards>li .im:empty{background:linear-gradient(135deg,#dbe7ff,#eef4fd)}
.bpost .im,.wph-posts>li .im{min-height:120px}

/* ===== Sklep: kategoria, wyniki, produkt (motyw) ===== */
.filters-d{display:block}
.filters-d>summary{display:none;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-weight:600;background:#fff;cursor:pointer;list-style:none;margin-bottom:14px}
.filters-d>summary::-webkit-details-marker{display:none}
@media(max-width:980px){.filters-d>summary{display:block}.filters-d .filters{display:block;margin-top:0;position:static}}
.woocommerce-ordering{margin:0}
.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--field);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.pag .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14px;padding:0 6px}
.pag a.page-numbers:hover{border-color:var(--brand);color:var(--brand)}
.rrow .rimg,.wph-rows>li .rimg{width:150px;height:105px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(135deg,#dbe7ff,#eef4fd)}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.thumbs img{border-radius:8px;border:1px solid var(--line);aspect-ratio:4/3;object-fit:cover;width:100%}
.buy form.cart{margin:18px 0 0}
.buy .quantity{display:none}
.buy .single_add_to_cart_button,.buy button.button.alt{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:15px 26px;border-radius:10px;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:600;font-size:16px;cursor:pointer;transition:background .15s}
.buy .single_add_to_cart_button:hover{background:var(--brand-d)}
.buy .variations{width:100%;margin-bottom:12px}.buy .variations select{width:100%;padding:10px;border:1px solid var(--field);border-radius:8px;font:inherit}
.buy .stock{font-size:13px;color:var(--mut)}
.woocommerce-message,.woocommerce-error,.woocommerce-info{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:12px;background:var(--brand-l);border:1px solid #cfe0fa;color:#1d3a73}
.woocommerce-error{background:#fdeeee;border-color:#f3c4c4;color:#8a1f1f}
.doc .commentlist,.doc ol.commentlist{list-style:none;padding:0;margin:0;display:block}
.doc .commentlist li{border-top:1px solid var(--line);padding:18px 0}
.doc .commentlist .meta{font-size:14px;color:var(--mut);margin:4px 0}
.doc .star-rating{color:var(--star);font-size:0;letter-spacing:1px}
.doc .star-rating:before{content:"★★★★★";font-size:14px;color:var(--line)}
.doc .star-rating span{position:absolute;overflow:hidden;font-size:0;height:1em}
.doc #reviews #comments h2,.doc #review_form #reply-title{font-size:20px}
.doc #review_form input[type=text],.doc #review_form input[type=email],.doc #review_form textarea,.doc #review_form select{width:100%;padding:12px 14px;border:1px solid var(--field);border-radius:10px;font:inherit}
.doc #review_form .submit{padding:12px 22px;border-radius:10px;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.single-product .related{margin-top:70px}

/* Ceny WooCommerce: wewnętrzne elementy ceny dziedziczą rozmiar, a nie styl etykiety „brutto" */
.buy .pr .woocommerce-Price-amount,.buy .pr .woocommerce-Price-amount *,.price .woocommerce-Price-amount,.price .woocommerce-Price-amount *,.mbuy .price *{font-size:inherit;font-weight:inherit;color:inherit;margin:0;letter-spacing:inherit}
.buy .pr>span:not(.woocommerce-Price-amount){font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0;margin-left:6px}
.price del,.pr del{font-size:.6em;font-weight:500;color:var(--mut);margin-right:6px}
.price ins,.pr ins{text-decoration:none}

.fgroup a.sub{padding-left:16px;font-size:14px;color:var(--mut)}
.fgroup a.sub.on{color:var(--brand)}

/* ===== Treść zwykłych stron (Regulamin, FAQ, Kontakt, strony przeniesione z Divi) ===== */
.wph-page .entry{max-width:820px;font-size:17px;line-height:1.75;color:#1f2937}
.wph-page .entry h2{font-size:26px;letter-spacing:-.025em;line-height:1.25;margin:40px 0 12px;color:var(--ink)}
.wph-page .entry h2:first-child{margin-top:0}
.wph-page .entry h3{font-size:20px;margin:28px 0 10px;color:var(--ink)}
.wph-page .entry p{margin:0 0 16px}
.wph-page .entry ul,.wph-page .entry ol{margin:0 0 18px;padding-left:22px}
.wph-page .entry li{margin:4px 0}
.wph-page .entry a:not(.btn):not(.wph-blurb){color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.wph-page .entry table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.wph-page .entry th,.wph-page .entry td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.wph-page .entry img{max-width:100%;height:auto;border-radius:10px}
.wph-figure{margin:24px 0}
.wph-blurbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px}
.wph-blurb{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;transition:border-color .15s,background .15s;text-decoration:none!important;color:var(--ink)}
a.wph-blurb:hover{border-color:var(--brand);background:var(--brand-l)}
.wph-blurb img{width:56px;height:56px;object-fit:contain;border-radius:0}
.wph-blurb b{font-size:17px}
.wph-blurb span{font-size:14.5px;color:var(--mut);line-height:1.5}
details.wph-faq{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 10px;background:#fff}
details.wph-faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:16px}
details.wph-faq summary::-webkit-details-marker{display:none}
details.wph-faq summary::after{content:"+";color:var(--brand);font-size:22px;line-height:1}
details.wph-faq[open] summary::after{content:"–"}
details.wph-faq > *:not(summary){font-size:15.5px;color:#374151}
details.wph-faq p:first-of-type{margin-top:12px}
@media(max-width:780px){.wph-blurbs{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wph-blurbs{grid-template-columns:1fr}}

/* Galeria produktu: powiększenie (dialog), miniatury z licznikiem „+N" */
.gal-open{display:block;cursor:zoom-in;position:relative}
.thumbs .more::after{content:attr(data-more);position:absolute;inset:0;display:grid;place-items:center;background:#111827a6;color:#fff;font-weight:800;font-size:20px;border-radius:8px}
.lb{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100vh;background:transparent}
.lb::backdrop{background:#0b1220eb}
.lb[open]{display:grid;place-items:center}
.lb img{max-width:min(92vw,1400px);max-height:86vh;object-fit:contain;border-radius:10px;background:#fff}
.lb button{position:fixed;border:0;background:#ffffff1f;color:#fff;width:52px;height:52px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lb button:hover{background:#ffffff3d}
.lb-x{top:16px;right:16px}
.lb-p{left:16px;top:50%;transform:translateY(-50%)}
.lb-n{right:16px;top:50%;transform:translateY(-50%)}
.lb-c{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;opacity:.85}
/* Pasek zakładek: zakotwiczone nagłówki nie chowają się pod paskiem; cena + „Kup teraz" po prawej, gdy okno zakupu jest poza ekranem */
.doc h2[id],#dane,#opinie{scroll-margin-top:70px}
.tabs-buy{margin-left:auto;display:none;align-items:center;gap:12px;padding:6px 0}
.tabs.show-buy .tabs-buy{display:flex}
.tabs-buy .price{font-weight:800;font-size:17px;white-space:nowrap}
.tabs-buy .btn{padding:9px 16px;min-height:0;font-size:14px}
@media(max-width:980px){.tabs{overflow-x:auto}.tabs.show-buy .tabs-buy{display:none}}

/* Wpis: udostępnianie i ramka autora */
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.share b{font-size:15px;margin-right:4px}
.share a,.share button{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fff;cursor:pointer;text-decoration:none}
.share a:hover,.share button:hover{border-color:var(--brand);color:var(--brand)}
.authorbox{display:flex;gap:20px;align-items:flex-start;margin:28px 0 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.authorbox img{border-radius:50%;flex:none;width:88px;height:88px}
.authorbox-k{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);font-weight:700}
.authorbox b{font-size:19px;display:block;margin:2px 0 6px}
.authorbox p{margin:0 0 8px;font-size:15px;line-height:1.6;color:var(--mut)}
.authorbox a{font-weight:700;color:var(--brand)}
@media(max-width:600px){.authorbox{flex-direction:column;gap:12px}}
/* Ramka autora z wtyczki Gravatar: wtyczka ma style wpisane w kod, więc nadpisujemy je w kolorach motywu */
.authorbox-g .gpc-profile{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--soft)!important;padding:24px!important;margin:28px 0 0!important;font-family:inherit!important;box-sizing:border-box}
.authorbox-g .gpc-top-row{display:flex!important;align-items:center!important;gap:16px;margin-bottom:12px!important}
.authorbox-g .gpc-avatar{margin:0!important}
.authorbox-g .gpc-avatar img{width:72px!important;height:72px!important;max-width:none!important;border-radius:50%!important;object-fit:cover}
.authorbox-g h3{font-size:19px!important;margin:0!important;color:var(--ink)}
.authorbox-g .gpc-name-loc p{margin:2px 0 0!important;font-size:14px;color:var(--mut)}
.authorbox-g .gpc-social{display:flex!important;gap:8px;margin:0 0 10px!important}
.authorbox-g .gpc-social a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);margin:0!important}
.authorbox-g .gpc-social img{width:18px!important;height:18px!important;margin:0!important}
.authorbox-g .gpc-bottom-part p{font-size:15px!important;line-height:1.6!important;color:var(--mut);margin:0 0 8px!important}
.authorbox-g .gpc-bottom-part p a{font-weight:700;color:var(--brand)!important}

/* Treść wpisów, stron i opisów produktów: tabele (np. porównania) i rozwijane sekcje (np. „Co sprawdzić") */
.art .wp-block-table,.doc .wp-block-table,.wph-page .entry .wp-block-table{overflow-x:auto;margin:28px 0;border:1px solid var(--line);border-radius:14px}
.art table,.doc table,.wph-page .entry table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.art th,.art td,.doc th,.doc td,.wph-page .entry th,.wph-page .entry td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.art th,.doc th,.wph-page .entry th{background:var(--brand-l);color:#1d3a73;font-weight:700}
.art tbody tr:nth-child(even),.doc tbody tr:nth-child(even),.wph-page .entry tbody tr:nth-child(even){background:var(--soft)}
.art tbody tr:last-child td,.doc tbody tr:last-child td,.wph-page .entry tbody tr:last-child td{border-bottom:0}
.art .wp-block-table table,.doc .wp-block-table table{border:0}
.art details,.doc details{margin:26px 0;border:1px solid #cfe0fa;border-radius:14px;background:#fff;overflow:hidden}
.art details>summary,.doc details>summary{list-style:none;cursor:pointer;padding:16px 50px 16px 20px;font-weight:700;position:relative;background:var(--brand-l)}
.art details>summary::-webkit-details-marker,.doc details>summary::-webkit-details-marker{display:none}
.art details>summary::after,.doc details>summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.art details[open]>summary::after,.doc details[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.art details>:not(summary),.doc details>:not(summary){margin-left:20px;margin-right:20px}
.art details>:last-child,.doc details>:last-child{margin-bottom:18px}
/* Lista produktów w pakiecie (krótki kod [moja_tabela_produktow]) */
.moja-tabela-produktow{width:100%;border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.moja-tabela-produktow td{padding:10px 16px!important;border:0!important;border-bottom:1px solid var(--line)!important}
.moja-tabela-produktow tr:nth-child(odd){background:var(--soft)}

/* Stopka: dane firmy i linki prawne */
.fabout p{margin:0 0 14px;line-height:1.6;max-width:340px}
.fcompany{font-style:normal;line-height:1.7}
.fcompany a{display:inline;padding:0}
.flegal{display:flex;flex-wrap:wrap;gap:4px 16px}
.flegal a{display:inline;padding:0}
@media(min-width:981px) and (max-width:1100px){.fg{grid-template-columns:1.3fr 1fr 1fr 1fr}}
@media(min-width:601px) and (max-width:980px){.fg{grid-template-columns:1fr 1fr!important}}

/* Menu na telefonie (przycisk z trzema kreskami, rozwijana lista; bez skryptów) */
.mmenu{display:none;position:relative}
.mmenu>summary{list-style:none;cursor:pointer;width:42px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}
.mmenu>summary::-webkit-details-marker{display:none}
.mmenu>summary svg{width:22px;height:22px}
.mmenu[open]>summary{border-color:var(--brand);color:var(--brand)}
.mmenu-p{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #1118271f;padding:8px;z-index:40}
.mmenu-p ul{list-style:none;margin:0;padding:0;display:block}
.mmenu-p li{display:block}
.mmenu-p a{display:block;padding:11px 12px;border-radius:9px;font-weight:600;color:var(--ink)}
.mmenu-p a:hover{background:var(--brand-l);color:var(--brand)}
@media(max-width:980px){
  .mmenu{display:block}
  /* Układy dwukolumnowe na telefonie: jedna kolumna, której szerokość nie rośnie od szerokich tabel czy długich linków */
  .pg,.wph-post,.cartg,.acc,.layout{grid-template-columns:minmax(0,1fr)!important}
  .pg>*,.wph-post>*{min-width:0}
  .art img,.doc img{max-width:100%;height:auto}
  .art pre,.doc pre{overflow-x:auto}
  .art a,.doc a{overflow-wrap:anywhere}
}
.mmenu-p .mmenu-acc{border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:6px;padding-top:13px}

/* Gwiazdki w opiniach (WooCommerce podaje szerokość wypełnienia w % w stylu elementu) */
.doc .star-rating{position:relative;display:inline-block;overflow:hidden;font-size:15px;line-height:1;height:1em;width:5.3em;letter-spacing:.06em;color:var(--line)}
.doc .star-rating:before{content:"★★★★★";font-size:inherit;color:#d7dce3;position:absolute;top:0;left:0}
.doc .star-rating span{position:absolute;top:0;left:0;height:1em;overflow:hidden;padding-top:1.5em;font-size:inherit}
.doc .star-rating span:before{content:"★★★★★";position:absolute;top:0;left:0;color:var(--star)}
.mmenu{position:static}
.wph-header .nav{position:relative}
.mmenu-p{right:16px;left:auto;max-width:calc(100vw - 32px)}
/* Poprawki nagłówka i paska zakupu na telefonie (po obejrzeniu zrzutu 375 px) */
.wph-header{position:relative;z-index:30}
.acts{align-items:center}
.mmenu-p .menu-list{display:block!important}
.mmenu-p .menu-list a{white-space:normal;font-size:16px}
@media(max-width:980px){.acts{margin-left:auto}}
.mbuy .price{flex:none}
.mmenu>summary::after,.mmenu>summary::before{content:none!important;display:none!important}
@media(max-width:600px){footer .flist a{padding:7px 0}.flegal{gap:10px 18px}}
.trust1{padding-left:var(--gap);padding-right:var(--gap)}
/* Strona produktu na telefonie: zdjęcie → okno zakupu (nazwa, cena, przycisk) → zakładki i opis.
   Lewa kolumna „rozpuszcza się" w siatce (display:contents), więc jej części można ułożyć wokół okna zakupu. */
@media(max-width:980px){
  .pg>.pg-main{display:contents}
  .pg>.pg-main>*{order:3;min-width:0}
  .pg>.pg-main>.gal,.pg>.pg-main>.thumbs{order:1}
  .pg>.buy{order:2;position:static}
  .pg{row-gap:20px}
}
img{height:auto}
.mbuy{transition:transform .2s}.buy-in-view .mbuy{transform:translateY(110%)}

/* Formularz opinii: wybór oceny gwiazdkami (WooCommerce zamienia listę wyboru na 5 linków; klasy .selected / .active dodaje jego skrypt) */
.doc #review_form{margin-top:28px;padding:24px;border:1px solid var(--field);border-radius:16px;background:var(--soft)}
.doc #review_form #reply-title{display:block;font-weight:800;margin-bottom:12px}
.doc #review_form label{display:block;font-weight:600;font-size:15px;margin:14px 0 6px}
.doc #review_form p{margin:0}
.doc #review_form textarea{min-height:140px;background:#fff}
.doc #review_form .form-submit{margin-top:16px}
.doc p.stars{margin:0 0 4px;line-height:1}
.doc p.stars span{display:inline-flex;gap:4px}
.doc p.stars a{position:relative;display:inline-block;width:1.15em;height:1.15em;font-size:30px;text-indent:-9999px;overflow:hidden;text-decoration:none;border-radius:6px}
.doc p.stars a::before{content:"★";position:absolute;inset:0;text-indent:0;text-align:center;line-height:1.15em;color:#d7dce3;transition:color .1s}
.doc p.stars:hover a::before,.doc p.stars.selected a::before{color:var(--star)}
.doc p.stars a:hover~a::before,.doc p.stars.selected a.active~a::before{color:#d7dce3}
.doc p.stars:hover a:hover~a::before{color:#d7dce3}
.doc p.stars a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.doc p.stars.selected:hover a::before{color:var(--star)}
.doc p.stars.selected:hover a:hover~a::before{color:#d7dce3}

/* Kolumny z przeniesionych stron Divi (proporcje zapisane w --cols) */
.wph-cols.wp-block-columns{gap:32px;align-items:center;margin:24px 0}
.wph-cols .wp-block-column>:first-child{margin-top:0}.wph-cols .wp-block-column>:last-child{margin-bottom:0}
.wph-cols .wph-figure{margin:0}
.wph-cols .wph-figure img{max-height:340px;width:auto;max-width:100%;margin:0 auto;display:block}

/* Bloki z przeniesionych stron: kafelki (Grupa „wph-blurb": obraz + nagłówek z linkiem + opis), przyciski, odstępy */
/* W motywie klasycznym Grupa ma wewnętrzny pojemnik (.wp-block-group__inner-container) – układ ustawiamy na nim albo na samej grupie */
.wph-blurbs.wp-block-group{display:block;margin:18px 0 28px}
.wph-blurbs>.wp-block-group__inner-container,.wph-blurbs.wp-block-group:not(:has(>.wp-block-group__inner-container)){display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wph-blurbs .wph-blurb{margin:0!important}
.wph-blurb.wp-block-group{position:relative}
.wph-blurb>.wp-block-group__inner-container,.wph-blurb.wp-block-group:not(:has(>.wp-block-group__inner-container)){display:flex;flex-direction:column;gap:8px}
.wph-blurb .wp-block-group__inner-container>*,.wph-blurb.wp-block-group>*{margin:0!important}
.wph-blurb:has(a):hover{border-color:var(--brand);background:var(--brand-l)}
.wph-blurb .wp-block-image{margin:0}
.wph-blurb h3{font-size:17px!important;margin:0!important;line-height:1.35}
.wph-blurb h3 a{color:var(--ink)!important;text-decoration:none!important}
.wph-blurb h3 a::after{content:"";position:absolute;inset:0;border-radius:14px}
.wph-blurb p{font-size:14.5px;color:var(--mut);line-height:1.5}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.wp-block-button__link{display:inline-flex;align-items:center;padding:13px 22px;border-radius:10px;background:var(--brand);color:#fff!important;font-weight:700;text-decoration:none!important}
.wp-block-button__link:hover{background:var(--brand-d)}
details.wph-faq>:not(summary):first-of-type{margin-top:10px}
/* Zwykłe strony: krótka = wyśrodkowana kolumna, długa = treść + spis treści i pomoc (jak wpis) */
.wph-page .page-toc{grid-template-columns:minmax(0,820px) 280px;justify-content:space-between;padding-top:0}
.wph-page .page-toc .entry{max-width:820px}
.wph-page .entry h2[id]{scroll-margin-top:24px}
.box2 .hb-line{font-size:15px;margin:2px 0}.box2 .hb-line a{color:var(--brand)}
@media(max-width:780px){.wph-blurbs>.wp-block-group__inner-container,.wph-blurbs.wp-block-group:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wph-blurbs>.wp-block-group__inner-container,.wph-blurbs.wp-block-group:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr}}
/* Wtyczka cookies (WebToffee): ukryte okno ustawień bywało szersze niż telefon i rozpychało stronę w bok (np. Polityka prywatności) */
.wcc-modal{max-width:100vw}
.wcc-modal:not(.wcc-modal-open){overflow:hidden}
.wcc-modal .wcc-preference-center{max-width:calc(100vw - 16px)}
/* Długie adresy i słowa bez spacji łamią się zamiast rozpychać stronę (wpisy, strony, opisy produktów) */
.art,.doc,.wph-page .entry{overflow-wrap:break-word}
.art a,.doc a,.wph-page .entry a,.art li,.wph-page .entry li{overflow-wrap:anywhere}
/* Zwykłe strony na telefonie: kolumna boczna pod treścią, bez spisu treści (jest na górze strony za długi), z ramką pomocy */
@media(max-width:980px){
  .page-toc .toc{order:1;border:0;padding:0}
  .page-toc .toc>b,.page-toc .toc>a{display:none}
  .page-toc .toc .box2{display:block;margin-top:8px}
}

/* Strona główna z bloków edytora: sekcje w szerokości strony, te same wyglądy co poprzedni szablon */
.wph-home-hero .wph-hero>.wp-block-group__inner-container,.wph-home-hero .wph-hero:not(:has(>.wp-block-group__inner-container)){max-width:var(--w);margin:0 auto;padding:0 var(--gap)}
.wph-home-hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.06;letter-spacing:-.035em;max-width:880px;margin:0 auto}
.wph-home-hero .lead{margin:22px auto 36px;font-size:20px;max-width:620px;color:var(--mut)}
.wph-home-blocks>.wph-sec{max-width:var(--w);margin:0 auto;padding:80px var(--gap) 0}
.wph-home-blocks>.wph-sec:first-child{padding-top:0}
.wph-sec h2{font-size:32px;letter-spacing:-.03em;text-align:center;margin-bottom:8px}
.wph-sec .ts{text-align:center;margin-bottom:36px;color:var(--mut)}
.wph-sec .lnk-row{margin-top:26px;font-weight:600;font-size:15px}.wph-sec .lnk-row a{color:var(--brand)}
.wph-sec .wp-block-buttons{justify-content:center;margin-top:26px}
.wph-btn-o .wp-block-button__link{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.wph-btn-o .wp-block-button__link:hover{background:#fff;border-color:var(--brand);color:var(--brand)!important}
/* kafelki kategorii (Grupa „wph-tiles" z Grupami „wph-tile"; cały kafelek klikalny) */
.wph-tiles>.wp-block-group__inner-container,.wph-tiles.wp-block-group:not(:has(>.wp-block-group__inner-container)){display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wph-tile.wp-block-group{position:relative;border:1px solid var(--line);border-radius:14px;padding:28px;transition:border-color .15s,background .15s;margin:0!important}
.wph-tile:hover{border-color:var(--brand);background:var(--brand-l)}
.wph-tile>.wp-block-group__inner-container,.wph-tile.wp-block-group:not(:has(>.wp-block-group__inner-container)){display:flex;flex-direction:column;gap:6px}
.wph-tile h3{font-size:20px;letter-spacing:-.02em;margin:0}
.wph-tile h3 a{color:var(--ink)}
.wph-tile h3 a::after{content:"";position:absolute;inset:0;border-radius:14px}
.wph-tile p{color:var(--mut);font-size:15px;margin:0}
.wph-tile .wph-tile-count{font-style:normal;color:var(--brand);font-weight:600;font-size:14px;margin-top:10px;display:block}
@media(max-width:980px){.wph-tiles>.wp-block-group__inner-container,.wph-tiles.wp-block-group:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr 1fr}.wph-home-blocks>.wph-sec{padding-top:56px}}
@media(max-width:560px){.wph-tiles>.wp-block-group__inner-container,.wph-tiles.wp-block-group:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr}}

/* Teksty kategorii i wstęp sklepu (tylko 1. strona listy) */
.cat-intro{color:#1f2937;font-size:16px;line-height:1.7;margin:0 0 22px;max-width:860px}
.cat-intro p{margin:0 0 10px}.cat-intro a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.cat-seo{margin-top:56px;padding-top:36px;border-top:1px solid var(--line);color:#1f2937;font-size:16px;line-height:1.75;max-width:860px}
.cat-seo h2{font-size:24px;letter-spacing:-.02em;margin:32px 0 10px;color:var(--ink)}.cat-seo h2:first-child{margin-top:0}
.cat-seo h3{font-size:19px;margin:24px 0 8px}.cat-seo p{margin:0 0 14px}.cat-seo ul,.cat-seo ol{margin:0 0 16px;padding-left:22px}
.cat-seo a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
/* Tekst tylko dla czytników ekranu */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Filtry: na telefonie rozwijane przyciskiem (bez skryptu), na komputerze zawsze widoczne */
.filters-d .ftoggle{position:absolute;opacity:0;width:1px;height:1px}
.filters-d .fbtn{display:none}
@media(max-width:980px){
  .filters-d .fbtn{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-weight:600;background:#fff;cursor:pointer;margin-bottom:14px}
  .filters-d .fbtn::after{content:" +";color:var(--brand)}
  .filters-d .ftoggle:checked+.fbtn::after{content:" –"}
  .filters-d .ftoggle:focus-visible+.fbtn{outline:2px solid var(--brand);outline-offset:2px}
  .filters-d .filters{display:none!important}
  .filters-d .ftoggle:checked~.filters{display:block!important;margin-top:0;position:static}
}
/* Strona produktu: okno zakupu jest w kodzie przed opisem (dostępność), a na komputerze stoi w prawej kolumnie */
@media(min-width:981px){.pg>.pg-main{grid-column:1;grid-row:1}.pg>.buy{grid-column:2;grid-row:1}}

/* === Dostępność (audyt WCAG 2.2, 14.10.2026) === */
/* Duże pole wyszukiwania: widoczny fokus całej ramki (samo pole ma wyłączoną ramkę) */
.big-s:focus-within,.hsearch:focus-within{outline:2px solid var(--brand);outline-offset:2px}
/* Przyklejone paski nie zasłaniają aktywnego elementu (WCAG 2.4.11) */
html{scroll-padding-top:70px}
@media(max-width:980px){html{scroll-padding-bottom:96px}}
/* Ukryty pasek „Kup teraz" nie łapie klawisza Tab; strona produktu ma u dołu miejsce na pasek */
.buy-in-view .mbuy{visibility:hidden}
@media(max-width:980px){body.single-product footer.s2{padding-bottom:110px}}
/* Linki w tekście rozpoznawalne nie tylko po kolorze (WCAG 1.4.1) */
.hero2 .or a,.buy .phone a,.authorbox-g .gpc-bottom-part p a,.box2 .hb-line a,.lnk-row a,.upsell a,.cat-intro a,.wph-sec .lnk-row a,.fcompany a{text-decoration:underline;text-underline-offset:3px}
/* Wyszukiwarka w menu telefonu */
.mmenu-p .msearch{display:flex;gap:6px;padding:6px 6px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;position:relative}
.mmenu-p .msearch input{flex:1;min-width:0;border:1px solid var(--field);border-radius:9px;padding:10px 12px;font:inherit;font-size:16px}
.mmenu-p .msearch .sug{left:0;right:0;top:calc(100% + 4px)}
.reviews-note{font-size:14px;color:var(--mut);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 16px}

/* === Nagłówek w 2 rzędach (14.10.2026): 1) logo, szeroka wyszukiwarka, konto, koszyk; 2) menu ===
   Blok nagłówka nad przyklejonym paskiem zakładek produktu (podpowiedzi wyszukiwarki nie chowają się pod nim). */
.top{z-index:40}
.wph-header .nav{height:76px;gap:24px}
.wph-header .nav .hsearch{flex:1;max-width:620px;margin:0 auto 0 12px}
.wph-header .nav .acts{margin-left:auto}
.wph-header .nav .hsearch+.acts{margin-left:0}
.wph-header .nav2{display:flex;align-items:center;height:48px;border-top:1px solid #dbe5f5}
.wph-header .nav2 .menu{display:block;margin:0 0 0 -12px}
.wph-header .nav2 .menu-list a{font-weight:600}
/* podpowiedzi: szersze niż pole, gdy pole jest wąskie */
.hsearch .sug{min-width:min(520px,calc(100vw - 32px))}
@media(max-width:980px){.wph-header .nav2{display:none}.wph-header .nav{height:68px}}
/* Wyniki wyszukiwania na telefonie: mała miniatura u góry obok tytułu, opis 2 linijki, cena i przycisk w rzędzie */
@media(max-width:600px){
  .rrow,.wph-rows>li{grid-template-columns:84px 1fr;gap:6px 12px;align-items:start;padding:12px}
  .rrow img,.rrow .rimg,.wph-rows>li img,.wph-rows>li .rimg{width:84px;height:60px}
  .rrow .cg,.wph-rows>li .cg{font-size:12px}
  .rrow h3,.wph-rows>li h3{font-size:16px;margin:0 0 4px}
  .rrow p,.wph-rows>li p{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rrow .side,.wph-rows>li .side{margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
  .rrow .side .price,.wph-rows>li .side .price{font-size:18px}
}
/* Karty produktów na telefonie: kompaktowo (miniatura obok tytułu), żeby długą listę dało się przewinąć */
@media(max-width:600px){
  .card,.wph-cards>li{display:grid;grid-template-columns:96px 1fr;align-items:start}
  .card .im,.wph-cards>li .im{margin:12px 0 0 12px;border:1px solid var(--line);border-radius:8px;aspect-ratio:4/3}
  .card .in,.wph-cards>li .in{padding:12px;gap:4px}
  .card h3,.wph-cards>li h3{font-size:15.5px}
  .card p,.wph-cards>li p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}
  .card .ft,.wph-cards>li .ft{grid-column:1/-1;padding:10px 12px 12px;margin-top:0;border-top:1px solid var(--line)}
  .card .in .ft,.wph-cards>li .in .ft{grid-column:auto}
}
/* Telefon: logo, „Koszyk" i przycisk menu mieszczą się w 360–375 px */
@media(max-width:600px){
  .wph-header .nav{gap:10px}
  .wph-header .logo img,.wph-header .custom-logo{max-width:128px;height:auto}
  .acts{gap:6px}
  .acts .btn.sm{padding:8px 12px}
}
/* Zakładki produktu na telefonie: wszystkie 3 widoczne, bez paska przewijania */
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
@media(max-width:600px){.tabs{gap:0}.tabs>a{padding:13px 9px;font-size:14px}}
/* Spis treści wpisu: na telefonie zwinięty pod przyciskiem */
.toc .toc-t{position:absolute;opacity:0;width:1px;height:1px}
.toc .toc-btn{display:none}
@media(max-width:980px){
  .toc .toc-btn{display:block;font-weight:700;cursor:pointer;padding:2px 0}
  .toc .toc-btn::after{content:" +";color:var(--brand)}
  .toc .toc-t:checked+.toc-btn::after{content:" –"}
  .toc .toc-t:focus-visible+.toc-btn{outline:2px solid var(--brand);outline-offset:2px}
  .toc>b,.toc>a{display:none}
  .toc .toc-t:checked~a{display:block}
}
/* Okruszki na telefonie: bez ostatniej pozycji (to ten sam tekst co tytuł strony tuż pod nimi) */
@media(max-width:600px){.breadcrumb .breadcrumb-item:last-child:not(:first-child){display:none}}
@media(max-width:980px){.wph-post{gap:22px}}

/* === Wpis blogowy: jedna siatka i jedna lewa krawędź (okruszki = nagłówek = obrazek = treść) === */
.wph-post{grid-template-columns:minmax(0,760px) 280px;justify-content:space-between;gap:56px;padding-top:4px}
.post-head{margin:0 0 26px}
.post-head .cat3{display:inline-block;background:var(--brand-l);color:var(--brand);font-weight:700;font-size:13px;padding:4px 12px;border-radius:99px;margin-bottom:14px;text-decoration:none}
.post-head h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;line-height:1.12;margin:0;color:var(--ink)}
.post-head .pmeta{margin-top:16px}
.post-head .pmeta b{color:var(--ink)}
.pmeta .av-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.post-hero{margin:0 0 34px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.post-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.wph-post .toc{top:24px}
.post-products{margin:44px 0 0;padding-top:30px;border-top:1px solid var(--line)}
.post-products h2{font-size:22px!important;margin:0 0 16px!important}
.post-products .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:980px){.post-products .grid3{grid-template-columns:1fr}}
/* Okruszki: ostatnia pozycja (tytuł wpisu/produktu) w jednej linii, z wielokropkiem */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center}
.breadcrumb .breadcrumb-item:last-child:not(:first-child){max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Spis treści wpisu na telefonie/tablecie: pod obrazkiem, zwinięty; boczna kolumna ukryta */
.toc-m{display:none}
@media(max-width:980px){
  .wph-post>.toc{display:none}
  .toc-m{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 26px;font-size:15px}
  .toc-m .toc-t{position:absolute;opacity:0;width:1px;height:1px}
  .toc-m .toc-btn{display:block;font-weight:700;cursor:pointer}
  .toc-m .toc-btn::after{content:" +";color:var(--brand)}
  .toc-m .toc-t:checked+.toc-btn::after{content:" –"}
  .toc-m .toc-t:focus-visible+.toc-btn{outline:2px solid var(--brand);outline-offset:2px}
  .toc-m-list{display:none;margin-top:8px}
  .toc-m .toc-t:checked~.toc-m-list{display:block}
  .toc-m-list a{display:block;padding:7px 0;color:var(--mut);border-top:1px solid var(--line)}
}

/* Karty produktów w treści wpisu: wygląd kart sklepu, nie linków z artykułu */
.art .post-products .card,.art .post-products .card *,nie linków z artykułu */
.art .post-products .wph-cards>li,.art .post-products .wph-cards>li *{text-decoration:none!important}
.art .post-products .card,.art .post-products .wph-cards>li{color:var(--ink)}
.art .post-products .card h3,.art .post-products .wph-cards>li h3{font-size:16px;margin:0;line-height:1.35}
.art .post-products .card p,.art .post-products .wph-cards>li p{font-size:14px;margin:0}
.art .post-products .card .im img,.art .post-products .wph-cards>li .im img{margin:0;border:0;border-radius:0}

/* Blog: tematy (kategorie) nad listą wpisów */
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.blog-cats a{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--ink);background:#fff}
.blog-cats a:hover{border-color:var(--brand);color:var(--brand)}
.blog-cats a.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* Ramki z Wygląd → Wzorce (bloki): ten sam wygląd co wersja z motywu */
.box2 p{margin:0}.box2 .box-t{font-size:15px;margin:0 0 6px;color:var(--ink)}
.box2 .box-d{font-size:14px;color:var(--mut);margin:0 0 10px}
.box2 .wp-block-buttons{margin-top:10px}.box2 .wp-block-button{width:100%}
.box2 .wp-block-button__link{width:100%;justify-content:center;padding:8px 14px;font-size:14px;font-weight:600;border-radius:var(--r)}
.toc .box2 .wp-block-button__link{border:0;margin:0}
.infobox.wp-block-group p{margin:0 0 14px}.infobox.wp-block-group p:last-child{margin-bottom:0}
.box2 span.hb-line{display:block}

/* ===== Motyw blokowy (2.0): te same wymiary co w wersji klasycznej ===== */
.wp-block-post-content{display:block}
.wph-header .nav2 .wp-block-navigation{display:block;margin:0 0 0 -12px;font-size:15px}
.wph-header .nav2 .wp-block-navigation__container{display:flex;flex-wrap:nowrap;gap:4px;list-style:none;margin:0;padding:0}
.wph-header .nav2 .wp-block-navigation-item{margin:0;display:block}
.wph-header .nav2 .wp-block-navigation-item__content{display:block;padding:8px 12px;border-radius:8px;font-weight:600;font-size:15px;line-height:1.6;color:var(--ink);white-space:nowrap;text-decoration:none}
.wph-header .nav2 .wp-block-navigation-item__content:hover,.wph-header .nav2 .current-menu-item>.wp-block-navigation-item__content{background:var(--brand-l);color:var(--brand)}
.wph-header .wp-block-site-logo.logo{line-height:0}
.empty .big-s{margin-bottom:26px}
.empty .wp-block-buttons{justify-content:center}
.wph-ph{border:1px dashed #9db8ea;background:var(--brand-l);border-radius:10px;padding:14px 16px;font-size:14px;color:var(--mut)}
.wph-ph b{display:block;color:var(--ink)}
footer .fhead strong,footer .flogo{display:block;color:var(--ink);margin-bottom:10px;font-weight:700}
footer .flogo{font-size:18px;line-height:1.6}
footer .flegal{list-style:none;margin:0;padding:0}footer .flegal li{margin:0}
footer .fcol .flist li{margin:0}

/* Motyw blokowy 2.0 – karty i okno zakupu z pojedynczych bloków */
.wph-header .acts .wp-block-buttons{display:contents}
.acts .wph-acc .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:14px;font-weight:600;line-height:1.6;border-radius:var(--r);background:#ffffffcc;border:1px solid var(--line);color:var(--ink)!important;white-space:nowrap}
.acts .wph-acc .wp-block-button__link:hover{background:#fff;border-color:var(--brand);color:var(--brand)!important}
@media(max-width:560px){.acts .wph-acc{display:none}}
.wph-pq .wp-block-post-template,.wph-posts-q .wp-block-post-template{list-style:none;margin:0;padding:0}
.wph-pq .wp-block-post-template>li,.wph-posts-q .wp-block-post-template>li{margin:0;width:auto}
.card .im,.bpost .im,.wph-cards>li .im,.wph-posts>li .im{margin:0}
.card .im a,.bpost .im a,.wph-cards>li .im a,.wph-posts>li .im a{display:block;height:100%}
.card .im img,.bpost .im img,.wph-cards>li .im img,.wph-posts>li .im img{height:100%}
.card,.wph-cards>li{position:relative}.card .wp-block-post-title a:after,.wph-cards>li .wp-block-post-title a:after{content:"";position:absolute;inset:0;z-index:0}
.card .wp-block-read-more,.wph-cards>li .wp-block-read-more{position:relative;z-index:1;text-decoration:none}
.card .wp-block-post-title a,.rrow .wp-block-post-title a,.bpost .wp-block-post-title a,.wph-cards>li .wp-block-post-title a,.wph-rows>li .wp-block-post-title a,.wph-posts>li .wp-block-post-title a{color:inherit;text-decoration:none}
.bpost,.wph-posts>li{position:relative}.bpost .wp-block-post-title a:after,.wph-posts>li .wp-block-post-title a:after{content:"";position:absolute;inset:0}
.rrow,.wph-rows>li{position:relative}.rrow .wp-block-post-title a:after,.wph-rows>li .wp-block-post-title a:after{content:"";position:absolute;inset:0}
.rrow .side .wp-block-read-more,.wph-rows>li .side .wp-block-read-more{position:relative;z-index:1}
.rrow .rimgw,.wph-rows>li .rimgw{margin:0}.rrow .rimgw a,.wph-rows>li .rimgw a{display:block}
.bpost .pdate,.wph-posts>li .pdate{color:var(--brand);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.bpost .wp-block-post-excerpt__excerpt,.card .wp-block-post-excerpt__excerpt,.rrow .wp-block-post-excerpt__excerpt,.wph-posts>li .wp-block-post-excerpt__excerpt,.wph-cards>li .wp-block-post-excerpt__excerpt,.wph-rows>li .wp-block-post-excerpt__excerpt{margin:0}
.buy .wp-block-add-to-cart-form,.buy .wp-block-add-to-cart-form form.cart{display:block;width:100%}
.doc h2.doc-first{margin-top:28px}
.buy .safe-pay{position:relative;padding:14px 14px 14px;margin:16px 0 0}
.buy .safe-pay .safe-legend{position:absolute;top:-10px;left:12px;background:#fff;padding:0 8px;font-size:12.5px;font-weight:600;color:var(--mut);margin:0;line-height:1.5}
.buy .safe-pay figure{margin:0}
.buy .benefits{margin:18px 0}
.buy .benefits li{display:flex;align-items:baseline}
.wph-ph{border:1px dashed #9db8ea;background:var(--brand-l);border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.5;color:var(--mut);display:inline-block}
.card .wc-block-components-product-summary,.wph-cards>li .wc-block-components-product-summary,.rrow .wc-block-components-product-summary,.wph-rows>li .wc-block-components-product-summary{margin:0}
.buy .wp-block-add-to-cart-form{margin:0}
.bpost .pdate,.wph-posts>li .pdate{line-height:25.6px}
.pag.wp-block-query-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.pag .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;gap:6px}
.pag .wp-block-query-pagination-previous,.pag .wp-block-query-pagination-next{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14px;padding:0 10px;margin:0}
.pag .wp-block-query-pagination-previous:hover,.pag .wp-block-query-pagination-next:hover{border-color:var(--brand);color:var(--brand)}
.buy .safe-pay{padding-top:29px}