:root{
  --ink:#171A20; --paper:#FFFFFF; --mist:#EEF0ED; --signal:#E8590C; --signal-d:#C94B08;
  --olive:#3E4A2F; --line:#D6D9D4; --muted:#5C5E62;
  --ff:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fd:"Barlow Condensed","Barlow",system-ui,sans-serif;
  --hdr:56px; --r:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 16px/1.55 var(--ff);color:var(--ink);background:var(--paper)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}
.center{text-align:center}
.muted{color:var(--muted)}
.h1{font:600 clamp(32px,5vw,48px)/1.05 var(--fd);letter-spacing:-.01em;margin:40px 0 16px}
.h2{font:600 clamp(26px,3.4vw,36px)/1.1 var(--fd);margin:0 0 24px}
.h3{font:600 22px/1.2 var(--fd);margin:0 0 4px}
.rte p{margin:0 0 12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:0 28px;border-radius:var(--r);border:0;font-weight:500;font-size:14px;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}
.btn--signal{background:var(--signal);color:#fff}
.btn--signal:hover{background:var(--signal-d)}
.btn--glass{background:rgba(244,244,244,.68);color:var(--ink);backdrop-filter:blur(8px)}
.btn--glass:hover{background:rgba(244,244,244,.9)}
.btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn--line:hover{background:var(--ink);color:#fff}
.btn--block{width:100%}
.btn--lg{min-height:52px;font-size:16px;justify-content:space-between}
.btn--sm{min-height:34px;padding:0 16px;font-size:13px}
.btn[disabled],.is-off{opacity:.45;cursor:not-allowed}

.ann{background:var(--olive);color:#fff;text-align:center;font-size:13px;padding:7px 12px}
.hdr{position:sticky;top:0;z-index:40;height:var(--hdr);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(12px)}
.hdr__logo{font:700 22px/1 var(--fd);letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.hdr__nav{display:none;gap:4px}
.hdr__nav a{padding:6px 14px;border-radius:var(--r);text-decoration:none;font-weight:500;font-size:14px}
.hdr__nav a:hover,.hdr__nav a[aria-current]{background:rgba(0,0,0,.06)}
.hdr__tools{display:flex;align-items:center;gap:4px}
.hdr__icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r);text-decoration:none}
.hdr__icon:hover{background:rgba(0,0,0,.06)}
.ic{width:22px;height:22px}
.hdr__count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--signal);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
.hdr__menu{border:0;background:rgba(0,0,0,.06);border-radius:var(--r);padding:7px 14px;font-weight:500;font-size:14px;cursor:pointer}
@media(min-width:990px){.hdr__nav{display:flex;position:absolute;left:50%;transform:translateX(-50%)}.hdr__menu{display:none}}

.mnav,.drawer{position:fixed;inset:0;z-index:60;visibility:hidden}
.mnav.is-open,.drawer.is-open{visibility:visible}
.mnav__overlay,.drawer__overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.is-open .mnav__overlay,.is-open .drawer__overlay{opacity:1}
.mnav__panel,.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:var(--paper);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.is-open .mnav__panel,.is-open .drawer__panel{transform:none}
.mnav__panel{padding:64px 24px 24px;gap:2px}
.mnav__panel a{padding:12px 14px;border-radius:var(--r);text-decoration:none;font-weight:500}
.mnav__panel a:hover{background:var(--mist)}
.mnav__close,.drawer__x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:none;border-radius:var(--r);display:grid;place-items:center;cursor:pointer}
.mnav__close:hover,.drawer__x:hover{background:var(--mist)}
.drawer__head{padding:20px 24px;border-bottom:1px solid var(--line)}
.drawer__head h2{margin:0;font:600 24px/1 var(--fd)}
.drawer__body{flex:1;overflow:auto;padding:16px 24px 24px;display:flex;flex-direction:column}

.stack{scroll-snap-type:y proximity}
.slide{position:relative;height:calc(100svh - var(--hdr));min-height:560px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:9vh 20px 7vh;overflow:hidden;scroll-snap-align:start;background:var(--mist)}
.slide--ink{background:radial-gradient(120% 80% at 50% 110%,#2C3138 0%,var(--ink) 60%);color:#fff}
.slide--olive{background:radial-gradient(120% 80% at 50% 110%,#56653F 0%,var(--olive) 60%);color:#fff}
.slide--mist{background:radial-gradient(120% 80% at 50% 110%,#FFFFFF 0%,var(--mist) 65%)}
.slide__media{position:absolute;inset:0;display:grid;place-items:center}
.slide__media img{width:100%;height:100%;object-fit:cover}
.slide__media img.is-product{width:auto;height:auto;max-width:min(78vw,720px);max-height:52%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.25))}
.slide__copy,.slide__ctas{position:relative;z-index:1}
.slide__title{font:600 clamp(40px,6.4vw,72px)/1 var(--fd);letter-spacing:-.01em;margin:0 0 8px}
.slide__sub{margin:0 auto;max-width:36ch;font-size:15px;opacity:.85}
.slide__ctas{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;width:100%;max-width:600px}
.slide__ctas form,.slide__ctas>a{flex:1 1 220px;display:flex}
.slide__ctas .btn{flex:1}

.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;padding:22px 20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.trust__item{display:flex;align-items:center;gap:8px}

.grid-sec{padding-top:56px;padding-bottom:72px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 16px}
@media(min-width:990px){.grid{grid-template-columns:repeat(4,1fr);gap:40px 24px}}
.card__media{display:block;aspect-ratio:1;background:var(--mist);border-radius:var(--r);overflow:hidden}
.card__media img,.card__media svg{width:100%;height:100%;object-fit:contain}
.card__body{padding-top:12px}
.card__title{font:500 16px/1.3 var(--ff);margin:0}
.card__title a{text-decoration:none}
.card__price{margin:2px 0 10px;color:var(--muted);font-size:14px}
.pager{margin-top:40px;text-align:center}
.pager .page,.pager a{padding:6px 10px}

.pdp{display:grid;grid-template-columns:1fr}
@media(min-width:990px){.pdp{grid-template-columns:minmax(0,1fr) 440px}}
.pdp__media{display:grid;gap:4px;background:var(--mist)}
.pdp__fig{margin:0;aspect-ratio:1;display:grid;place-items:center;background:var(--mist)}
.pdp__fig img{width:100%;height:100%;object-fit:contain}
@media(min-width:990px){.pdp__fig{aspect-ratio:4/3}}
.pdp__inner{padding:32px 24px 48px}
@media(min-width:990px){.pdp__inner{position:sticky;top:var(--hdr);max-height:calc(100vh - var(--hdr));overflow:auto;padding:48px 40px}}
.pdp__title{font:600 clamp(32px,3.6vw,42px)/1.05 var(--fd);margin:0 0 6px;text-align:center}
.pdp__tag{text-align:center;color:var(--muted);margin:0 0 24px}
.lbl{display:block;font-weight:600;font-size:14px;margin:24px 0 10px;padding:0}
.sel{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
fieldset{border:0;margin:0;padding:0;min-width:0}
.tiers{display:grid;gap:8px}
.tier input,.addon input{position:absolute;opacity:0;pointer-events:none}
.tier__box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 16px;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .15s}
.tier__n{font-weight:500}
.tier__p{grid-row:span 2;font-weight:600}
.tier__save{font-size:13px;color:var(--olive);font-weight:600}
.tier input:checked+.tier__box{box-shadow:inset 0 0 0 2px var(--ink)}
.tier input:focus-visible+.tier__box{outline:2px solid var(--signal);outline-offset:2px}
.addons{display:grid;gap:8px;margin-bottom:24px}
.addon{position:relative;display:grid;grid-template-columns:22px 48px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r);background:var(--mist);cursor:pointer;font-size:14px}
.addon::before{content:"";width:20px;height:20px;border-radius:3px;box-shadow:inset 0 0 0 2px var(--muted);background:var(--paper) center/14px no-repeat}
.addon:has(input:checked)::before{background-color:var(--signal);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.addon:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}
.addon__img{width:48px;height:48px;border-radius:3px;overflow:hidden;background:var(--paper)}
.addon__img img,.addon__img svg{width:100%;height:100%;object-fit:contain}
.addon__p{font-weight:600}
.form-err{color:#B42318;font-size:14px;margin:0 0 12px}
.pdp__assure{text-align:center;font-size:13px;color:var(--muted);margin:12px 0 0}
.pdp__fine{text-align:center;font-size:12px;color:var(--muted);margin:4px 0 0}
.acc{margin-top:32px;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.acc summary::after{content:"+";font-weight:400}
.acc details[open] summary::after{content:"−"}
.acc .rte{padding-bottom:16px;color:var(--muted);font-size:15px}
.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--line);transform:translateY(110%);transition:transform .25s}
.sticky-atc.is-on{transform:none}
.sticky-atc__t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ship{background:var(--mist);border-radius:var(--r);padding:12px 14px;font-size:14px;margin-bottom:8px}
.ship p{margin:0 0 8px}
.ship__bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.ship__bar span{display:block;height:100%;background:var(--olive);transition:width .4s}
.lines{list-style:none;margin:0;padding:0}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.line__img{width:72px;height:72px;background:var(--mist);border-radius:var(--r);overflow:hidden}
.line__img img,.line__img svg{width:100%;height:100%;object-fit:contain}
.line__title{font-weight:500;text-decoration:none;font-size:15px}
.line__var,.line__disc{margin:2px 0 0;font-size:13px;color:var(--muted)}
.line__disc{color:var(--olive)}
.qty{display:inline-flex;align-items:center;margin-top:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
.qty button{width:32px;height:32px;border:0;background:none;cursor:pointer;font-size:16px}
.qty span{min-width:24px;text-align:center;font-size:14px}
.line__price{text-align:right;font-size:15px;font-weight:600;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.line__price s{color:var(--muted);font-weight:400;font-size:13px}
.line__rm{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:4px 0;margin-top:auto}
.ups{margin-top:20px}
.ups__h{font:600 18px/1 var(--fd);margin:0 0 10px}
.ups__row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:8px 0}
.ups__img{width:48px;height:48px;background:var(--mist);border-radius:3px;overflow:hidden}
.ups__img img,.ups__img svg{width:100%;height:100%;object-fit:contain}
.ups__t{font-size:14px;display:flex;flex-direction:column}
.ups__t small{color:var(--muted)}
.cart-foot{margin-top:auto;padding-top:20px}
.cart-foot__row{display:flex;justify-content:space-between;margin:0 0 6px;font-size:14px}
.cart-foot__total{font-size:17px;font-weight:600}
.cart-foot__note{font-size:12px;color:var(--muted);margin:0 0 14px}
.cart-empty{text-align:center;margin:auto 0;display:grid;gap:12px;justify-items:center}

.bunker__hero{position:relative;min-height:calc(88svh - var(--hdr));display:grid;place-items:end center;padding:0 20px 10vh;background:radial-gradient(120% 80% at 50% 110%,#2C3138 0%,var(--ink) 60%);color:#fff;text-align:center;overflow:hidden}
.bunker__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.bunker__copy{position:relative;display:grid;gap:16px;justify-items:center}
.bunker__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;padding-top:48px;padding-bottom:48px;text-align:center}
.spec__v{font:600 36px/1 var(--fd);margin:0}
.spec__l{margin:6px 0 0;color:var(--muted);font-size:14px}
#bunker-form{padding-bottom:80px}
.qform{display:grid;gap:14px}
.qform label{display:grid;gap:6px;font-size:14px;font-weight:500}
.qform__row{display:grid;gap:14px}
@media(min-width:640px){.qform__row{grid-template-columns:1fr 1fr}}
.ok{background:var(--mist);padding:16px;border-radius:var(--r)}

.ftr{padding:32px 20px 48px;text-align:center;font-size:13px;color:var(--muted)}
.ftr__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:12px}
.ftr__nav a{text-decoration:none}
.ftr__nav a:hover{color:var(--ink)}
.ftr__copy{margin:0 0 12px}
.ftr__pay{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}
.ftr__pay svg{height:22px;width:auto}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}