/* Kot i Spółka theme (30 Oct 2026, v2): dark night-pine look on the MINUS 20 CLUB structure. Anton headings, Inter body, one red buy colour, gold accents. */
:root{
  --night:#0E1A14;--surf:#15241C;--surf2:#1C2E24;--line:rgba(251,246,238,.12);--line2:rgba(251,246,238,.22);
  --ink:#FBF6EE;--muted:#AEB8AE;--red:#D8353F;--red2:#B92A33;--gold:#E3B655;--tile:#F3EEE4;--green:#4CAF7A;
  --anton:'Anton',Impact,'Arial Narrow',sans-serif;--inter:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --wrap:1200px;--pad:clamp(16px,4vw,48px);--r:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--inter);font-size:16px;line-height:1.55;overflow-x:hidden}
img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3{margin:0;font-family:var(--anton);font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:1}
h1{font-size:clamp(40px,7.5vw,104px)}h2{font-size:clamp(32px,5vw,64px)}h3{font-size:clamp(20px,2.4vw,28px);line-height:1.05}
h1 em,h2 em{font-style:normal;color:var(--gold)}
p{margin:0 0 1em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--red);color:#fff;padding:8px;z-index:99}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* loader */
#loader{position:fixed;inset:0;background:var(--night);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .5s,visibility .5s}
#loader .ld-name{font-family:var(--anton);font-size:clamp(40px,10vw,96px);line-height:1;text-transform:uppercase;letter-spacing:.02em;opacity:0;transform:translateY(12px);animation:ldin .7s cubic-bezier(.2,.8,.2,1) forwards}
#loader .ld-name em{font-style:normal;color:var(--gold)}
#loader .ld-sub{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);opacity:0;animation:ldin .7s .15s forwards}
@keyframes ldin{to{opacity:1;transform:none}}
body.loaded #loader{opacity:0;visibility:hidden;pointer-events:none}
body.noloader #loader{display:none}

/* header + fairy lights */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .35s,box-shadow .35s}
.hdr.solid,body:not(.home) .hdr{background:rgba(14,26,20,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-family:var(--anton);font-size:24px;letter-spacing:.02em;text-transform:uppercase;line-height:1}.logo em{font-style:normal;color:var(--gold);margin:0 .12em}
.nav-links{display:flex;gap:26px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nav-links a{position:relative;padding:6px 0;transition:color .25s}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--gold);transition:width .3s}.nav-links a:hover{color:var(--ink)}.nav-links a:hover::after{width:100%}
.bagbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);transition:border-color .3s,background .3s}.bagbtn:hover{border-color:var(--ink)}
.bagcount{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lights{position:absolute;left:0;right:0;bottom:-1px;height:3px;display:flex;justify-content:space-around;pointer-events:none;overflow:hidden}
.lights i{width:6px;height:6px;margin-top:-1px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 2px var(--gold);animation:twinkle 2.4s infinite}
.lights i:nth-child(3n+1){background:var(--red);box-shadow:0 0 8px 2px var(--red);animation-delay:.4s}.lights i:nth-child(3n+2){background:var(--green);box-shadow:0 0 8px 2px var(--green);animation-delay:.9s}
@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:760px){.nav-links{display:none}.nav{height:60px}.logo{font-size:22px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;min-height:52px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .25s,box-shadow .25s,background .25s,color .25s;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(216,53,63,.8)}
.btn-dark{background:var(--surf2);color:var(--ink);border:1px solid var(--line2)}.btn-dark:hover{background:var(--ink);color:var(--night);transform:translateY(-2px)}
.btn-line{color:var(--ink);border:1.5px solid rgba(251,246,238,.5)}.btn-line:hover{background:var(--ink);color:var(--night)}
.btn-wide{width:100%}.btn-mini{flex:none;font-size:13px;font-weight:600;min-height:40px;padding:8px 16px;background:var(--ink);color:var(--night);border-radius:999px;transition:background .25s}.btn-mini:hover{background:var(--gold)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}
.price{font-family:var(--anton);font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:.01em}
.lp{font-family:var(--anton);font-size:20px;letter-spacing:.01em}

/* hero */
.hero{position:relative;background:var(--night);color:var(--ink);padding:0;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-1}.hero-media video{width:100%;height:100%;object-fit:cover}
.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,20,.55) 0,rgba(14,26,20,0) 18%,rgba(14,26,20,0) 42%,rgba(14,26,20,.9) 72%,var(--night) 100%)}
#snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.hero-in{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 32px;max-width:var(--wrap);margin:0 auto}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.hero h1 em{display:block}
.hero-sub{max-width:560px;font-size:clamp(16px,1.5vw,19px);color:rgba(251,246,238,.86);margin:16px 0 22px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
.scroll-hint{position:absolute;left:50%;bottom:16px;width:1px;height:40px;background:linear-gradient(var(--ink),transparent);opacity:.6;animation:hint 2s infinite;z-index:2}
@keyframes hint{0%{transform:translate(-50%,-10px);opacity:0}30%{opacity:.7}100%{transform:translate(-50%,16px);opacity:0}}
@media(min-width:901px){
  .hero{display:grid;grid-template-columns:1fr minmax(360px,42%);min-height:min(100vh,860px);align-items:center;padding:96px max(var(--pad),calc((100vw - var(--wrap))/2)) 56px;gap:48px}
  .hero-media{position:relative;inset:auto;z-index:0;order:2;height:min(calc(100vh - 152px),708px);aspect-ratio:9/16;justify-self:center;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px -40px #000;border:1px solid var(--line)}
  .hero-grad{display:none}.hero-in{min-height:0;padding:0;margin:0}.scroll-hint{display:none}
}
@media(max-width:900px){
  .hero-media{position:relative;inset:auto;z-index:0;height:50svh;min-height:300px}
  .hero-media video{object-position:50% 62%}
  .hero-grad{background:linear-gradient(180deg,rgba(14,26,20,.5) 0,rgba(14,26,20,0) 22%,rgba(14,26,20,0) 80%,var(--night) 100%)}
  .hero-in{min-height:0;padding:10px 16px 22px}
  .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:8px}
  .hero h1{font-size:clamp(34px,10vw,52px)}
  .hero-sub{font-size:15px;margin:10px 0 14px}
  .hero-cta{flex-wrap:nowrap;gap:8px}
  .hero-cta .btn{flex:none;padding:14px 18px}.hero-cta .btn-red{flex:1}
  .hero-note{margin:10px 0 0;font-size:12px}
  .scroll-hint{display:none}
}

/* ticker */
.ticker{overflow:hidden;background:var(--surf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ticker-in{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker span{padding:13px 22px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:44px;white-space:nowrap}
.ticker span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
section{padding:clamp(56px,8vw,112px) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:clamp(26px,4vw,48px);flex-wrap:wrap}
.sec-head p{max-width:460px;color:var(--muted);margin:0}.sec-head a{color:var(--gold);text-decoration:underline}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}

/* packs */
.zestawy{background:radial-gradient(900px 500px at 80% -10%,rgba(227,182,85,.10),transparent 60%),var(--night)}
.kit-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:stretch}
.kit-card{position:relative;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}
.kit-card:hover{transform:translateY(-5px);border-color:var(--line2)}
.kit-hero{border-color:rgba(216,53,63,.6);box-shadow:0 30px 80px -40px rgba(216,53,63,.6)}
.kit-flag{position:absolute;top:14px;left:14px;z-index:2;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:999px}
.kit-flag-gold{background:var(--gold);color:var(--night)}
.kit-img{display:block;aspect-ratio:1;overflow:hidden;background:var(--tile)}.kit-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.kit-card:hover .kit-img img{transform:scale(1.04)}
.kit-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.kit-note{font-size:15px;color:var(--muted);margin:0}
.kit-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-top:auto;padding-top:6px}.kit-price .was{font-size:14px;color:var(--muted)}.kit-price .save{flex-basis:100%;font-size:14px;color:var(--gold);font-weight:700}
.starter{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surf)}
.st-img img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--tile)}
.st-l{flex:1}.st-l strong{display:block}.st-l span{font-size:14px;color:var(--muted)}
@media(max-width:800px){.kit-grid{grid-template-columns:1fr}.starter{flex-wrap:wrap}.st-l{flex:1 1 60%}.starter .btn{width:100%}}
@media(max-width:800px){
  .kit-card{display:grid;grid-template-columns:118px minmax(0,1fr)}
  .kit-img{aspect-ratio:auto;height:100%;min-height:118px}
  .kit-flag{top:8px;left:8px;font-size:9px;letter-spacing:.04em;padding:4px 7px}
  .kit-body{padding:12px 14px 14px;gap:6px}
  .kit-note{font-size:13px;line-height:1.35}
  .kit-price .price{font-size:26px}.kit-price .was,.kit-price .save{font-size:13px}
  .kit-body .btn{min-height:46px;padding:10px 12px;font-size:15px}
}

/* features */
.cechy{background:var(--surf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gear-card{display:flex;flex-direction:column;background:var(--night);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .4s,border-color .4s}
.gear-card:hover{transform:translateY(-5px);border-color:var(--line2)}
.gear-img{aspect-ratio:1;overflow:hidden;background:var(--tile)}.gear-img img{width:100%;height:100%;object-fit:cover}
.gear-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.gear-body p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:960px){.gear-grid{grid-template-columns:1fr 1fr;gap:10px}.gear-body{padding:12px}.gear-body h3{font-size:17px}}

/* sizes */
.why{background:var(--night);padding:clamp(44px,6vw,72px) 0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{text-align:center;border:1px solid var(--line);border-radius:var(--r);padding:24px 12px;background:rgba(255,255,255,.02)}
.why-card .big{font-family:var(--anton);font-size:clamp(46px,7vw,88px);line-height:1;color:var(--gold)}.why-card .big small{font-size:.38em}
.why-card p{margin:8px auto 0;max-width:220px;font-size:14px;color:var(--muted)}
.why-note{text-align:center;margin:22px 0 0;font-size:13px;color:var(--muted)}
@media(max-width:560px){.why-grid{gap:8px}.why-card{padding:16px 6px}.why-card p{font-size:12px}.why-card .big{white-space:nowrap;font-size:34px}.why-card .big small{font-size:.42em}}

/* compare */
.compare{background:var(--surf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cmp{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--night)}
.cmp-row{display:grid;grid-template-columns:1.8fr 1fr 1fr;border-top:1px solid var(--line)}
.cmp-row>div{padding:16px;display:flex;align-items:center;font-size:15px}
.cmp-row>div:not(:first-child){justify-content:center;text-align:center;border-left:1px solid var(--line);color:var(--muted)}
.cmp-row>div:nth-child(2){background:rgba(216,53,63,.08)}
.cmp-head{border-top:0}.cmp-head>div{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.cmp-head .cmp-us{color:var(--gold)}
.cmp .y{color:var(--gold);font-size:20px;font-weight:700}.cmp .n{color:rgba(251,246,238,.3);font-size:18px}
@media(max-width:560px){.cmp-row>div{padding:13px 10px;font-size:14px}.cmp-head>div{font-size:11px}}

/* how */
.how{background:var(--night)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}
.how-card{padding:24px 4px;border-top:1px solid var(--line)}
.how-card::before{counter-increment:step;content:"0" counter(step);font-family:var(--anton);font-size:40px;color:var(--red);display:block;margin-bottom:10px;line-height:1}
.how-card h3{margin-bottom:6px}.how-card p{color:var(--muted);margin:0}
@media(max-width:800px){.how-grid{grid-template-columns:1fr;gap:4px}.how-card{padding:18px 4px}}

/* capsule band */
.band{background:var(--surf);border-top:1px solid var(--line)}
.band h2 em{display:block}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.band-img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:1;background:var(--tile);border:1px solid var(--line)}.band-img img{width:100%;height:100%;object-fit:cover}
.band-sub{margin:16px 0 24px;color:var(--muted);max-width:500px}
@media(max-width:800px){.band-grid{grid-template-columns:1fr}}

/* faq */
.faq-sec{background:var(--night)}
.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.plus{width:22px;height:22px;position:relative;flex:none}.plus::before,.plus::after{content:"";position:absolute;background:var(--gold);left:50%;top:50%;transform:translate(-50%,-50%)}.plus::before{width:14px;height:1.5px}.plus::after{width:1.5px;height:14px;transition:transform .3s}
.faq[open] .plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-a{padding:0 0 18px;color:var(--muted);max-width:760px}.faq-a p{margin:0}
.faq-wrap{max-width:860px}

/* product */
.pd{padding-top:92px;padding-bottom:40px}
.pd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:start}
.gal{position:sticky;top:88px;min-width:0}
.g-main{display:flex;aspect-ratio:1;border-radius:var(--r);overflow-x:auto;scroll-snap-type:x mandatory;background:var(--tile);scrollbar-width:none;border:1px solid var(--line)}.g-main::-webkit-scrollbar{display:none}
.g-slide{flex:0 0 100%;scroll-snap-align:start}.g-slide img{width:100%;height:100%;object-fit:cover}
.g-thumbs{position:relative;display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.g-thumbs::-webkit-scrollbar{display:none}
.g-thumbs button{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.55;padding:0;background:var(--tile);transition:all .25s}.g-thumbs button.on{opacity:1;border-color:var(--gold)}.g-thumbs img{width:100%;height:100%;object-fit:cover}
.pd-tag{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}
.buy{min-width:0}.buy h1{font-size:clamp(30px,3.6vw,46px)}
.checks{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px;font-size:15px;color:var(--ink)}.checks li{padding-left:24px;text-indent:-24px}.checks li::before{content:"✓";color:var(--gold);font-weight:700;margin-right:8px}
.buy>.price{margin:12px 0 4px;font-size:40px}
.opts{display:grid;gap:12px;margin:18px 0 12px;padding:0;border:0}.opts legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.opt{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:60px;border:1.5px solid var(--line);border-radius:14px;background:var(--surf);cursor:pointer;transition:border-color .2s,background .2s}
.opt input{appearance:none;width:20px;height:20px;border:1.5px solid rgba(251,246,238,.45);border-radius:50%;flex:none;margin:0}
.opt input:checked{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 4px var(--surf)}
.opt div{flex:1}.opt strong{display:block}.opt b{display:block;font-size:13px;color:var(--gold)}.opt em{font-style:normal;font-family:var(--anton);font-size:22px;letter-spacing:.01em}
.opt:has(input:checked){border-color:var(--red);background:rgba(216,53,63,.07)}
.opt[data-flag]::before{content:attr(data-flag);position:absolute;top:-10px;right:14px;background:var(--red);color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.opt[data-flag="Najlepsza cena"]::before{background:var(--gold);color:var(--night)}
.opt-off{opacity:.45;cursor:not-allowed}
.addon{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 14px;border:1.5px dashed rgba(227,182,85,.5);border-radius:14px;cursor:pointer;background:var(--surf)}
.addon input{width:20px;height:20px;accent-color:var(--red);flex:none;margin:0}.addon img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--tile)}.addon strong{display:block;font-size:14px}.addon small{font-size:13px;color:var(--muted)}
.trust{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0;font-size:13px;color:var(--muted)}.trust span::before{content:"✓";color:var(--gold);margin-right:5px}
.pay{display:flex;flex-wrap:wrap;gap:6px}.pay-ic{height:24px;width:auto;border-radius:4px;background:#fff}
.bul{padding:0 0 0 18px;margin:0;display:grid;gap:7px;color:var(--ink)}
.pd-sec{margin:24px 0;border-top:1px solid var(--line);padding-top:20px}.pd-sec h3{margin-bottom:10px;font-size:15px;letter-spacing:.2em;color:var(--muted)}.pd-sec p{color:var(--muted)}
.pd-sec .faq:first-of-type{border-top:0}.pd-sec .faq summary{padding:14px 0;font-size:15px}
.reviews{padding:24px 0 56px}
.reviews [data-number-of-reviews="0"]{display:none}
@media(max-width:900px){.pd{padding-top:60px}.pd .wrap{padding:0}.pd-grid{grid-template-columns:1fr;gap:18px}.gal{position:static}.g-main{border-radius:0;border:0}.g-thumbs{padding:0 16px}.buy{padding:0 16px}}

/* static */
.static-wrap{max-width:820px;padding-top:112px}.static-wrap.wide{max-width:var(--wrap)}.static-wrap h1{font-size:clamp(34px,5vw,64px);margin-bottom:22px}.static-wrap .gear-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.rte{color:var(--muted)}.rte h2,.rte h3{color:var(--ink);margin:26px 0 10px;font-size:22px}.rte a{color:var(--gold);text-decoration:underline}.rte img{border-radius:12px;height:auto}.rte table{width:100%;border-collapse:collapse}.rte td,.rte th{padding:8px;border:1px solid var(--line)}
.rte strong{color:var(--ink)}
.shopify-policy__container{max-width:820px!important;padding:112px var(--pad) 40px!important;margin:0 auto;color:var(--muted)}.shopify-policy__title h1{font-size:clamp(34px,5vw,64px)}.shopify-policy__body strong{color:var(--ink)}
.inp{width:100%;padding:14px 16px;min-height:50px;background:var(--surf);color:var(--ink);border:1.5px solid var(--line2);border-radius:12px;font:inherit}
.inp::placeholder{color:var(--muted)}
.field{display:block;margin:14px 0}.field span{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.ok{color:var(--gold);font-weight:600}

/* drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--surf);border-left:1px solid var(--line);z-index:90;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;visibility:hidden}
.drawer.open{transform:none;visibility:visible}.shade{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .35s;z-index:80}.shade.on{opacity:1;pointer-events:auto}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.dr-head h3{font-size:22px}.dr-head button{font-size:28px;line-height:1;width:44px;height:44px;border-radius:50%}.dr-head button:hover{background:var(--surf2)}
.dr-body{flex:0 1 auto;min-height:0;overflow:auto;padding:6px 20px}
.dr-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.dr-item img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--tile)}.dr-item .t{flex:1;min-width:0}.dr-item strong{display:block;font-size:15px;line-height:1.3}.dr-item .sz{font-size:13px;color:var(--muted);margin-top:2px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:999px;margin-top:8px;background:var(--night)}.qty button{width:38px;height:38px;font-size:18px}.qty span{min-width:22px;text-align:center;font-size:14px;font-weight:600}
.dr-item .p{text-align:right}.dr-item .rm{font-size:12px;color:var(--muted);text-decoration:underline;margin-top:8px;display:inline-block}
.dr-empty{padding:40px 0;text-align:center;color:var(--muted)}.dr-empty a{color:var(--gold);font-weight:600}
.dr-nudge{display:none;margin:0 20px 10px;border:1.5px dashed rgba(227,182,85,.5);border-radius:14px;background:var(--night)}.dr-nudge.on{display:block}
.nd{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:1.3}.nd+.nd{border-top:1px dashed rgba(227,182,85,.35)}.nd img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--tile)}.nd div{flex:1}.nd strong{display:block}.nd span{font-size:12px;color:var(--muted)}
.dr-ship-pick{margin:4px 20px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--night)}
.dr-ship-pick .lab{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.ship-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ship-opt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border:1.5px solid var(--line2);border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.ship-opt input{appearance:none;width:0;height:0;margin:0}
.ship-opt:has(input:checked){border-color:var(--gold);background:rgba(227,182,85,.12)}
.pacz{display:none;margin-top:10px}.pacz.on{display:block}
.pacz .inp{min-height:46px;padding:10px 14px;text-transform:uppercase}
.pacz small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.pacz small a{color:var(--gold);text-decoration:underline}
.dr-foot{margin-top:auto;padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surf)}.dr-total{display:flex;justify-content:space-between;align-items:baseline}.dr-total strong{font-family:var(--anton);font-size:30px;letter-spacing:.01em}
.dr-save{margin:0;font-size:14px;font-weight:700;color:var(--gold);min-height:0}.dr-save:empty{display:none}.dr-ship{font-size:13px;color:var(--muted);margin:2px 0 12px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--night);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:all .3s;z-index:95;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.toast.on{opacity:1;transform:translate(-50%,0)}

/* sticky add button (phone) */
.sticky-cta{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(21,36,28,.94);backdrop-filter:blur(10px);border:1px solid var(--line2);box-shadow:0 14px 40px -12px #000;transform:translateY(160%);transition:transform .35s}
.sticky-cta.on{transform:none}.sticky-cta strong{display:block;font-size:14px;line-height:1.2}.sticky-cta span{font-size:12px;color:var(--muted)}.sticky-cta .btn{padding:12px 22px;min-height:44px;font-size:15px}
@media(max-width:760px){.sticky-cta{display:flex}}

/* footer */
.ftr{padding:52px 0 26px;background:var(--night);border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:32px}
.ftr .logo{color:var(--ink)}.ftr-tag{margin:10px 0 16px;max-width:300px}
.ftr h4{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.ftr-grid>div>a:not(.logo){display:block;padding:5px 0;transition:color .2s;overflow-wrap:anywhere}.ftr-grid>div>a:not(.logo):hover{color:var(--gold)}
.news label{display:block;font-size:13px;margin-bottom:8px}.news-row{display:flex;gap:8px}.news-row .inp{min-height:46px;padding:10px 14px}.news-row .btn{min-height:46px;padding:10px 18px;font-size:14px}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
@media(max-width:760px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>div:first-child{grid-column:1/-1}body.home .ftr,body.product .ftr{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}#loader{display:none}}
.shopify-section{display:contents}

/* shipping protection: an opt-in tick, never preselected */
.protect{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:0 20px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--night);cursor:pointer;transition:border-color .2s}
.protect[hidden]{display:none}
.protect:has(input:checked){border-color:var(--gold)}
.protect input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border:1.5px solid var(--line2);border-radius:6px;background:transparent;display:grid;place-items:center;cursor:pointer}
.protect input:checked{background:var(--gold);border-color:var(--gold)}
.protect input:checked::after{content:"";width:10px;height:5px;border-left:2.5px solid var(--night);border-bottom:2.5px solid var(--night);transform:rotate(-45deg) translate(1px,-1px)}
.ptxt{display:flex;flex-direction:column;gap:2px}.ptxt b{font-size:14px}.ptxt em{font-style:normal;color:var(--gold);margin-left:4px}.ptxt small{font-size:12px;color:var(--muted);line-height:1.35}

/* static site additions */
[hidden]{display:none!important}
.static-wrap h2{margin:32px 0 10px;font-size:clamp(24px,3.4vw,34px)}.static-wrap h3{margin:22px 0 8px;font-family:var(--inter);font-weight:700;font-size:18px;text-transform:none;letter-spacing:0}
.static-wrap p,.static-wrap li{color:var(--muted)}.static-wrap a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.static-wrap a.btn{color:#fff;text-decoration:none}
.static-wrap{overflow-wrap:anywhere}
.static-wrap .meta{font-size:13px}.static-wrap .box{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--surf);margin:12px 0}.static-wrap .box p{margin:0 0 6px}
.static-wrap table{border-collapse:collapse;width:100%;font-size:14px}.static-wrap th,.static-wrap td{border-top:1px solid var(--line);padding:8px;text-align:left}
.thanks{max-width:640px;margin:0 auto}.thanks ol{padding-left:20px}
.pd-sec ol{padding-left:20px;color:var(--muted);display:grid;gap:8px}
