/*
Theme Name: STRYDA
Description: Lekki motyw WooCommerce dla sklepu z jednym produktem (opaska na kolano STRYDA).
Version: 0.1.0
Author: SmartCom
Text Domain: stryda
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{
  --paper:#ffffff; --bone:#f2f2ef; --bone2:#ecece8; --ink:#0c0f16; --ink2:#49505e;
  --line:#e3e3df; --navy:#061d5b; --navy2:#0a2a79; --sale:#c0391c;
  --gutter:clamp(18px,5vw,56px); --maxw:1180px; --soft:#5c6a86; --tint:#f4f7ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper)}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
.screen-reader-text{position:absolute;left:-9999px}
/* ================= SKLEP (Shrine-style) ================= */
  .store{font-family:'Hanken Grotesk',sans-serif;font-size:15px;line-height:1.55;color:var(--ink);background:var(--paper)}
  .store *{box-sizing:border-box}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
  .store h1,.store h2,.store h3{font-family:'Archivo',sans-serif;color:var(--ink);line-height:1;margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
  .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
  .store a{color:inherit}

  /* marquee top bar */
  .marq{background:var(--ink);color:#fff;overflow:hidden}
  .marq .track{display:flex;width:max-content;animation:marq 26s linear infinite}
  .marq em{font-style:normal;padding:9px 26px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:26px}
  .marq em::after{content:"◆";font-size:7px;opacity:.5}
  @keyframes marq{to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.marq .track{animation:none}}

  /* header */
  .hdr{position:sticky;top:0;z-index:6;background:var(--paper);border-bottom:1px solid var(--line)}
  .hdr .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:15px}
  .brand{justify-self:center;font-family:'Archivo',sans-serif;font-weight:900;font-size:23px;letter-spacing:.14em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}
  .brand .mk{width:26px;height:26px;background:var(--navy);display:grid;place-items:center;flex:none}
  .brand .mk svg{width:17px;height:17px}
  .brand .logo{height:32px;width:auto;display:block}
  .ftr .brand{justify-self:start;align-self:start}
  .ftr .brand .logo{height:36px;filter:brightness(0) invert(1)}
  @media (max-width:470px){.brand .logo{height:27px}}
  .nav{display:flex;gap:2px;margin-left:0}
  .nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:13.5px;letter-spacing:.01em;padding:9px 13px}
  .nav a:hover{color:var(--navy)}
  .nav a.on{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:var(--navy)}
  .hleft{justify-self:start;display:flex;align-items:center}
  .hright{justify-self:end;display:flex;align-items:center;gap:4px}
  .iconbtn{position:relative;width:40px;height:40px;background:transparent;border:none;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
  .iconbtn svg{width:20px;height:20px}
  .cartn{position:absolute;top:4px;right:2px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;padding:0 3px}
  .burger{display:none}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:'Archivo',sans-serif;
    font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:15px 26px;border:1.5px solid var(--navy);text-decoration:none;transition:.14s;line-height:1}
  .btn-primary{background:var(--navy);color:#fff}
  .btn-primary:hover{background:#04164a}
  .btn-ghost{background:transparent;color:var(--navy)}
  .btn-ghost:hover{background:var(--navy);color:#fff}
  .btn svg{width:17px;height:17px}
  .stars{display:inline-flex;gap:1px;color:#111}
  .stars svg{width:14px;height:14px}
  .rate{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);font-weight:600}

  /* HERO — redakcyjny split, prawa część na full-bleed */
  .hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:clamp(420px,54vw,600px)}
  .hero .htext{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:clamp(30px,5vw,64px) clamp(30px,4vw,54px) clamp(30px,5vw,64px) var(--gutter)}
  .hero .htext .in{max-width:30ch}
  .hero h1{font-size:clamp(38px,8.4vw,78px);font-weight:900;line-height:.94;letter-spacing:-.035em}
  .hero p.lead{font-size:clamp(15px,1.9vw,18px);color:var(--ink2);max-width:40ch;line-height:1.5}
  .hero .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
  .hero .cta .price{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px}
  .hero .hart{background:var(--navy);position:relative;display:grid;place-items:center;overflow:hidden}
  .hero .hart .knee{width:58%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
  .hero .hart::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 90% at 70% 15%,rgba(255,255,255,.12),transparent 60%)}
  .hero .hart .flag{position:absolute;left:0;bottom:26px;background:#fff;color:var(--ink);font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:9px 16px}

  /* benefits marquee */
  .benmarq{background:var(--navy);color:#fff;overflow:hidden}
  .benmarq .track{display:flex;width:max-content;animation:marq 30s linear infinite}
  .benmarq em{font-style:normal;display:inline-flex;align-items:center;gap:12px;padding:14px 30px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;white-space:nowrap}
  .benmarq em svg{width:17px;height:17px;opacity:.85}
  @media (prefers-reduced-motion:reduce){.benmarq .track{animation:none}}

  /* editorial split blocks */
  .edit{padding-block:clamp(44px,7vw,96px)}
  .esplit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
  .esplit.rev .emedia{order:2}
  .emedia{aspect-ratio:4/3.3;background:var(--bone);display:grid;place-items:center;position:relative}
  .emedia .knee{width:46%}
  .emedia .num{position:absolute;top:18px;left:18px;font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;letter-spacing:.1em;color:var(--navy)}
  .etext .eyebrow{margin-bottom:14px;display:block}
  .etext h2{font-size:clamp(26px,4.4vw,46px);margin-bottom:16px}
  .etext p{color:var(--ink2);line-height:1.6;max-width:46ch;margin:0 0 14px}
  .checklist{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
  .checklist li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;font-weight:500}
  .checklist svg{width:19px;height:19px;color:var(--navy);flex:none;margin-top:1px}

  /* stat band */
  .stats{background:var(--ink);color:#fff}
  .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:clamp(34px,4vw,54px)}
  .stat{text-align:left}
  .stat .big{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(30px,4.6vw,50px);letter-spacing:-.03em;line-height:1}
  .stat .lab{font-size:12.5px;color:#a9b4cc;margin-top:8px;font-weight:500}
  .stat+.stat{border-left:1px solid rgba(255,255,255,.12);padding-left:20px}

  /* collection */
  .coll{padding-block:clamp(44px,6vw,84px)}
  .coll .chead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
  .coll h2{font-size:clamp(26px,4.4vw,44px)}
  .coll .link{font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--navy);border-bottom:2px solid var(--navy);padding-bottom:3px}
  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
  .pcard{text-decoration:none;color:inherit;display:flex;flex-direction:column}
  .pcard .pimg{aspect-ratio:1;background:var(--bone);display:grid;place-items:center;position:relative;overflow:hidden;transition:.2s}
  .pcard:hover .pimg{background:var(--bone2)}
  .pcard .pimg .knee{width:52%;transition:.25s}
  .pcard:hover .pimg .knee{transform:scale(1.04)}
  .pcard .tag{position:absolute;top:12px;left:12px;background:var(--sale);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:11px;padding:4px 9px}
  .pcard .pname{font-family:'Archivo',sans-serif;font-weight:700;font-size:15.5px;margin-top:14px}
  .pcard .pprice{margin-top:4px;font-size:14px;color:var(--ink2);display:flex;gap:8px;align-items:baseline}
  .pcard .pprice .was{text-decoration:line-through;color:#9aa1ad;font-size:12.5px}

  /* review quote */
  .quote{background:var(--bone)}
  .quote .wrap{padding-block:clamp(44px,6vw,84px);max-width:860px;text-align:center}
  .quote .stars{justify-content:center;margin-bottom:18px}
  .quote blockquote{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(20px,3.2vw,32px);line-height:1.25;letter-spacing:-.01em;margin:0 auto 18px;max-width:22ch;color:var(--ink)}
  .quote .by{font-size:13px;color:var(--ink2);font-weight:600}

  /* CTA band */
  .cta2{background:var(--navy);color:#fff}
  .cta2 .wrap{padding-block:clamp(40px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .cta2 h2{color:#fff;font-size:clamp(26px,4.2vw,42px);max-width:16ch}
  .cta2 .btn-primary{background:#fff;color:var(--navy);border-color:#fff}
  .cta2 .btn-primary:hover{background:var(--bone)}

  /* footer */
  .ftr{background:var(--ink);color:#aeb6c6;font-size:14px}
  .ftr .wrap{padding-block:clamp(40px,5vw,64px)}
  .fnews{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
  .fnews h3{color:#fff;font-size:clamp(22px,3.4vw,32px);max-width:16ch}
  .fnews p{color:#8e97a9;margin:10px 0 0}
  .nform{display:flex;gap:0;border:1.5px solid rgba(255,255,255,.3)}
  .nform input{flex:1;min-width:0;background:transparent;border:none;color:#fff;padding:14px 16px;font-size:14px;font-family:inherit}
  .nform input::placeholder{color:#8e97a9}
  .nform input:focus{outline:none}
  .nform button{background:#fff;color:var(--ink);border:none;font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;padding:0 22px;cursor:pointer}
  .fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;padding-block:36px}
  .ftr .brand{color:#fff;margin-bottom:12px}.ftr .brand .mk{background:#fff}.ftr .brand .mk svg{color:var(--navy)}
  .ftr .ab{max-width:32ch;color:#8e97a9;line-height:1.6}
  .ftr h4{color:#fff;font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
  .ftr ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
  .ftr a{color:#aeb6c6;text-decoration:none}.ftr a:hover{color:#fff}
  .fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:#808aa0;font-size:12.5px}
  .pays{display:flex;gap:6px}.pays span{background:rgba(255,255,255,.08);padding:4px 9px;font-size:10px;font-weight:700;color:#ccd4e4}

  .fmini{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}
  .fmini .ab{margin:0;line-height:1.7}
  @media (max-width:560px){.fmini{grid-template-columns:1fr;gap:26px}}
  /* ============ PRODUKT ============ */
  .crumb{font-size:12px;color:var(--ink2);padding-top:18px;letter-spacing:.02em}
  .crumb b{color:var(--ink)}
  .pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);padding-block:20px clamp(30px,4vw,56px);align-items:start}
  .pdp-media{position:sticky;top:72px;align-self:start}
  /* galeria / karuzela */
  .gal{position:relative}
  .slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .slides::-webkit-scrollbar{display:none}
  .slide{min-width:100%;scroll-snap-align:center;aspect-ratio:1/1;display:grid;place-items:center;background:var(--bone);position:relative}
  .slide:nth-child(2){background:var(--bone2)}
  .slide:nth-child(3){background:#e7ebf4}
  .slide:nth-child(4){background:#eef0ea}
  .slide:nth-child(5){background:#e9ecf2}
  .slide .knee{width:58%;filter:drop-shadow(0 20px 30px rgba(6,29,91,.18))}
  .slide .sbadge{position:absolute;top:16px;left:16px;background:var(--sale);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;padding:5px 11px}
  .arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.08);z-index:2}
  .arrow svg{width:20px;height:20px}
  .arrow.prev{left:14px}.arrow.next{right:14px}
  .dots{display:flex;gap:7px;justify-content:center;padding-top:14px}
  .dot2{width:7px;height:7px;border-radius:999px;background:var(--line);border:none;padding:0;cursor:pointer;transition:.18s}
  .dot2.on{background:var(--navy);width:22px}
  .thumbs{display:flex;gap:10px;margin-top:12px}
  .thumb{flex:1 1 0;min-width:0;aspect-ratio:1;background:var(--bone);border:1.5px solid transparent;display:grid;place-items:center;cursor:pointer}
  .thumb:nth-child(2){background:var(--bone2)}
  .thumb:nth-child(3){background:#e7ebf4}
  .thumb:nth-child(4){background:#eef0ea}
  .thumb:nth-child(5){background:#e9ecf2}
  .thumb.on{border-color:var(--navy)}
  .thumb .knee{width:58%}

  .buy{position:static}
  .buy .eyebrow{display:block;margin-bottom:10px}
  .buy h1{font-size:clamp(26px,4.4vw,40px);line-height:1.02;margin-bottom:12px}
  .buy .rate{margin-bottom:10px}
  .buy .rate b{color:var(--ink);font-family:'Archivo',sans-serif;font-weight:800}
  /* pigułka opinii: awatary + gwiazdki + ocena */
  .buy .rpill{display:inline-flex;align-items:center;gap:6px;background:#eef2fb;border:1px solid #dbe3f6;border-radius:999px;padding:4px 11px 4px 4px;font-size:12px;max-width:100%;flex-wrap:nowrap;white-space:nowrap}
  .rpill .avs{display:inline-flex;flex:none}
  .rpill .av{width:22px;height:22px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;overflow:hidden;flex:none}
  .rpill .av+.av{margin-left:-7px}
  .rpill .av svg{width:17px;height:17px;margin-top:4px;color:rgba(255,255,255,.92)}
  .rpill .a1{background:linear-gradient(135deg,#7e8fb8,#4a5b8a)}
  .rpill .a2{background:linear-gradient(135deg,#c79b7d,#9a6c52)}
  .rpill .a3{background:linear-gradient(135deg,#b6a7c9,#7f6c9e)}
  .rpill .stars.gold{color:#f5a623}
  .rpill .stars{flex:none;gap:0}
  .rpill .stars svg{width:12px;height:12px}
  .rpill b{font-size:12.5px}
  .rpill .rsep{color:#c2cbe0;font-weight:400}
  .rpill .rcnt{color:var(--ink2);font-weight:600}
  .bsbadge{display:inline-flex;align-items:center;gap:8px;background:none;border:none;border-radius:0;padding:0;font-size:11.5px;font-weight:600;color:var(--ink2);margin-bottom:8px;max-width:100%;flex-wrap:wrap}
  .bsbadge .bs1{font-family:'Archivo',sans-serif;font-weight:800;color:var(--navy);letter-spacing:.02em;text-transform:uppercase;font-size:11px;display:inline-flex;align-items:center;gap:5px}
  .bsbadge .bs1 svg{width:13px;height:13px;color:#f5a623}
  .bsbadge .bssep{color:#c2cbe0}
  .price2{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:nowrap;white-space:nowrap}
  .price2 .now{font-family:'Archivo',sans-serif;font-weight:900;font-size:26px;color:var(--ink)}
  .price2 .was{font-size:14px;color:#9aa1ad;text-decoration:line-through}
  .price2 .off{background:var(--navy);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:11px;padding:4px 8px;border-radius:6px}
  /* zakładki: opinia eksperta / porównanie / zalety */
  .tabs{border:1px solid var(--line);margin-bottom:22px;background:#fff}
  .tabbar{display:grid;grid-template-columns:repeat(3,1fr)}
  .tab{border:none;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;padding:15px 6px;background:var(--navy);color:#fff;transition:.14s}
  .tab+.tab{border-left:1px solid rgba(255,255,255,.14)}
  .tab.on{background:#fff;color:#000}
  .tabbody{padding:20px 18px 22px}
  .tpane[hidden]{display:none}
  .stars.gold{color:#f5a623}
  .stars.big svg{width:19px;height:19px}
  .eq{margin:14px 0 18px;font-style:italic;color:var(--ink2);font-size:14px;line-height:1.65}
  .expert{display:flex;align-items:center;gap:13px}
  .eav{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#7e8fb8,#4a5b8a);display:grid;place-items:center;overflow:hidden;flex:none}
  .eav svg{width:42px;height:42px;margin-top:9px;color:rgba(255,255,255,.92)}
  .expert .en{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;color:var(--ink)}
  .expert .er{font-size:12.5px;color:var(--soft,#5c6a86);margin-top:2px}
  .pdp-media{min-width:0}
  .buy,.tabs,.tabbody,.tpane{min-width:0;max-width:100%}
  .pdp{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .cmpwrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;touch-action:pan-x pan-y;padding-bottom:6px}
  .cmpwrap::-webkit-scrollbar{height:6px}
  .cmpwrap::-webkit-scrollbar-thumb{background:#c3ccdf;border-radius:3px}
  .cmp{border-collapse:collapse;width:520px;font-size:13px;table-layout:fixed}
  .cmp th:nth-child(1),.cmp td:nth-child(1){width:112px}
  .cmp th:nth-child(2),.cmp td:nth-child(2){width:200px}
  .cmp th:nth-child(3),.cmp td:nth-child(3){width:208px}
  .cmp th,.cmp td{padding:12px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.3}
  .cmp thead th{background:#fafafa;color:var(--ink2);font-family:'Archivo',sans-serif;font-weight:800;font-size:12.5px}
  .cmp thead th.us{background:var(--navy);color:#fff}
  .cmp td.us{background:#f4f7ff;color:var(--navy);font-weight:800;font-family:'Archivo',sans-serif}
  .cmp td:first-child{color:var(--ink2)}
  .adv{list-style:none;margin:0;padding:0}
  .adv li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:14px;line-height:1.45;color:var(--ink2)}
  .adv li+li{border-top:1px solid var(--line)}
  .adv li:first-child{padding-top:2px}
  .adv li:last-child{padding-bottom:2px}
  .adv .ck{width:22px;height:22px;flex:none;border-radius:50%;background:var(--navy);display:grid;place-items:center;margin-top:1px}
  .adv .ck svg{width:12px;height:12px;color:#fff}
  .adv b{color:var(--ink);font-family:'Archivo',sans-serif;font-weight:800}
  /* FAQ — akordeon */
  .faq{border:1px solid var(--line);background:#fff;margin-bottom:22px;min-width:0}
  .fq+.fq{border-top:1px solid var(--line)}
  .fqh{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:none;cursor:pointer;text-align:left;padding:19px 18px;font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;color:var(--navy)}
  .fqh:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
  .pm{position:relative;width:14px;height:14px;flex:none}
  .pm::before,.pm::after{content:"";position:absolute;background:var(--navy);border-radius:1px;transition:.2s}
  .pm::before{left:0;right:0;top:6px;height:2px}
  .pm::after{top:0;bottom:0;left:6px;width:2px}
  .fqh[aria-expanded="true"] .pm::after{transform:scaleY(0)}
  .fqb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
  .fqb>.fqi{overflow:hidden;min-height:0;padding:0 18px;font-size:14px;line-height:1.6;color:var(--ink2)}
  .fq.open .fqb{grid-template-rows:1fr}
  .fq.open .fqb>.fqi{padding-bottom:18px}
  .lowest{font-size:10.5px;color:var(--ink2);margin:0 0 2px;line-height:1.3;white-space:nowrap}

  /* slider wideo 9:16: desktop 3 kafelki, telefon ~2 + przewijanie */
  .vids{margin:0 0 22px;min-width:0;max-width:100%}
  .vids{position:relative}
  .varr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.18);padding:0}
  .varr svg{width:19px;height:19px}
  .varr:hover{background:#fff}
  .varr[hidden]{display:none}
  .vprev{left:6px}.vnext{right:6px}
  .vtrack{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
  .vtrack::-webkit-scrollbar{display:none}
  .vtrack:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
  .vid{flex:0 0 calc((100% - 20px)/3);aspect-ratio:9/16;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#0a2a79,#061d5b)}
  .vid:nth-child(2){background:linear-gradient(160deg,#10399a,#0a2a79)}
  .vid:nth-child(3){background:linear-gradient(160deg,#061d5b,#04164a)}
  .vid .knee{position:absolute;width:46%;left:50%;top:44%;transform:translate(-50%,-50%);opacity:.22}
  .vid .vp{position:relative;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.28)}
  .vid .vp svg{width:20px;height:20px;margin-left:2px}
  .vid .vl{position:absolute;left:10px;bottom:10px;font-family:'Archivo',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.02em;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);padding:4px 9px;border-radius:999px}
  /* kafelki z korzyściami (short description) */
  .pfeats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 20px}
  .pfeats{gap:6px}
  .pfeat{position:relative;display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#0c1426,#18213a);border-radius:7px;padding:8px 9px;min-height:0;font-size:10.5px;font-weight:800;line-height:1.15;color:#fff;font-family:'Archivo',sans-serif;letter-spacing:-.01em}
  .pfeat:nth-child(even){background:linear-gradient(135deg,#061d5b,#0a2a79)}
  .pfeat .pfi{flex:none;display:grid;place-items:center;color:#fff}
  .pfeat .pfi svg{width:12px;height:12px}
  .vat{font-size:12.5px;color:var(--ink2);margin-bottom:22px}
  .opt{margin-bottom:18px}
  .opt .lbl{font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}
  .sizes{display:flex;gap:8px;flex-wrap:wrap}
  .size{border:1.5px solid var(--line);background:#fff;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);font-family:'Archivo',sans-serif}
  .size.on{border-color:var(--navy);background:var(--navy);color:#fff}
  .buyrow{display:flex;gap:10px;margin-bottom:12px}
  .qty{display:flex;align-items:center;border:1.5px solid var(--ink)}
  .qty button{width:46px;height:52px;border:none;background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}
  .qty input{width:38px;text-align:center;border:none;font-size:15px;font-weight:700;color:var(--ink);font-family:'Archivo',sans-serif}
  .buyrow .btn-primary{flex:1;padding:16px}
  .buynow{width:100%;margin-bottom:22px}
  /* bundle selektor (3 pakiety) */
  .bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:4px 0 16px}
  .bundle{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:15px 9px 12px;cursor:pointer;text-align:center;background:#fff;transition:.14s;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:inherit}
  .bundle:hover{border-color:#c3ccdf}
  .bundle.on{border-color:var(--navy);border-width:2px;background:#f4f7ff}
  .bundle .ship{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#16a34a;color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:8px;letter-spacing:.03em;text-transform:uppercase;padding:4px 8px;border-radius:7px;white-space:nowrap;line-height:1.15;text-align:center}
  .bundle .thumb2{width:64px;height:64px;flex:none;background:var(--bone);border-radius:9px;display:grid;place-items:center;position:relative;margin-bottom:6px}
  .bundle.on .thumb2{background:#e7edfb}
  .bundle .thumb2 .knee{width:44px;height:44px}
  .bundle .qbadge{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:11px;padding:2px 9px;border-radius:999px;line-height:1.3}
  .bundle .bname{font-family:'Archivo',sans-serif;font-weight:800;font-size:14.5px;color:var(--ink);letter-spacing:-.01em}
  .bundle .bdesc{font-size:11px;color:var(--ink2);line-height:1.3;min-height:30px;display:flex;align-items:center}
  .bundle .bnow{font-family:'Archivo',sans-serif;font-weight:900;font-size:15.5px;color:#16a34a;margin-top:2px}
  .bundle .bwas{font-size:11.5px;color:#9aa1ad;text-decoration:line-through;margin-top:-3px}
  .bundle .bunit{font-size:10.5px;color:var(--navy);font-weight:800;margin-top:3px}
  .bundlecta{width:100%;margin-bottom:10px;font-size:15px;padding:17px}
  .store .bundlecta,.store .bundlecta svg{color:#fff}
  .bundlecta .ctsep{opacity:.45;margin:0 3px;font-weight:400}
  /* szeroki kafelek dostawy + 3 kafelki zaufania */
  .deliv{display:flex;align-items:center;justify-content:center;gap:10px;background:#f4f7ff;border:1px solid #dbe3f6;border-radius:10px;padding:8px 13px;margin-bottom:10px;font-size:13.5px;color:var(--navy);font-weight:600}
  .deliv .di{width:26px;height:26px;flex:none;border-radius:7px;background:#fff;border:1px solid #dbe3f6;display:grid;place-items:center;color:var(--navy)}
  .deliv .di svg{width:16px;height:16px}
  .deliv b{font-family:'Archivo',sans-serif;font-weight:800}
  .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}
  .trust .tr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 6px;font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}
  .trust .tr svg{width:21px;height:21px;color:var(--navy)}
  .assure{display:flex;flex-direction:column}
  .assure .a{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink);padding:13px 0;border-top:1px solid var(--line)}
  .assure .a svg{width:19px;height:19px;color:var(--navy);flex:none}

  .specs{padding-block:clamp(30px,4vw,56px);border-top:1px solid var(--line)}
  .specs .cols{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px)}
  .specs h2{font-size:clamp(22px,3vw,30px);margin-bottom:16px}
  .specs p{color:var(--ink2);line-height:1.65;margin:0 0 12px;max-width:58ch}
  .spectable{align-self:start;border-top:2px solid var(--ink)}
  .spectable .r{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;font-size:13.5px;border-bottom:1px solid var(--line)}
  .spectable .r b{color:var(--ink);font-family:'Archivo',sans-serif}

  /* ---------- responsywność (container queries) ---------- */
  @media (max-width:820px){
    .hero{grid-template-columns:1fr}
    .hero .hart{order:-1;min-height:46vw}
    .hero .htext{padding:clamp(26px,7vw,44px) var(--gutter)}
    .esplit{grid-template-columns:1fr;gap:22px}
    .esplit.rev .emedia{order:0}
    .stats .wrap{grid-template-columns:1fr 1fr;gap:0}
    .stat{padding:18px 0}
    .stat+.stat{border-left:none}
    .stat:nth-child(even){border-left:1px solid rgba(255,255,255,.12);padding-left:20px}
    .pgrid{grid-template-columns:repeat(2,1fr)}
    .pdp{grid-template-columns:minmax(0,1fr);gap:0}
    .buy{position:static;margin-top:20px}
    .pdp-media{position:static;top:auto}
    .fnews{grid-template-columns:1fr;gap:16px}
    .fcols{grid-template-columns:1fr 1fr}
    .nav{display:none}.burger{display:grid}
    .specs .cols{grid-template-columns:1fr;gap:22px}
  }
  @media (max-width:470px){
    .pgrid{grid-template-columns:1fr 1fr}
    .fcols{grid-template-columns:1fr}
    .cta2 .wrap{flex-direction:column;align-items:flex-start}
    .buyrow{flex-wrap:wrap}
    /* GALERIA PRODUKTU: pełna szerokość, bez zaokrągleń, styka się z headerem */
    .vid{flex-basis:calc((100% - 10px)/2.2)}
    .crumb{display:none}
    .pdp{padding-top:0}
    .pdp-media{margin-inline:calc(-1*var(--gutter))}
    .slide{aspect-ratio:1/1}
    .dots{padding-bottom:2px}
    /* 5 miniatur w jednym rzędzie pod głównym zdjęciem — sygnał, że można przewijać */
    .thumbs{display:flex;gap:6px;margin-top:10px;padding-inline:var(--gutter)}
    .thumb{width:auto;flex:1 1 0;min-width:0}
  }

  /* menu mobilne (lewa szuflada) */
  .mn{position:fixed;top:0;left:0;bottom:0;width:min(320px,86%);background:#fff;z-index:21;display:flex;flex-direction:column;box-shadow:20px 0 50px -20px rgba(0,0,0,.35);animation:mnslide .25s ease;font-family:'Hanken Grotesk',sans-serif;color:var(--ink)}
  .mn *{box-sizing:border-box}
  @keyframes mnslide{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
  .mn-h{flex:none;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:14px 10px 14px 20px}
  .mn-h h2{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em;color:#fff}
  .mn-l{list-style:none;margin:0;padding:6px 0;overflow-y:auto}
  .mn-l li+li{border-top:1px solid var(--line)}
  .mn-l a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;color:var(--ink);text-decoration:none}
  .mn-l a:hover,.mn-l a:active{background:var(--tint,#f4f7ff);color:var(--navy)}
  .mn-l a svg{width:18px;height:18px;color:#9aa1ad;flex:none}
  /* ===== SZUFLADA KOSZYKA (V2: granatowy nagłówek) ===== */
  .cd-ov{position:fixed;inset:0;background:rgba(6,29,91,.5);z-index:20;animation:cdfade .2s}
  .cd{position:fixed;top:0;right:0;bottom:0;width:min(380px,100%);background:#fff;z-index:21;display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px rgba(0,0,0,.35);animation:cdslide .25s ease;font-family:'Hanken Grotesk',sans-serif;color:var(--ink);font-size:14px;line-height:1.5}
  .cd *{box-sizing:border-box}
  @keyframes cdslide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
  @keyframes cdfade{from{opacity:0}to{opacity:1}}
  .cd-h{flex:none;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:14px 10px 14px 20px}
  .cd-h h2{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em;color:#fff}
  .cd-x{width:36px;height:36px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;color:#fff;border-radius:50%}
  .cd-x:hover{background:rgba(255,255,255,.12)}
  .cd-x svg{width:19px;height:19px}
  .cd-b{flex:1;overflow-y:auto;padding:18px 20px}
  .cd-i{display:grid;grid-template-columns:64px 1fr auto auto;gap:10px 12px;align-items:center}
  .cd-t{width:64px;height:64px;background:var(--bone);border-radius:8px;display:grid;place-items:center}
  .cd-t svg{width:38px;height:38px}
  .cd-n{font-family:'Archivo',sans-serif;font-weight:800;font-size:14.5px;line-height:1.25}
  .cd-s{font-size:12px;color:var(--ink2)}
  .cd-p{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
  .cd-p b{font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;white-space:nowrap}
  .cd-p s{font-size:11.5px;color:#9aa1ad;white-space:nowrap}
  .cd-r{border:none;background:transparent;cursor:pointer;color:#9aa1ad;padding:6px;border-radius:6px;display:grid;place-items:center}
  .cd-r:hover{color:#b3261e;background:var(--bone)}
  .cd-r svg{width:18px;height:18px}
  .cd-f{flex:none;padding:14px 20px 18px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
  .cd-tot{display:flex;justify-content:space-between;align-items:baseline}
  .cd-tot span{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px}
  .cd-tot b{font-family:'Archivo',sans-serif;font-weight:900;font-size:21px}
  .cd-btns{display:flex;flex-direction:column;gap:9px}
  .cd-go{display:flex;align-items:center;justify-content:center;width:100%;background:var(--navy);color:#fff;border:none;border-radius:2px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:16px 14px;cursor:pointer;line-height:1}
  .cd-go:hover{background:#04164a}
  .cd-co{width:100%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;border-radius:2px;padding:15px 8px;cursor:pointer;line-height:1}
  .cd-co:hover{background:var(--tint,#f4f7ff)}
  .cd-e{text-align:center;padding:50px 10px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .cd-e svg{width:46px;height:46px;color:#b6bfd3}
  .cd-e h3{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:18px}
  .cd-e .cd-co{width:auto;padding:14px 22px;margin-top:6px}
  @media (max-width:560px){.cd{width:94%}}

  /* strona główna: baner + 3 duże kafelki */
  .banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#061d5b 0%,#0a2a79 60%,#10399a 100%);min-height:clamp(300px,40vw,480px);display:flex;align-items:center}
  .banner::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 78% 20%,rgba(255,255,255,.14),transparent 60%)}
  .bn-in{position:relative;z-index:1;padding:clamp(30px,5vw,64px) var(--gutter);max-width:56%}
  .banner h1{color:#fff;font-size:clamp(38px,7.6vw,84px);font-weight:900;line-height:.94;letter-spacing:-.035em;margin:0 0 24px}
  .store .banner .bn-cta{background:#fff;color:var(--navy);border-color:#fff}
  .store .banner .bn-cta:hover{background:var(--bone)}
  .bn-art{position:absolute;right:clamp(20px,7vw,100px);top:50%;transform:translateY(-50%);height:82%;width:auto;aspect-ratio:200/260;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
  .bigtiles{padding-block:clamp(30px,5vw,64px)}
  .bt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,22px)}
  .bt{background:#f4f7ff;border:1px solid #dbe3f6;border-radius:14px;padding:clamp(24px,3.4vw,40px) clamp(18px,2.4vw,30px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
  .bt .bti{width:64px;height:64px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
  .bt .bti svg{width:30px;height:30px;color:#fff}
  .bt .btx{display:flex;flex-direction:column;align-items:inherit;gap:8px}
  .bt h3{font-size:clamp(18px,2.3vw,23px);line-height:1.1}
  .bt p{margin:0;color:var(--ink2);font-size:14px;line-height:1.5;max-width:26ch}
  @media (max-width:820px){
    .bn-in{max-width:100%;padding-bottom:46%}
    .banner{min-height:clamp(340px,92vw,520px);align-items:flex-start}
    .bn-art{top:auto;bottom:-4%;right:50%;transform:translateX(50%);height:46%}
    .bt-grid{grid-template-columns:1fr}
    .bt{flex-direction:row;text-align:left;align-items:center;gap:16px;padding:20px 18px}
    .bt h3{margin:0 0 4px}.bt p{max-width:none}
    .bt .bti{flex:none}
  }

  /* ===== CHECKOUT ===== */
  .co-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"dane order" "dane ship" "dane pay";gap:6px clamp(24px,4vw,56px);padding-block:clamp(20px,3vw,40px) clamp(36px,5vw,64px);align-items:start}
  .co-dane{grid-area:dane;position:sticky;top:72px;align-self:start}.co-order{grid-area:order}.co-ship{grid-area:ship}.co-pay{grid-area:pay}
  .store .co-h{display:flex;align-items:center;gap:10px;margin:30px 0 30px;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(17px,2.2vw,24px);letter-spacing:-.01em;text-align:center;white-space:nowrap}
  .co-h::before,.co-h::after{content:"";flex:1 1 12px;min-width:10px;height:1px;background:var(--line)}
  .co-h span{flex:none;white-space:nowrap}
  @media (max-width:470px){.store .co-h{font-size:16.5px;gap:8px}}
  .fld{display:block;margin-bottom:12px}
  .fld span{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
  .fld span i{font-style:normal;color:#b3261e}
  .fld span em{font-style:normal;font-weight:500;color:var(--ink2)}
  .fld input{width:100%;border:1.5px solid #d6dbe6;border-radius:10px;padding:14px 14px;font-size:16px;font-family:inherit;color:var(--ink);background:#fff;transition:.14s}
  .fld input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(6,29,91,.12)}
  .fld.err input{border-color:#b3261e;background:#fff7f6}
  .fld.err::after{content:"Uzupełnij to pole";display:block;font-size:12px;color:#b3261e;margin-top:5px;font-weight:600}
  .fr2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .fr-city{grid-template-columns:1.4fr 1fr}
  .cobox{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
  .co-ok{background:#ecfaf1;border-bottom:1px solid #c7ecd6;color:#12803d;padding:15px 16px;font-size:clamp(15px,2vw,18px);line-height:1.4;font-weight:500}
  .co-ok b{font-family:'Archivo',sans-serif;font-weight:800}
  .co-it{display:flex;gap:14px;padding:16px;align-items:flex-start}
  .co-th{width:78px;height:78px;flex:none;background:var(--bone);border-radius:8px;display:grid;place-items:center}
  .co-th svg{width:46px;height:46px}
  .co-in{flex:1;min-width:0}
  .co-in .nm{font-family:'Archivo',sans-serif;font-weight:800;font-size:15.5px;line-height:1.3}
  .co-in .st{font-size:14px;margin-top:3px;white-space:nowrap}
  @media (max-width:470px){.co-in .st{font-size:12.5px}.co-it{gap:11px;padding:14px}.co-th{width:68px;height:68px}}.co-in .st b{color:#12803d;font-weight:800}
  .co-in .pr{display:flex;align-items:baseline;gap:9px;margin-top:10px}
  .co-in .pr b{font-family:'Archivo',sans-serif;font-weight:900;font-size:19px}
  .co-in .pr s{font-size:13px;color:#9aa1ad}
  .co-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line);background:#fafafa;color:var(--ink2);font-size:14px}
  .co-ch button{border:none;background:var(--navy);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;padding:12px 18px;border-radius:9px;cursor:pointer}
  .co-ch button:hover{background:#04164a}
  .co-eta{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:#fff;border-radius:10px;padding:15px 14px;margin-top:12px;font-size:15px}
  .co-eta svg{width:21px;height:21px;flex:none}
  .co-eta u{font-weight:800;text-underline-offset:3px}
  .co-tl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}
  .co-tl .t{background:var(--navy);color:#fff;border-radius:10px;padding:16px 8px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;line-height:1.25}
  .co-tl .t i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
  .co-tl .t i svg{width:19px;height:19px;color:#fff}
  .opt2{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:2px solid #e6e9f0;border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;font-family:inherit;color:var(--ink);transition:.14s}
  .opt2:hover{border-color:#c3ccdf}
  .opt2.on{border-color:#16a34a;background:#ecfaf1}
  .opt2[disabled]{opacity:.45;cursor:not-allowed}
  .opt2 .rd{width:24px;height:24px;border-radius:50%;border:2px solid #c3ccdf;flex:none;display:grid;place-items:center;background:#fff}
  .opt2.on .rd{background:#16a34a;border-color:#16a34a}
  .opt2 .rd svg{width:13px;height:13px;color:#fff;opacity:0}
  .opt2.on .rd svg{opacity:1}
  .ipl{width:34px;height:34px;flex:none;background:#ffcd00;border-radius:7px;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:900;font-size:8.5px;color:#1a1a1a;letter-spacing:-.02em}
  .opt2 .ot{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.35}
  .opt2 .ot small{display:block;font-size:12px;font-weight:500;color:var(--ink2);margin-top:1px}
  .opt2 .op{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;white-space:nowrap}
  .opt2 .op.g{color:#12803d}
  .pico{width:48px;height:48px;flex:none;background:var(--bone);border-radius:9px;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:900;font-size:11.5px;color:var(--navy)}
  .pico svg{width:23px;height:23px;color:var(--navy)}
  .co-total{display:flex;justify-content:space-between;align-items:baseline;padding:8px 4px 0;font-size:16px}
  .co-total span{font-weight:500}
  .co-total b{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px}
  .co-totB{margin-top:6px;background:#f4f7ff;border:1px solid #dbe3f6;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .co-totB span{font-family:'Archivo',sans-serif;font-weight:800;font-size:14px}
  .co-totB b{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;color:var(--navy);letter-spacing:-.01em;white-space:nowrap}
  .cta-co{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;background:var(--navy);color:#fff;border:none;border-radius:10px;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;letter-spacing:.02em;padding:19px 14px;cursor:pointer;line-height:1}
  .cta-co:hover{background:#04164a}
  .cta-co[disabled]{opacity:.5;cursor:not-allowed}
  .cta-co .sp{opacity:.45;font-weight:400}
  .co-terms{margin:12px 0 0;font-size:12px;color:var(--ink2);text-align:center}
  .co-terms a{text-decoration:underline;text-underline-offset:2px}
  .co-empty{text-align:center;padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink2)}
  .co-empty button{border:none;background:var(--navy);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;padding:13px 20px;border-radius:9px;cursor:pointer}
  @media (max-width:820px){
    .co-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"dane" "order" "ship" "pay"}
    .co-dane{position:static}
  }
  @media (max-width:470px){
    .opt2{gap:9px;padding:12px 10px}
    .opt2 .rd{width:20px;height:20px}
    .opt2 .rd svg{width:11px;height:11px}
    .opt2 .ot{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .opt2 .ot small{font-size:11.5px}
    .opt2 .op{font-size:13.5px}
    .opt2 .pico{width:38px;height:38px}
  }
  /* arkusz „Wybierz zestaw" + sukces */
  .sh-ov{position:fixed;inset:0;background:rgba(6,29,91,.5);z-index:20;animation:cdfade .2s}
  .sh{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,92%);max-height:92%;overflow-y:auto;background:#fff;z-index:21;border-radius:16px;padding:22px 20px 18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);font-family:'Hanken Grotesk',sans-serif;color:var(--ink);animation:shpop .22s ease}
  .sh *{box-sizing:border-box}
  @keyframes shpop{from{transform:translate(-50%,-47%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}
  .sh h3{margin:0 0 6px;font-family:'Archivo',sans-serif;font-weight:800;font-size:22px}
  .sh .sub{margin:0 0 18px;color:var(--ink2);font-size:14px;line-height:1.45}
  .sh .x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink2);border-radius:50%}
  .sh .x svg{width:18px;height:18px}
  .shopt{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:2px solid #e6e9f0;border-radius:12px;padding:18px 12px 12px;margin-bottom:12px;cursor:pointer;font-family:inherit;color:var(--ink)}
  .shopt.on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset}
  .shopt .rd{width:24px;height:24px;border-radius:50%;border:2px solid #c3ccdf;flex:none;display:grid;place-items:center}
  .shopt.on .rd{border-color:var(--navy)}
  .shopt.on .rd::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--navy)}
  .shopt .tg{position:absolute;top:-10px;left:14px;display:flex;gap:6px}
  .shopt .tg span{font-family:'Archivo',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1.2}
  .shopt .tg .cur{background:#e3e9f6;color:#33426a}
  .shopt .tg .fr{background:#16a34a;color:#fff}
  .shopt .im{width:54px;height:54px;flex:none;background:var(--bone);border-radius:8px;display:grid;place-items:center;position:relative}
  .shopt .im svg{width:32px;height:32px}
  .shopt .im b{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-size:10px;font-weight:800;padding:1px 8px;border-radius:999px;font-family:'Archivo',sans-serif}
  .shopt .mid{flex:1;min-width:0}
  .shopt .mid b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:16px}
  .shopt .mid span{font-size:12.5px;color:var(--ink2);line-height:1.3;display:block}
  .shopt .pc{text-align:right;white-space:nowrap}
  .shopt .pc b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:17px}
  .shopt .pc s{display:block;font-size:12px;color:#9aa1ad}
  .shopt .pc span{display:block;font-size:12px;font-weight:800}
  .sh .go{display:block;width:100%;margin-top:6px;background:var(--navy);color:#fff;border:none;border-radius:10px;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;padding:17px;cursor:pointer}
  .sh .go:hover{background:#04164a}
  .sh .keep{display:block;width:100%;background:none;border:none;text-decoration:underline;text-underline-offset:3px;color:var(--ink2);font-size:13.5px;padding:14px 0 0;cursor:pointer}
  .sh .okic{width:56px;height:56px;border-radius:50%;background:#16a34a;display:grid;place-items:center;margin:4px auto 14px}
  .sh .okic svg{width:28px;height:28px;color:#fff}
  .sh.done{text-align:center}
  .sh.done .sub b{color:var(--ink)}
  @media (max-width:560px){
    .sh{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:92%;border-radius:20px 20px 0 0;animation:shsheet .25s ease}
    @keyframes shsheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
    .sh::before{content:"";display:block;width:38px;height:4px;border-radius:3px;background:#d3d8e4;margin:-10px auto 14px}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

  /* ---- dodatki motywu (prawdziwe zdjęcia, wideo, strony zwykłe) ---- */
  html.no-scroll{overflow:hidden}
  .slide img,.thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .bundle .thumb2 img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}
  .cd-t img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
  .cd-go{text-decoration:none;text-align:center}
  .vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#061d5b}
  .vid.playing .vp,.vid.playing .vl,.vid.playing .knee{display:none}
  .vid{cursor:pointer}
  .page-wrap{padding-block:clamp(28px,5vw,56px)}
  .page-wrap h1.page-title{font-size:clamp(26px,4vw,38px);margin-bottom:22px}
  .cartn[hidden]{display:none}

  .store a.cd-go{color:#fff}
  .store a.cd-go:hover{color:#fff}
  .banner .bn-in{padding-left:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
  @media (min-width:1300px){.bn-art{right:max(clamp(20px,7vw,100px),calc((100vw - var(--maxw))/2 + 40px))}}

  /* ---- checkout: standardowy markup WooCommerce w układzie z makiety ---- */
  form.co-grid #order_review,form.co-grid .woocommerce-checkout-review-order-table{display:contents}
  .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0 12px}
  .woocommerce-billing-fields__field-wrapper .form-row{grid-column:1/-1;margin:0 0 12px;padding:0;width:auto;float:none}
  #billing_first_name_field,#billing_last_name_field{grid-column:span 5!important}
  #billing_city_field{grid-column:span 6!important}
  #billing_postcode_field{grid-column:span 4!important}
  #billing_country_field{display:none}
  .woocommerce-billing-fields .form-row label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 6px;line-height:1.3}
  .woocommerce-billing-fields .form-row label .required{color:#b3261e;text-decoration:none;font-weight:700;border:0}
  .woocommerce-billing-fields .form-row label .optional{display:none}
  .woocommerce-billing-fields .form-row input.input-text{width:100%;border:1.5px solid #d6dbe6;border-radius:10px;padding:14px;font-size:16px;font-family:inherit;color:var(--ink);background:#fff;transition:.14s;box-shadow:none}
  .woocommerce-billing-fields .form-row input.input-text:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(6,29,91,.12)}
  .woocommerce-billing-fields .form-row.woocommerce-invalid input.input-text{border-color:#b3261e;background:#fff7f6}
  .woocommerce-billing-fields .form-row .woocommerce-input-wrapper{display:block}
  .woocommerce-shipping-methods,.wc_payment_methods{list-style:none;margin:0;padding:0}
  .woocommerce-shipping-methods li,.wc_payment_methods li{position:relative;margin:0;padding:0;list-style:none}
  .woocommerce-shipping-methods input.shipping_method,.wc_payment_methods input.input-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
  .woocommerce-shipping-methods input:checked + .opt2,.wc_payment_methods input:checked + .opt2{border-color:#16a34a;background:#ecfaf1}
  .woocommerce-shipping-methods input:checked + .opt2 .rd,.wc_payment_methods input:checked + .opt2 .rd{background:#16a34a;border-color:#16a34a}
  .woocommerce-shipping-methods input:checked + .opt2 .rd svg,.wc_payment_methods input:checked + .opt2 .rd svg{opacity:1}
  .woocommerce-shipping-methods input:focus-visible + .opt2,.wc_payment_methods input:focus-visible + .opt2{outline:2px solid var(--navy);outline-offset:2px}
  .opt2 .op .woocommerce-Price-amount{white-space:nowrap}
  .payment_box{margin:-2px 0 10px;padding:14px;border:1.5px solid #e6e9f0;border-radius:12px;font-size:14px;color:var(--ink2)}
  .payment_box p{margin:0 0 8px}
  .co-note{color:var(--ink2);font-size:14px;margin:0 0 10px}
  .co-fee{display:flex;justify-content:space-between;padding:6px 4px;font-size:14px;color:var(--ink2)}
  .place-order .cta-co{font-family:'Archivo',sans-serif}
  .woocommerce-terms-and-conditions-wrapper{margin-top:12px;font-size:12px;color:var(--ink2);text-align:center}
  .woocommerce-terms-and-conditions-wrapper p{margin:0 0 8px}
  .woocommerce-terms-and-conditions-wrapper a{text-decoration:underline;text-underline-offset:2px}
  .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:flex-start;gap:8px;text-align:left}
  .woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 18px;padding:14px 16px;border-radius:10px;font-size:14px;background:#f4f7ff;border:1px solid #dbe3f6;color:var(--ink)}
  .woocommerce-error{background:#fff7f6;border-color:#f1c6c1;color:#8a1f14}
  .woocommerce-error li{margin:0 0 4px}
  .woocommerce-NoticeGroup{margin-bottom:6px}
  .woocommerce-order{max-width:720px}
  .woocommerce-order ul.order_details{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}

/* BLIK (PayU) – pole kodu */
.payment_box .payu-blik-code{width:100%;max-width:220px;height:48px;border:1.5px solid #d6dbe6;border-radius:10px;padding:0 14px;font-size:20px;letter-spacing:6px;font-family:inherit;text-align:center}
.payment_box .payu-blik-method-description{font-weight:600;color:var(--ink)}
.payment_box .payu-blik-confirmation-message{color:#12803d;font-weight:600}
.wc_payment_method input.input-radio{position:absolute;opacity:0;pointer-events:none}

/* Miniatura aktywnego zdjęcia = ramka (bez kropek) */
.dots{display:none!important}
.thumb.on{border-color:var(--navy)}

/* Checkout: mniej pustego miejsca u góry */
body.woocommerce-checkout .page-wrap{padding-block:8px 0}
body.woocommerce-checkout .co-grid{padding-top:14px}
body.woocommerce-checkout .woocommerce-notices-wrapper:empty,body.woocommerce-checkout .entry:empty{display:none}
body.woocommerce-checkout .entry>.woocommerce{margin:0;padding:0}

/* Wysyłka: odporne na style wtyczek/snippetów (inny sklep) */
body #shipping_method{list-style:none!important;margin:0!important;padding:0!important;display:block!important}
body #shipping_method li{display:block!important;position:relative!important;margin:0!important;padding:0!important;list-style:none!important;border:0!important;background:none!important}
body #shipping_method li::before,body #shipping_method li::after{display:none!important;content:none!important}
body #shipping_method li input.shipping_method{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important}
body #shipping_method li label.opt2{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:13px!important;width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important;padding:14px!important;background:#fff!important;color:var(--ink)!important;border:2px solid #e6e9f0!important;border-radius:12px!important;box-shadow:none!important;text-align:left!important;font-weight:600!important;cursor:pointer}
body #shipping_method li label.opt2::before,body #shipping_method li label.opt2::after{display:none!important;content:none!important;background:none!important}
body #shipping_method li label.opt2 img{display:none!important}
body #shipping_method li label.opt2 .ipl img{display:block!important}
body #shipping_method li input:checked + label.opt2{background:#ecfaf1!important;border-color:#16a34a!important;color:var(--ink)!important}
body #shipping_method li label.opt2 .rd{flex:none!important;width:24px!important;height:24px!important;margin:0!important;background:#fff!important;border:2px solid #c3ccdf!important;border-radius:50%!important}
body #shipping_method li input:checked + label.opt2 .rd{background:#16a34a!important;border-color:#16a34a!important}
body #shipping_method li label.opt2 .ipl{flex:none!important;width:34px!important;height:34px!important;margin:0!important}
body #shipping_method li label.opt2 .ot{flex:1 1 auto!important;min-width:0!important;margin:0!important;color:var(--ink)!important}
body #shipping_method li label.opt2 .op{flex:none!important;margin:0!important;white-space:nowrap!important;color:var(--ink)!important}
body #shipping_method li label.opt2 .op.g{color:#12803d!important}

/* Wybór Paczkomatu: panel wysuwany pod zaznaczonym kafelkiem (wariant A) */
body #shipping_method li .pkm-panel{display:none!important}
body #shipping_method li input:checked ~ .pkm-panel{display:flex!important;flex-direction:column;gap:10px;margin:-12px 0 10px!important;padding:24px 14px 14px!important;box-sizing:border-box;background:#f6fdf9!important;border:2px solid #16a34a!important;border-top:1.5px dashed #86d4a3!important;border-radius:0 0 12px 12px!important;animation:pkmIn .22s ease-out}
body #shipping_method li input:checked ~ .pkm-panel::before{display:none!important}
body #shipping_method li:has(.pkm-panel) input:checked + label.opt2{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin-bottom:0!important;border-bottom-color:#16a34a!important;position:relative;z-index:1}
body #shipping_method li:has(.pkm-panel) input:checked + label.opt2 ~ .pkm-panel{margin-top:0!important;padding-top:14px!important}
.pkm-hint{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:#3a4458}
.pkm-hint svg{width:16px;height:16px;flex:none;color:#12803d}
.pkm-panel button,.pkm-panel a.button,.pkm-panel .button,.pkm-panel input[type=button],.pkm-panel [id*=geowidget],.pkm-panel [class*=geowidget]{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%!important;min-height:48px;margin:0!important;padding:0 16px!important;border:0!important;border-radius:10px!important;background:#061d5c!important;color:#fff!important;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px!important;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:none!important;cursor:pointer}
.pkm-panel button:hover,.pkm-panel a.button:hover{background:#0b2b82!important}
.pkm-panel p,.pkm-panel div{margin:0;font-size:13px}
.pkm-panel [class*=selected],.pkm-panel [id*=selected]{font-weight:600;color:var(--ink)}
@keyframes pkmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Panel po wyborze Paczkomatu */
.pkm-panel.has-sel .pkm-hint{display:none!important}
.pkm-panel .pkm-orig{display:none!important}
.pkm-sel{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #c9ead6;border-radius:10px;padding:10px 12px}
.pkm-sel .pkm-pin{width:38px;height:38px;border-radius:50%;background:#ecfaf1;border:1.5px solid #86d4a3;flex:none;display:grid;place-items:center;color:#12803d}
.pkm-sel .pkm-pin svg{width:18px;height:18px}
.pkm-sel .pkm-txt{min-width:0;line-height:1.35}
.pkm-sel .pkm-txt strong{display:block;font-size:14.5px;font-weight:700;color:var(--ink)}
.pkm-sel .pkm-txt span{display:block;font-size:12.5px;font-weight:500;color:#3a4458}
.pkm-panel.has-sel button,.pkm-panel.has-sel a.button,.pkm-panel.has-sel .button,.pkm-panel.has-sel input[type=button]{min-height:42px!important;background:#fff!important;color:#061d5c!important;border:1.5px solid #061d5c!important;font-size:13px!important}
.pkm-panel.has-sel button:hover,.pkm-panel.has-sel a.button:hover{background:#eef2ff!important}

/* Checkout: minimalny odstęp pod nagłówkiem */
body.woocommerce-checkout .page-wrap{padding-block:0!important}
body.woocommerce-checkout .page-wrap .wrap{margin-top:0!important;margin-bottom:0!important;padding-top:0!important}
body.woocommerce-checkout .entry{margin-top:0!important;margin-bottom:0!important;padding-top:0!important}
body.woocommerce-checkout .entry>*:not(form){margin:0!important;padding:0!important;min-height:0!important;border:0!important}
body.woocommerce-checkout .entry>div:empty,body.woocommerce-checkout .woocommerce-notices-wrapper:empty,body.woocommerce-checkout .woocommerce-form-coupon-toggle,body.woocommerce-checkout .woocommerce-form-login-toggle{display:none!important}
body.woocommerce-checkout .co-grid{padding-top:4px!important;margin-top:0!important}
body.woocommerce-checkout .co-grid .co-dane .co-h,body.woocommerce-checkout .co-grid .co-order > .co-h:first-child{margin-top:0!important}
body.woocommerce-checkout .co-dane,body.woocommerce-checkout #customer_details{margin-top:0!important;padding-top:0!important}
@media(min-width:900px){body.woocommerce-checkout .co-grid{padding-top:26px!important}}

/* Produkt (desktop): większa galeria, żeby dorównała wysokości prawej kolumny */
@media (min-width:900px){
  .pdp{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important}
  .pdp .slide{aspect-ratio:1/1}
  .pdp .slide img{width:100%;height:100%;object-fit:cover}
}

/* Top bar: stały, jedna linijka */
.marq{overflow:hidden}
.marq .marq-in{display:flex;justify-content:center;align-items:center;padding:9px 12px;font-size:clamp(10px,3vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;white-space:nowrap;text-align:center}
.marq .marq-in span{white-space:nowrap}
.rpill .av img,.eav img{width:100%;height:100%;object-fit:cover;display:block}
.eav img{border-radius:50%}
.rpill .av{background:#c9d2e6}
/* Checkout: nieco większy odstęp pod nagłówkiem strony */
body.woocommerce-checkout .co-grid{padding-top:16px!important}
@media(min-width:900px){body.woocommerce-checkout .co-grid{padding-top:34px!important}}
body .marq{display:block!important;width:100%!important;text-align:center!important}
body .marq .marq-in{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important;text-align:center!important}
body .marq .marq-in span{display:inline-block!important;margin:0 auto!important;text-indent:.14em}

/* Kafelki korzyści (strona główna): wyśrodkowane – ikona, nagłówek, pod spodem opis */
@media (max-width:760px){
  .bt{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;padding:24px 20px!important}
  .bt .bti{width:56px;height:56px}
  .bt .btx{align-items:center!important;text-align:center!important;gap:6px!important;width:100%}
  .bt h3{margin:0!important;text-align:center!important}
  .bt p{max-width:30ch!important;margin:0 auto!important;text-align:center!important}
}

/* Miniatury galerii (telefon): większe odstępy, skrajne bliżej krawędzi */
@media (max-width:899px){
  .thumbs{gap:12px!important;padding-inline:8px!important}
}

/* Logo bramek i InPost (zdjęcia 1:1) */
.pico.pimg{background:none;overflow:hidden}
.pico.pimg img,.ipl img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.ipl{background:none!important;overflow:hidden;font-size:0!important}
.pico.pimg{border:1px solid #e6e9f0}

/* BLIK: treść i pole kodu wyśrodkowane */
.payment_box.payment_method_payu_blik{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 14px}
.payment_box.payment_method_payu_blik[style*="display:none"],.payment_box.payment_method_payu_blik[style*="display: none"]{display:none!important}
.payment_box.payment_method_payu_blik p{text-align:center;margin:0}
.payment_box.payment_method_payu_blik label{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin:0}
.payment_box.payment_method_payu_blik .payu-blik-code{display:block;margin:0 auto!important;width:100%;max-width:240px;height:56px;font-size:26px;letter-spacing:10px;text-indent:10px;text-align:center;border:2px solid #d6dbe6;border-radius:12px;background:#fff}
.payment_box.payment_method_payu_blik .payu-blik-code:focus{outline:0;border-color:#061d5c}
.payment_box.payment_method_payu_blik .payu-blik-code::placeholder{letter-spacing:10px;color:#c3ccdf}
.ipl img{width:34px!important;height:34px!important}
.pico.pimg img{width:48px!important;height:48px!important}
@media (max-width:760px){.opt2 .pico.pimg img{width:38px!important;height:38px!important}}

/* BLIK – wymuszone wyśrodkowanie (desktop i telefon) */
body .wc_payment_methods li .payment_box.payment_method_payu_blik{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;padding:20px 16px!important;background:#fff!important;border:1.5px solid #e6e9f0!important;box-sizing:border-box}
body .wc_payment_methods li .payment_box.payment_method_payu_blik[style*="display:none"],body .wc_payment_methods li .payment_box.payment_method_payu_blik[style*="display: none"]{display:none!important}
body .wc_payment_methods li .payment_box.payment_method_payu_blik>*{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body .wc_payment_methods li .payment_box.payment_method_payu_blik label{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin:0!important;text-align:center!important}
body .wc_payment_methods li .payment_box.payment_method_payu_blik input.payu-blik-code{display:block!important;margin:0 auto!important;width:100%!important;max-width:260px!important;text-align:center!important;background:#fff!important}
body .wc_payment_methods li .payment_box.payment_method_payu_blik p{width:100%;text-align:center!important}

/* Strona po zakupie */
.ty{padding-block:clamp(20px,4vw,48px) clamp(36px,5vw,64px);max-width:980px;margin:0 auto}
.ty-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:clamp(24px,4vw,40px)}
.ty-ico{width:72px;height:72px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px #ecfaf1}
.ty-ico svg{width:34px;height:34px;stroke-width:3}
.ty-bad .ty-ico{background:#dc2626;box-shadow:0 0 0 10px #fdecec}
.ty-hero h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(26px,4.4vw,40px);letter-spacing:-.02em;line-height:1.1;margin:10px 0 0}
.ty-hero p{margin:0;max-width:52ch;color:var(--ink2);font-size:15px;line-height:1.55}
.ty-hero p b{color:var(--ink)}
.ty-pill{display:inline-flex;align-items:center;gap:9px;margin-top:6px;background:#ecfaf1;border:1.5px solid #c7ecd6;color:#12803d;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}
.ty-pill svg{width:18px;height:18px;flex:none}
.ty-pill.ty-wait{background:#fff8e6;border-color:#f3dfa6;color:#8a5a00}
.ty-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,48px);align-items:start}
.ty .co-h{margin:0 0 18px}
.ty-col .ty-box+.co-h{margin-top:28px}
.ty-col .ty-addr+.co-h{margin-top:30px}
.ty-box{background:#fff;border:1.5px solid #e6e9f0;border-radius:14px;overflow:hidden}
.ty-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #eef1f6}
.ty-item .co-th{width:64px;height:64px;flex:none;border-radius:9px;overflow:hidden;background:var(--bone)}
.ty-item .co-th img{width:100%;height:100%;object-fit:cover;display:block}
.ty-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.3}
.ty-it b{font-family:'Archivo',sans-serif;font-weight:800;font-size:14.5px}
.ty-it span{color:var(--ink2);font-size:13px}
.ty-pr{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;white-space:nowrap}
.ty-row,.ty-total{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;font-size:14px;border-bottom:1px solid #eef1f6}
.ty-row span{color:var(--ink2)}
.ty-total{background:#f4f7ff;border:0;font-size:16px;font-weight:700}
.ty-total b{font-family:'Archivo',sans-serif;font-weight:900;font-size:18px;color:var(--navy)}
.ty-addr{padding:6px 0}
.ty-addr>div{display:flex;align-items:center;gap:12px;padding:11px 16px;font-size:14.5px;line-height:1.4}
.ty-addr svg{width:18px;height:18px;flex:none;color:var(--navy)}
.ty-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.ty-steps li{counter-increment:s;position:relative;background:#f4f7ff;border:1px solid #dbe3f6;border-radius:12px;padding:14px 16px 14px 60px;display:flex;flex-direction:column;gap:3px}
.ty-steps li::before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px}
.ty-steps b{font-family:'Archivo',sans-serif;font-weight:800;font-size:14.5px}
.ty-steps span{font-size:13px;color:var(--ink2);line-height:1.45}
.ty-foot{margin-top:clamp(26px,4vw,40px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.ty-foot p{margin:0;font-size:13.5px;color:var(--ink2)}
.ty-foot a:not(.ty-btn){color:var(--navy);font-weight:700}
.ty-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.store a.ty-btn,.ty-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:10px;background:var(--navy);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px;letter-spacing:.03em;text-decoration:none}
.store a.ty-btn.ty-ghost,.ty-btn.ty-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
@media (max-width:760px){.ty-grid{grid-template-columns:minmax(0,1fr)}}
body.woocommerce-order-received .co-grid{padding-top:0!important}