/* ============================================================================
   style.css — shared. Structure clone of wrogn.com.
   Colours & accent come from data.js (SITE.theme) via CSS vars set by app.js.
   ========================================================================== */
:root{
  --accent:#d6ff3f; --ink:#111; --paper:#fff; --muted:#6b6b6b; --line:#e6e6e6;
  --sale:#e11d2e;
  --maxw:1440px; --gutter:clamp(14px,4vw,40px);
  --head:'Archivo','Arial Narrow',system-ui,sans-serif;
  --body:'Archivo',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper); color:var(--ink); font-family:var(--body);
  font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img,video{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
h1,h2,h3,h4{margin:0;font-family:var(--head);font-weight:800;letter-spacing:-0.01em;line-height:1.02;text-transform:uppercase;}
h2{font-size:clamp(22px,3.4vw,40px);}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);}
.acc{color:var(--accent);}
[hidden]{display:none!important;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---- buttons ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  font-size:13px;padding:14px 26px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);
  cursor:pointer;transition:background .15s,color .15s,border-color .15s;
}
.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);}
.btn--ghost{background:transparent;color:var(--ink);}
.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.btn--block{width:100%;}
.btn--lg{padding:17px 32px;font-size:14px;}
.link-underline{font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;
  border-bottom:2px solid var(--ink);padding-bottom:2px;}

/* ============ ANNOUNCE ============ */
.announce{background:var(--ink);color:var(--paper);overflow:hidden;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;font-family:var(--head);font-weight:600;}
.announce__track{display:flex;align-items:center;white-space:nowrap;padding:9px 0;width:max-content;animation:marq 30s linear infinite;}
.announce__track>span{padding:0 18px;}
.announce__track .dot{opacity:.5;}
.announce:hover .announce__track{animation-play-state:paused;}
@keyframes marq{to{transform:translateX(-50%);}}

/* ============ HEADER ============ */
.hdr{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--line);}
.hdr__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;}
.hdr__logo{font-family:var(--head);font-weight:900;font-size:24px;letter-spacing:.02em;text-transform:uppercase;
  display:flex;align-items:center;gap:9px;flex:none;}
.hdr__logo img{width:26px;height:26px;}
.hdr__nav{display:flex;gap:22px;flex:1;justify-content:center;list-style:none;margin:0;padding:0;}
.hdr__nav>li{position:relative;list-style:none;}
.hdr__nav>li>a{display:block;padding:22px 2px;font-family:var(--head);font-weight:700;font-size:12.5px;
  letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid transparent;white-space:nowrap;}
.hdr__nav>li:hover>a{border-color:var(--ink);}
.hdr__nav>li>a.is-accent{color:var(--sale);}
.hdr__actions{display:flex;align-items:center;gap:18px;flex:none;}
.hdr__actions button,.hdr__actions a{background:none;border:none;cursor:pointer;display:flex;position:relative;color:var(--ink);}
.hdr__actions svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;}
.cart-count{position:absolute;top:-7px;right:-9px;background:var(--ink);color:var(--paper);font-size:10px;
  font-weight:700;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* mega menu */
.mega{position:absolute;left:50%;transform:translateX(-50%) translateY(6px);top:100%;
  background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(0,0,0,.18);
  display:grid;grid-auto-flow:column;gap:36px;padding:26px 30px;min-width:max-content;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s;z-index:70;}
.hdr__nav>li:hover .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.mega__col h4{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;}
.mega__col a{display:block;padding:6px 0;font-size:13.5px;font-family:var(--body);text-transform:none;font-weight:500;}
.mega__col a:hover{color:var(--muted);}
.mega__promo{width:220px;}
.mega__promo img{width:100%;aspect-ratio:3/4;object-fit:cover;}
.mega__promo span{display:block;margin-top:8px;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}

/* mobile drawer */
.burger{display:none;background:none;border:none;cursor:pointer;color:var(--ink);}
.burger svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;}
.drawer{position:fixed;inset:0 30% 0 0;max-width:360px;background:var(--paper);z-index:90;transform:translateX(-105%);
  transition:transform .25s;overflow-y:auto;padding:18px;}
.drawer.is-open{transform:none;}
.drawer__scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:85;opacity:0;visibility:hidden;transition:opacity .25s;}
.drawer__scrim.is-open{opacity:1;visibility:visible;}
.drawer h4{font-size:12px;letter-spacing:.1em;color:var(--muted);margin:18px 0 6px;}
.drawer a{display:block;padding:11px 4px;border-bottom:1px solid var(--line);font-weight:600;text-transform:uppercase;
  font-family:var(--head);font-size:14px;letter-spacing:.03em;}
.drawer__close{float:right;background:none;border:none;font-size:22px;cursor:pointer;line-height:1;}

/* ============ HERO (full-bleed carousel) ============ */
.hero{position:relative;overflow:hidden;background:#0c0c0c;}
.hero__track{display:flex;aspect-ratio:2000/780;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.hero__slide{position:relative;flex:0 0 100%;color:#fff;display:flex;align-items:center;}
.hero__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;}
.hero__slide::after{content:"";position:absolute;inset:0;
  background:linear-gradient(75deg,rgba(5,5,5,.15) 0%,rgba(5,5,5,.02) 34%,rgba(5,5,5,.5) 70%,rgba(5,5,5,.86) 100%);}
.hero__inner{position:relative;z-index:2;margin-left:auto;width:min(48%,660px);padding-right:clamp(24px,6vw,80px);
  display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:clamp(8px,1.4vw,16px);}
.hero__eyebrow{font-family:var(--head);font-weight:600;font-size:clamp(10px,1.05vw,13px);letter-spacing:.24em;text-transform:uppercase;
  display:flex;align-items:center;gap:12px;}
.hero__eyebrow::after{content:"";width:clamp(26px,3vw,54px);height:2px;background:#fff;}
.hero__title{font-family:var(--head);font-weight:900;font-size:clamp(30px,6.6vw,96px);line-height:.88;text-transform:uppercase;
  text-shadow:0 6px 34px rgba(0,0,0,.5);}
.hero__title .acc{color:var(--accent);}
.hero__go{font-family:var(--head);font-weight:700;font-size:clamp(10px,1vw,12px);letter-spacing:.16em;text-transform:uppercase;
  color:#fff;border-bottom:2px solid var(--accent);padding-bottom:3px;margin-top:6px;}
.hero__dots{position:absolute;right:24px;bottom:12px;z-index:4;display:flex;}
.hero__dots button{width:8px;height:8px;border:none;background:rgba(255,255,255,.4);margin:0 2px;cursor:pointer;padding:0;}
.hero__dots button.is-active{background:#fff;}

/* ============ CAPTION STRIP ============ */
.capstrip{text-align:center;font-family:var(--head);font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  font-size:clamp(11px,1.5vw,14px);padding:clamp(28px,4vw,46px) var(--gutter);}

/* ============ SECTION HEAD ============ */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:clamp(44px,6vw,76px) 0 clamp(18px,2.4vw,30px);}
.shead h2{font-size:clamp(20px,3.2vw,38px);}
.shead a{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:2px;}

/* ============ PRODUCT CARD + RAIL ============ */
.rail{display:flex;gap:clamp(10px,1.5vw,18px);overflow-x:auto;scroll-snap-type:x proximity;
  padding-bottom:6px;scrollbar-width:none;}
.rail::-webkit-scrollbar{display:none;}
.rail .pcard{flex:0 0 clamp(180px,26vw,300px);scroll-snap-align:start;}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,24px) clamp(8px,1vw,16px);}
.pcard{display:block;color:inherit;}
.pcard__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f3f3f3;}
.pcard__media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .5s;}
.pcard__media img:nth-child(2){position:absolute;inset:0;opacity:0;}
.pcard:hover .pcard__media img:nth-child(2){opacity:1;}
.pcard:hover .pcard__media img{transform:scale(1.03);}
.pcard__tag{position:absolute;top:8px;left:8px;background:var(--sale);color:#fff;font-family:var(--head);font-weight:700;
  font-size:10px;letter-spacing:.05em;padding:3px 7px;text-transform:uppercase;}
.pcard__wish{position:absolute;top:6px;right:6px;width:30px;height:30px;border:none;background:rgba(255,255,255,.9);
  border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink);}
.pcard__wish.is-on{color:var(--sale);}
.pcard__body{padding:9px 2px 4px;}
.pcard__name{font-size:12.5px;font-weight:500;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pcard__price{margin-top:5px;display:flex;align-items:baseline;gap:7px;font-family:var(--head);}
.pcard__price b{font-weight:800;font-size:13.5px;}
.pcard__price s{color:var(--muted);font-size:11.5px;font-weight:500;}
.pcard__price .off{color:var(--sale);font-size:11px;font-weight:700;}

/* ============ SPLIT FEATURE ============ */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin:clamp(44px,6vw,80px) 0;}
.split.is-reverse .split__media{order:2;}
.split__media{position:relative;min-height:clamp(320px,44vw,560px);overflow:hidden;background:#eee;}
.split__media img,.split__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.split__body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,6vw,72px);}
.split__eyebrow{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.split__body h2{font-size:clamp(26px,4vw,56px);}
.split__body p{max-width:44ch;color:var(--muted);}

/* ============ CATEGORY GRID ============ */
.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1vw,14px);}
.cattile{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee;color:#fff;display:flex;align-items:flex-end;}
.cattile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.cattile:hover img{transform:scale(1.05);}
.cattile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%);}
.cattile span{position:relative;z-index:1;padding:14px;font-family:var(--head);font-weight:800;font-size:clamp(12px,1.5vw,17px);
  letter-spacing:.03em;text-transform:uppercase;}

/* ============ BANNER ROW ============ */
.bannerrow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px);}
.bannerrow.n3{grid-template-columns:repeat(3,1fr);}
.bnr{position:relative;aspect-ratio:16/10;overflow:hidden;color:#fff;display:flex;align-items:flex-end;background:#ddd;}
.bnr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.bnr:hover img{transform:scale(1.04);}
.bnr::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%);}
.bnr span{position:relative;z-index:1;padding:20px;font-family:var(--head);font-weight:800;font-size:clamp(16px,2.4vw,28px);text-transform:uppercase;}

/* ============ BRAND STORY ============ */
.story{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;
  margin:clamp(44px,6vw,80px) 0;}
.story__media{aspect-ratio:4/3;overflow:hidden;background:#eee;}
.story__media img{width:100%;height:100%;object-fit:cover;}
.story h2{font-size:clamp(24px,3.6vw,46px);margin-bottom:14px;}
.story p{color:var(--muted);max-width:52ch;margin-bottom:20px;}

/* ============ WALLPAPERS ============ */
.walls{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1vw,14px);}
.wall{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eee;}
.wall img{width:100%;height:100%;object-fit:cover;}
.wall a{position:absolute;inset:auto 8px 8px auto;background:var(--paper);font-family:var(--head);font-weight:700;
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;}

/* ============ STORE LOCATOR ============ */
.stores{margin:clamp(44px,6vw,80px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(28px,4vw,48px) 0;}
.stores__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;}
.storecard{border:1px solid var(--line);padding:18px;}
.storecard b{font-family:var(--head);font-weight:800;text-transform:uppercase;display:block;margin-bottom:4px;}
.storecard span{color:var(--muted);font-size:13px;}

/* ============ FOOTER ============ */
.ftr{background:var(--ink);color:#cfcfcf;margin-top:clamp(48px,7vw,90px);}
.ftr__hero{font-family:var(--head);font-weight:900;text-transform:uppercase;color:#fff;
  font-size:clamp(24px,5vw,64px);line-height:.95;padding:clamp(36px,6vw,72px) 0 clamp(24px,4vw,44px);}
.ftr__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;padding-bottom:36px;}
.ftr__grid h4{color:#fff;font-size:12px;letter-spacing:.1em;margin-bottom:14px;}
.ftr__grid a{display:block;padding:5px 0;font-size:13px;color:#bdbdbd;}
.ftr__grid a:hover{color:#fff;}
.ftr__news input{width:100%;background:transparent;border:1px solid #444;color:#fff;padding:12px 14px;font-family:inherit;margin:10px 0;}
.ftr__bottom{border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding:18px 0;font-size:12px;color:#8f8f8f;}
.ftr__pay{display:flex;gap:8px;flex-wrap:wrap;}
.ftr__pay span{border:1px solid #3a3a3a;padding:3px 8px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;}

/* ============ COLLECTION (listing) ============ */
.crumb{font-family:var(--head);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:16px 0 4px;}
.crumb a:hover{color:var(--ink);}
.chead{padding:6px 0 18px;border-bottom:1px solid var(--line);}
.chead h1{font-size:clamp(24px,4vw,44px);text-transform:uppercase;font-family:var(--head);font-weight:900;}
.chead .count{color:var(--muted);font-size:12px;margin-top:4px;}
.ctools{display:flex;align-items:center;gap:14px;padding:14px 0;position:sticky;top:64px;background:var(--paper);z-index:40;
  border-bottom:1px solid var(--line);flex-wrap:wrap;}
.ctools select,.ctools button{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--line);background:var(--paper);padding:10px 14px;cursor:pointer;}
.chip{border:1px solid var(--line);background:var(--paper);font-size:12px;padding:8px 14px;border-radius:999px;cursor:pointer;
  font-weight:600;color:var(--muted);}
.chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.ctools .count{margin-left:auto;color:var(--muted);font-size:12px;font-family:var(--body);text-transform:none;font-weight:400;}
.cgrid{padding:22px 0;}
.seo{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13.5px;max-width:70ch;line-height:1.7;}
.loadmore{display:flex;justify-content:center;padding:24px 0 6px;}

/* ============ PRODUCT (PDP) ============ */
.pdp{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,60px);padding:18px 0 40px;align-items:start;}
.gal{position:sticky;top:80px;}
.gal__stage{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f3f3f3;}
.gal__stage img{width:100%;height:100%;object-fit:cover;}
.gal__thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto;scrollbar-width:none;}
.gal__thumbs::-webkit-scrollbar{display:none;}
.gal__thumbs button{flex:0 0 68px;aspect-ratio:3/4;border:1px solid var(--line);background:#f3f3f3;cursor:pointer;padding:0;overflow:hidden;}
.gal__thumbs button.is-active{border-color:var(--ink);}
.gal__thumbs img{width:100%;height:100%;object-fit:cover;}

.pinfo h1{font-size:clamp(20px,2.6vw,30px);text-transform:none;font-family:var(--head);font-weight:800;letter-spacing:-0.01em;}
.pinfo .brandline{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.pprice{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px;font-family:var(--head);}
.pprice .best{background:var(--accent);font-weight:800;font-size:18px;padding:2px 8px;}
.pprice b{font-weight:800;font-size:18px;}
.pprice s{color:var(--muted);font-size:14px;}
.pprice .off{color:var(--sale);font-weight:700;font-size:13px;}
.ptax{color:var(--muted);font-size:12px;margin-bottom:18px;}

.psize__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.psize__head b{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.psize__head a{font-size:12px;color:var(--muted);border-bottom:1px solid var(--muted);}
.psizes{display:flex;gap:8px;flex-wrap:wrap;}
.psizes button{min-width:48px;height:44px;border:1px solid var(--ink);background:var(--paper);font-family:var(--head);
  font-weight:700;cursor:pointer;font-size:13px;}
.psizes button.is-active{background:var(--ink);color:var(--paper);}
.psizes button.is-out{border-color:var(--line);color:var(--line);cursor:not-allowed;text-decoration:line-through;}
.pactions{display:flex;gap:10px;margin:18px 0;}
.pactions .btn{flex:1;}
.pwish{width:52px;border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;font-size:16px;}
.pwish.is-on{color:var(--sale);}

.poffers{border:1px dashed var(--line);padding:14px;margin:16px 0;font-size:12.5px;}
.poffers b{font-family:var(--head);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
.pdeliver{display:flex;gap:8px;margin:14px 0;}
.pdeliver input{flex:1;border:1px solid var(--line);padding:11px 12px;font-family:inherit;}
.pdeliver button{border:1px solid var(--ink);background:var(--paper);padding:0 16px;font-family:var(--head);font-weight:700;
  font-size:12px;text-transform:uppercase;cursor:pointer;}

.pacc{border-top:1px solid var(--line);}
.pacc details{border-bottom:1px solid var(--line);}
.pacc summary{list-style:none;cursor:pointer;padding:16px 2px;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;}
.pacc summary::-webkit-details-marker{display:none;}
.pacc summary::after{content:"+";font-weight:400;font-size:18px;}
.pacc details[open] summary::after{content:"–";}
.pacc .pacc__body{padding:0 2px 16px;font-size:13.5px;color:var(--muted);line-height:1.7;}

/* PDP below-fold blocks */
.khl{margin:clamp(40px,6vw,72px) 0;}
.khl__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.khl__grid>div{background:var(--paper);padding:22px;}
.khl__grid b{font-family:var(--head);font-weight:800;text-transform:uppercase;font-size:13px;display:block;margin-bottom:6px;}
.khl__grid span{color:var(--muted);font-size:13px;}
.pinfo-table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;}
.pinfo-table td{border:1px solid var(--line);padding:9px 12px;}
.pinfo-table td:first-child{color:var(--muted);width:38%;text-transform:uppercase;font-size:11px;letter-spacing:.05em;font-family:var(--head);font-weight:600;}

/* ============ CART ============ */
.cart{display:grid;grid-template-columns:1fr 360px;gap:44px;padding:24px 0 60px;align-items:start;}
.cart h1{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(24px,4vw,40px);margin-bottom:18px;}
.citem{display:grid;grid-template-columns:90px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);}
.citem__media{aspect-ratio:3/4;background:#f3f3f3;overflow:hidden;}
.citem__media img{width:100%;height:100%;object-fit:cover;}
.citem__name{font-size:13.5px;font-weight:600;}
.citem__meta{color:var(--muted);font-size:12px;margin:3px 0;}
.citem .qty{display:inline-flex;border:1px solid var(--line);margin-top:6px;}
.citem .qty button{width:30px;height:32px;border:none;background:none;cursor:pointer;font-size:14px;}
.citem .qty span{width:30px;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:13px;}
.citem__price{font-family:var(--head);font-weight:800;text-align:right;}
.citem__rm{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-top:6px;display:block;}
.summary{border:1px solid var(--line);padding:22px;position:sticky;top:80px;}
.summary h3{font-family:var(--head);font-weight:800;text-transform:uppercase;font-size:15px;margin-bottom:14px;}
.summary .row{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;color:var(--muted);}
.summary .row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;color:var(--ink);font-weight:800;font-family:var(--head);font-size:16px;}
.promo{display:flex;gap:8px;margin:12px 0;}
.promo input{flex:1;border:1px solid var(--line);padding:10px 12px;font-family:inherit;text-transform:uppercase;}
.promo button{border:1px solid var(--ink);background:var(--paper);padding:0 14px;font-family:var(--head);font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .pgrid,.walls{grid-template-columns:repeat(3,1fr);}
  .catgrid{grid-template-columns:repeat(3,1fr);}
  .ftr__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:820px){
  .hdr__nav,.hdr__actions .acct-txt{display:none;}
  .burger{display:flex;}
  .hero__track{aspect-ratio:3/4;}
  .hero__slide{align-items:flex-start;}
  .hero__slide::after{background:linear-gradient(180deg,rgba(5,5,5,.8) 0%,rgba(5,5,5,.35) 16%,rgba(5,5,5,0) 40%,rgba(5,5,5,0) 62%,rgba(5,5,5,.55) 100%);}
  .hero__inner{width:100%;padding:clamp(16px,5vw,28px) var(--gutter) 0;align-items:center;text-align:center;}
  .hero__eyebrow{justify-content:center;}
  .hero__dots{left:0;right:0;justify-content:center;bottom:14px;}
  .split,.split.is-reverse,.story{grid-template-columns:1fr;}
  .split.is-reverse .split__media{order:0;}
  .pdp,.cart{grid-template-columns:1fr;}
  .gal{position:static;}
  .khl__grid,.stores__grid{grid-template-columns:1fr;}
  .ctools{top:56px;}
  .hdr__bar{height:56px;}
}
@media (max-width:560px){
  .pgrid,.catgrid,.walls,.bannerrow,.bannerrow.n3{grid-template-columns:repeat(2,1fr);}
  .ftr__grid{grid-template-columns:1fr;}
  .khl__grid{grid-template-columns:1fr;}
}

/* ============================================================================
   MOTION LAYER  (gsap-enhance.js)
   ========================================================================== */
/* custom cursor — outer div = position (JS transform), inner <i> = shape (CSS) */
.has-rv-cursor,.has-rv-cursor *{cursor:none!important;}
.rv-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:99999;pointer-events:none;
  will-change:transform;}
.rv-cursor>i{position:absolute;left:0;top:0;display:block;border-radius:50%;
  transform:translate(-50%,-50%);opacity:0;mix-blend-mode:difference;
  transition:opacity .25s ease,width .22s ease,height .22s ease,border-color .22s ease,background .22s ease;}
.rv-cursor--dot>i{width:7px;height:7px;background:#fff;}
.rv-cursor--ring>i{width:34px;height:34px;border:1.6px solid #fff;}
.rv-on .rv-cursor>i{opacity:1;}
.rv-hot .rv-cursor--ring>i{width:56px;height:56px;border-color:var(--accent,#f26b3a);}
.rv-hot .rv-cursor--dot>i{width:0;height:0;}
.rv-press .rv-cursor--ring>i{width:24px;height:24px;}
.rv-press .rv-cursor--dot>i{width:11px;height:11px;}
@media (hover:none),(pointer:coarse){ .rv-cursor{display:none;} .has-rv-cursor,.has-rv-cursor *{cursor:auto!important;} }

/* SplitText: keep headings hidden until the reveal runs (JS un-hides; failsafe below) */
.gsap-ready .shead h2,.gsap-ready .split__body h2,.gsap-ready .story h2,
.gsap-ready .chead h1,.gsap-ready .ftr__hero,.gsap-ready .khl h2,.gsap-ready .pinfo h1{visibility:hidden;}
.no-split .shead h2,.no-split .split__body h2,.no-split .story h2,
.no-split .chead h1,.no-split .ftr__hero,.no-split .khl h2,.no-split .pinfo h1{visibility:visible!important;}
.rv-line{overflow:hidden;display:block;}

/* scroll reveal */
.rv-rise{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.rv-in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  .rv-rise,.gsap-ready .shead h2,.gsap-ready .split__body h2,.gsap-ready .story h2,
  .gsap-ready .chead h1,.gsap-ready .ftr__hero,.gsap-ready .khl h2,.gsap-ready .pinfo h1{opacity:1!important;transform:none!important;visibility:visible!important;}
  .rv-cursor{display:none;}
  .has-rv-cursor,.has-rv-cursor *{cursor:auto!important;}
}