/* ======================================================================
   Mahi Apparel USA — preview-v4 — TIKTOK-NATIVE STREETWEAR
   Bold display sans + friendly body sans, white/black + electric coral accent.
   Mobile-first extreme. DO NOT port back to v2.
   ====================================================================== */

:root{
  --ink:#0B0B0B;
  --paper:#FFFFFF;
  --gray-50:#F6F6F6;
  --gray-100:#ECECEC;
  --gray-200:#DADADA;
  --gray-500:#777777;
  --gray-700:#333333;
  --coral:#FF3D5A;       /* primary electric accent */
  --coral-dark:#E6253F;
  --lime:#C8FF00;        /* secondary badge accent */
  --shadow:0 2px 0 rgba(0,0,0,0.04);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'DM Sans',-apple-system,system-ui,Segoe UI,Roboto,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-size:15px;
}
h1,h2,h3,h4,.display{font-family:'Anton','Archivo Black',Impact,sans-serif;font-weight:400;line-height:0.95;letter-spacing:0.01em;text-transform:uppercase}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
.eyebrow{font-family:'DM Sans',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--coral);margin-bottom:12px}
.coral{color:var(--coral)}
.mt{margin-top:40px}

/* ======== Preview banner ======== */
.preview-banner{background:var(--lime);color:var(--ink);padding:7px 14px;text-align:center;font-size:0.76rem;font-weight:500;letter-spacing:0.04em}
.preview-banner strong{font-weight:700;letter-spacing:0.1em;text-transform:uppercase}

/* ======== Topbar ======== */
.topbar{background:var(--ink);color:var(--paper);padding:8px 14px;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:500}
.topbar__inner{max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.topbar__dot{width:7px;height:7px;border-radius:50%;background:var(--coral);display:inline-block;box-shadow:0 0 0 0 var(--coral);animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,61,90,0.7)}70%{box-shadow:0 0 0 8px rgba(255,61,90,0)}100%{box-shadow:0 0 0 0 rgba(255,61,90,0)}}

/* ======== Header ======== */
.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;max-width:1400px;margin:0 auto;gap:20px}
.logo{font-family:'Anton',sans-serif;font-size:1.7rem;letter-spacing:0.05em;color:var(--ink);text-transform:uppercase;display:inline-flex;align-items:baseline;gap:4px}
.logo span{color:var(--coral);font-size:1.3rem}
.nav{display:flex;gap:6px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;flex:1;justify-content:center;flex-wrap:wrap}
.nav__link{color:var(--ink);padding:8px 12px;border-radius:999px;transition:background 0.15s}
.nav__link:hover{background:var(--gray-100)}
.nav__link--active{background:var(--ink);color:var(--paper)}
.header-cta{background:var(--coral);color:var(--paper);padding:11px 18px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;border-radius:999px;white-space:nowrap;transition:transform 0.12s,background 0.15s}
.header-cta:hover{background:var(--coral-dark);transform:translateY(-1px)}
.hamburger{display:none;border:0;background:transparent;padding:8px;flex-direction:column;gap:4px;width:40px;height:40px}
.hamburger span{display:block;height:2px;background:var(--ink);width:100%}

@media (max-width:900px){
  .nav{display:none;order:99;width:100%;background:var(--paper);border-top:1px solid var(--gray-100);padding:10px 4px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .nav.open{display:flex}
  .nav__link{flex:0 0 auto}
  .hamburger{display:flex}
  .site-header__inner{flex-wrap:wrap;padding:12px 14px;gap:12px}
  .logo{font-size:1.4rem}
  .header-cta{padding:9px 14px;font-size:0.72rem}
}

/* ======== Marquee ======== */
.marquee{background:var(--coral);color:var(--paper);overflow:hidden;padding:9px 0;border-bottom:2px solid var(--ink)}
.marquee__track{display:inline-block;white-space:nowrap;font-family:'Anton',sans-serif;letter-spacing:0.08em;font-size:0.95rem;animation:marq 32s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}

/* ======== Buttons ======== */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;font-weight:700;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;border:2px solid transparent;border-radius:999px;transition:transform 0.12s,background 0.15s,color 0.15s;cursor:pointer;font-family:'DM Sans',sans-serif;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn--coral{background:var(--coral);color:var(--paper);border-color:var(--coral)}
.btn--coral:hover{background:var(--coral-dark);border-color:var(--coral-dark)}
.btn--black{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--black:hover{background:var(--coral);border-color:var(--coral)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn--big{padding:18px 34px;font-size:0.95rem}

/* ======== Hero ======== */
.hero-v4{position:relative;min-height:88vh;display:flex;align-items:flex-end;color:var(--paper);overflow:hidden;background:var(--ink)}
.hero-v4__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.55}
.hero-v4::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.75) 100%);pointer-events:none}
.hero-v4__inner{position:relative;z-index:2;padding:120px 22px 56px;max-width:1400px;margin:0 auto;width:100%}
.hero-v4__kicker{font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--lime);margin-bottom:18px;font-weight:700}
.hero-v4__h1{font-size:clamp(4rem,16vw,11rem);color:var(--paper);margin-bottom:22px}
.hero-v4__sub{font-size:1.05rem;max-width:520px;margin-bottom:28px;color:#ECECEC;line-height:1.55}
.hero-v4__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-v4 .btn--ghost{color:var(--paper);border-color:var(--paper)}
.hero-v4 .btn--ghost:hover{background:var(--paper);color:var(--ink)}

/* ======== Chip strip ======== */
.chips{background:var(--paper);border-bottom:1px solid var(--gray-100);position:sticky;top:63px;z-index:40;padding:0;overflow:hidden}
.chips__track{display:flex;gap:8px;padding:12px 18px;overflow-x:auto;scrollbar-width:none;max-width:1400px;margin:0 auto}
.chips__track::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 16px;background:var(--gray-100);border-radius:999px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink);transition:background 0.15s}
.chip:hover{background:var(--gray-200)}
.chip--active{background:var(--ink);color:var(--paper)}
@media (max-width:900px){.chips{top:auto;position:relative}}

/* ======== Blocks ======== */
.block{max-width:1400px;margin:0 auto;padding:56px 18px}
.block--tight{padding-top:24px}
.block.narrow{max-width:860px}
.block__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:12px;flex-wrap:wrap}
.section-h{font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:0.02em}
.section-h--white{color:var(--paper)}
.section-link{font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--coral)}

/* ======== Product feed (dense scroll) ======== */
.pfeed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:640px){.pfeed{grid-template-columns:repeat(3,1fr);gap:10px}}
@media (min-width:960px){.pfeed{grid-template-columns:repeat(4,1fr);gap:12px}}
@media (min-width:1280px){.pfeed{grid-template-columns:repeat(5,1fr)}}

.pcard{display:block;background:var(--paper);color:var(--ink);position:relative;transition:transform 0.2s}
.pcard:hover{transform:translateY(-3px)}
.pcard__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--gray-50)}
.pcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s,transform 0.5s}
.pcard__img--hover{opacity:0}
.pcard:hover .pcard__img--primary{opacity:0;transform:scale(1.04)}
.pcard:hover .pcard__img--hover{opacity:1;transform:scale(1.04)}
.pcard__badge{position:absolute;top:8px;left:8px;background:var(--coral);color:var(--paper);padding:4px 9px;font-size:0.64rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;border-radius:999px;z-index:3;font-family:'DM Sans',sans-serif}
.pcard__body{padding:10px 4px 6px}
.pcard__title{font-family:'DM Sans',sans-serif;font-size:0.88rem;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.3;margin-bottom:4px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pcard__price{font-family:'Anton',sans-serif;font-size:1.15rem;color:var(--ink);letter-spacing:0.02em}
.pcard__unit{font-size:0.66rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.06em}
.pcard__tier{font-size:0.72rem;color:var(--coral);font-weight:700;margin-top:2px;letter-spacing:0.04em}

/* ======== Category tiles (homepage) ======== */
.cat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:700px){.cat-strip{grid-template-columns:repeat(4,1fr)}}
.cat-tile{position:relative;aspect-ratio:4/5;overflow:hidden;display:block;background:var(--ink)}
.cat-tile__img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.7;transition:transform 0.5s,opacity 0.3s}
.cat-tile:hover .cat-tile__img{transform:scale(1.05);opacity:0.55}
.cat-tile__overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;color:var(--paper)}
.cat-tile__label{font-family:'Anton',sans-serif;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:0.04em}
.cat-tile__arrow{font-size:1.6rem;transition:transform 0.2s}
.cat-tile:hover .cat-tile__arrow{transform:translateX(4px)}

/* ======== Big collection tiles (collections.html) ======== */
.big-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.big-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.big-grid{grid-template-columns:repeat(3,1fr)}}
.big-tile{display:block;position:relative;overflow:hidden;background:var(--ink);color:var(--paper);aspect-ratio:3/4}
.big-tile__img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.6;transition:transform 0.5s}
.big-tile:hover .big-tile__img{transform:scale(1.05)}
.big-tile__info{position:absolute;inset:0;z-index:2;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.75) 100%)}
.big-tile__info h3{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:6px}
.big-tile__info p{font-size:0.88rem;color:#E5E5E5;margin-bottom:10px;line-height:1.4}
.big-tile__count{font-size:0.78rem;color:var(--coral);font-weight:700;letter-spacing:0.1em;text-transform:uppercase}

/* ======== Seen-on TikTok (PLACEHOLDER) ======== */
.seen-on{background:var(--ink);color:var(--paper);padding:56px 18px}
.seen-on__head{max-width:1400px;margin:0 auto 22px}
.seen-on__note{font-size:0.78rem;color:var(--lime);letter-spacing:0.08em;text-transform:uppercase;margin-top:8px}
.seen-on__grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (min-width:700px){.seen-on__grid{grid-template-columns:repeat(6,1fr)}}
.seen-tile{aspect-ratio:9/16;border:2px dashed rgba(200,255,0,0.4);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-size:0.74rem;letter-spacing:0.06em;border-radius:10px}

/* ======== Pitch block ======== */
.pitch{display:grid;grid-template-columns:1fr;gap:40px}
@media (min-width:900px){.pitch{grid-template-columns:1fr 1.2fr;gap:56px}}
.pitch__h{font-size:clamp(2.2rem,5vw,3.8rem);line-height:0.95}
.pitch__right{display:grid;gap:22px}
.pitch__item{display:flex;gap:18px;align-items:flex-start}
.pitch__num{font-family:'Anton',sans-serif;font-size:1.6rem;color:var(--coral);letter-spacing:0.04em;flex:0 0 auto;width:40px}
.pitch__item h4{font-family:'DM Sans',sans-serif;text-transform:none;letter-spacing:0;font-size:1.05rem;font-weight:700;margin-bottom:3px;line-height:1.25}
.pitch__item p{color:var(--gray-700);font-size:0.92rem;line-height:1.5}

/* ======== Reviews (PLACEHOLDER) ======== */
.reviews__note{font-size:0.78rem;color:var(--coral);letter-spacing:0.08em;text-transform:uppercase;margin:-14px 0 18px}
.reviews__grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:800px){.reviews__grid{grid-template-columns:repeat(3,1fr)}}
.rq{background:var(--gray-50);padding:22px;border-left:4px solid var(--coral);border-radius:4px}
.rq p{font-size:1rem;font-style:italic;margin-bottom:10px;color:var(--gray-700)}
.rq cite{font-size:0.78rem;color:var(--gray-500);font-style:normal;letter-spacing:0.04em}
.rq--empty{opacity:0.7}

/* ======== CTA coral band ======== */
.cta-coral{background:var(--coral);color:var(--paper);padding:80px 24px;text-align:center}
.cta-coral h2{font-size:clamp(3rem,8vw,6rem);line-height:0.9;margin-bottom:16px}
.cta-coral p{font-size:1.05rem;max-width:560px;margin:0 auto 26px}
.cta-coral .btn--black:hover{background:var(--paper);color:var(--coral);border-color:var(--paper)}

/* ======== Page head (interior) ======== */
.page-head-v4{max-width:1400px;margin:0 auto;padding:56px 18px 36px}
.page-head-v4 h1{font-size:clamp(3rem,9vw,6.5rem);line-height:0.9;margin-bottom:16px}
.page-head-v4__sub{font-size:1.05rem;color:var(--gray-700);max-width:640px}
.page-head-v4--dark{background:var(--ink);color:var(--paper);max-width:100%;padding:80px 18px 60px}
.page-head-v4--dark h1,.page-head-v4--dark .page-head-v4__sub{color:var(--paper)}
.page-head-v4--dark .page-head-v4__sub{color:#CDCDCD}
.page-head-v4--dark .crumbs,.page-head-v4--dark .crumbs a{color:#999}
.crumbs{font-size:0.76rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gray-500);margin-bottom:12px}
.crumbs a{color:var(--gray-500)}
.crumbs a:hover{color:var(--coral)}
.crumbs--pdp{max-width:1400px;margin:0 auto;padding:18px 18px 0}

/* ======== MOQ strip ======== */
.moq-strip{background:var(--lime);color:var(--ink);padding:11px 14px;text-align:center;font-family:'Anton',sans-serif;font-size:0.95rem;letter-spacing:0.08em;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.moq-strip strong{font-size:1.05rem}

/* ======== PLP toolbar + feed-end ======== */
.plp-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--gray-100);flex-wrap:wrap;gap:10px}
.plp-count{font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}
.plp-sort{display:flex;align-items:center;gap:8px;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:700}
.plp-sort select{padding:7px 10px;font-family:inherit;border:1px solid var(--gray-200);background:var(--paper);border-radius:999px;font-size:0.82rem}
.feed-end{margin:48px 0 12px;text-align:center;color:var(--gray-500);font-size:0.82rem;letter-spacing:0.1em;text-transform:uppercase;position:relative}
.feed-end__line{width:46px;height:3px;background:var(--coral);margin:0 auto 14px;border-radius:4px}

/* ======== PDP ======== */
.pdp{max-width:1400px;margin:0 auto;padding:22px 18px 100px;display:grid;grid-template-columns:1fr;gap:28px}
@media (min-width:900px){.pdp{grid-template-columns:1.2fr 1fr;gap:48px;padding:28px 18px 60px}}
.pdp__gallery{display:flex;flex-direction:column;gap:8px}
.pdp__img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--gray-50)}
.pdp__info{position:sticky;top:100px;align-self:flex-start}
@media (max-width:899px){.pdp__info{position:static}}
.pdp__h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:14px;text-transform:none;letter-spacing:0;font-family:'Archivo Black',sans-serif;line-height:1.1}
.pdp__price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pdp__price{font-family:'Anton',sans-serif;font-size:2.2rem;color:var(--ink)}
.pdp__unit{color:var(--gray-500);font-size:0.9rem}
.pdp__packmin{background:var(--ink);color:var(--paper);padding:4px 10px;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;border-radius:999px;font-family:'DM Sans',sans-serif}
.pdp__desc{font-size:1rem;line-height:1.7;color:var(--gray-700);margin-bottom:22px}

.margin-card{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--ink);color:var(--paper);padding:0;border-radius:6px;overflow:hidden;margin-bottom:22px}
.margin-card > div{padding:14px 12px;display:flex;flex-direction:column;gap:3px;border-right:1px solid #222}
.margin-card > div:last-child{border-right:0}
.margin-card span{font-size:0.64rem;color:#999;text-transform:uppercase;letter-spacing:0.1em;font-weight:700}
.margin-card strong{font-family:'Anton',sans-serif;font-size:1.4rem;color:var(--paper);letter-spacing:0.02em}
.margin-card strong.coral{color:var(--coral)}

.tier-card{border:2px solid var(--ink);padding:16px;border-radius:6px;margin-bottom:22px}
.tier-card h3{font-family:'DM Sans',sans-serif;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;margin-bottom:10px;color:var(--ink)}
.tier-row{display:flex;justify-content:space-between;padding:8px 0;font-size:0.92rem;border-bottom:1px dashed var(--gray-200)}
.tier-row:last-child{border-bottom:0}
.tier-row--hot{background:linear-gradient(90deg,rgba(255,61,90,0.08),transparent);padding-left:10px;padding-right:10px;margin:0 -10px;border-radius:4px;color:var(--coral);font-weight:700}
.tier-row em{font-style:normal;font-size:0.78rem;margin-left:4px}

.specs{list-style:none;border-top:1px solid var(--gray-100);padding-top:14px;margin-top:18px}
.specs li{display:flex;justify-content:space-between;padding:7px 0;font-size:0.86rem;border-bottom:1px solid var(--gray-100)}
.specs li span:first-child{color:var(--gray-500);text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem;font-weight:700}

.pdp-review{margin-top:24px;padding:18px;background:var(--gray-50);border-left:4px solid var(--coral);border-radius:4px;font-size:0.92rem;color:var(--gray-700)}
.pdp-review__quote{font-style:italic;margin-bottom:6px}
.pdp-review cite{font-size:0.72rem;color:var(--gray-500);font-style:normal;letter-spacing:0.06em}

/* ======== Sticky bottom CTA ======== */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:2px solid var(--ink);padding:12px 16px;display:flex;align-items:center;gap:14px;z-index:45;box-shadow:0 -4px 20px rgba(0,0,0,0.08)}
.sticky-cta__info{flex:1;min-width:0;display:flex;flex-direction:column}
.sticky-cta__title{font-size:0.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta__price{font-family:'Anton',sans-serif;font-size:1.1rem;letter-spacing:0.02em}
.sticky-cta__price em{font-size:0.7rem;color:var(--gray-500);font-style:normal;font-family:'DM Sans',sans-serif;font-weight:500}
.sticky-cta__btn{padding:13px 20px;font-size:0.8rem;white-space:nowrap}

/* ======== Wholesale steps ======== */
.steps-v4{list-style:none;display:grid;gap:12px;margin:14px 0 36px}
.steps-v4 li{display:flex;gap:18px;padding:18px;background:var(--gray-50);border-radius:8px;align-items:flex-start}
.steps-v4__num{font-family:'Anton',sans-serif;font-size:1.8rem;color:var(--coral);flex:0 0 auto;min-width:50px}
.steps-v4 h3{font-family:'DM Sans',sans-serif;text-transform:none;letter-spacing:0;font-size:1.05rem;font-weight:700;margin-bottom:3px}
.steps-v4 p{color:var(--gray-700);font-size:0.94rem}

.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 36px}
.tier-cell{padding:22px 14px;background:var(--gray-50);border-radius:8px;text-align:center}
.tier-cell--hot{background:var(--coral);color:var(--paper)}
.tier-cell__qty{display:block;font-family:'Anton',sans-serif;font-size:2rem;letter-spacing:0.04em;margin-bottom:4px}
.tier-cell__disc{display:block;font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:700}

.bullets-v4{list-style:none;margin:12px 0 36px}
.bullets-v4 li{padding:11px 0 11px 24px;position:relative;font-size:0.98rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}
.bullets-v4 li::before{content:"→";position:absolute;left:0;color:var(--coral);font-weight:700}
.p-v4{font-size:1rem;color:var(--gray-700);margin-bottom:16px;line-height:1.65}
.lede-v4{font-size:1.18rem;line-height:1.55;color:var(--ink);margin-bottom:30px;font-weight:500}

/* ======== Forms ======== */
.form-v4{background:var(--paper);border:2px solid var(--ink);padding:22px;border-radius:8px}
.form-v4 fieldset{border:0;margin-bottom:22px;padding:0}
.form-v4 legend{font-family:'Anton',sans-serif;font-size:1rem;letter-spacing:0.08em;color:var(--coral);margin-bottom:12px}
.form-v4 label{display:block;margin-bottom:14px;font-size:0.82rem;color:var(--gray-700);font-weight:500}
.form-v4 input,.form-v4 select,.form-v4 textarea{display:block;width:100%;padding:11px 14px;font-family:inherit;font-size:0.95rem;border:1px solid var(--gray-200);background:var(--paper);border-radius:6px;margin-top:6px;color:var(--ink)}
.form-v4 input:focus,.form-v4 select:focus,.form-v4 textarea:focus{outline:2px solid var(--coral);outline-offset:1px;border-color:var(--coral)}
.form-v4__note{font-size:0.74rem;color:var(--gray-500);margin-top:12px}

/* ======== Visit / Contact grids ======== */
.visit-grid-v4,.contact-grid-v4{display:grid;grid-template-columns:1fr;gap:32px;max-width:1100px;margin:0 auto}
@media (min-width:800px){.visit-grid-v4,.contact-grid-v4{grid-template-columns:1fr 1fr;gap:48px}}
.addr-v4{font-family:'Anton',sans-serif;font-size:1.4rem;letter-spacing:0.03em;margin-bottom:14px;line-height:1.2}
.visit-info h3,.contact-grid-v4 h3{font-family:'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:0.1em;font-size:0.76rem;font-weight:700;margin:18px 0 6px;color:var(--coral)}
.map-v4{aspect-ratio:4/3;background:var(--ink);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:0.84rem;letter-spacing:0.05em;border-radius:8px;padding:24px;text-align:center}

/* ======== Lookbook ======== */
.lb-v4{display:grid;grid-template-columns:1fr;gap:3px;background:var(--ink);padding:3px;max-width:100%}
@media (min-width:600px){.lb-v4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.lb-v4{grid-template-columns:repeat(3,1fr)}}
.lb-v4__item{display:block;color:var(--paper);background:var(--ink)}
.lb-v4__img{aspect-ratio:3/4;background-size:cover;background-position:center;position:relative;overflow:hidden}
.lb-v4__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,0.6) 100%)}
.lb-v4__num{position:absolute;top:14px;left:14px;z-index:2;font-family:'Anton',sans-serif;font-size:0.92rem;letter-spacing:0.1em;color:var(--lime)}
.lb-v4__meta{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.lb-v4__meta h3{font-family:'DM Sans',sans-serif;text-transform:none;letter-spacing:0;font-size:0.95rem;font-weight:500;flex:1}
.lb-v4__meta span{font-family:'Anton',sans-serif;letter-spacing:0.04em;color:var(--coral);font-size:1rem;white-space:nowrap}

/* ======== Footer ======== */
.footer{background:var(--ink);color:var(--paper);padding:0}
.footer__hype{padding:72px 24px;text-align:center;border-bottom:1px solid #222}
.footer__hype h2{font-size:clamp(3.5rem,12vw,9rem);line-height:0.9;color:var(--coral);margin-bottom:24px}
.footer__grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1400px;margin:0 auto;padding:52px 24px;border-bottom:1px solid #222}
@media (min-width:700px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px}}
.footer__brand{font-family:'Anton',sans-serif;font-size:1.6rem;letter-spacing:0.05em;margin-bottom:12px}
.footer__tag{color:#B0B0B0;font-size:0.9rem;margin-bottom:18px;line-height:1.5}
.footer__social{display:flex;gap:14px;flex-wrap:wrap}
.footer__social a{font-family:'Anton',sans-serif;font-size:0.86rem;letter-spacing:0.1em;color:var(--paper);padding:6px 12px;border:1px solid #333;border-radius:999px}
.footer__social a:hover{background:var(--coral);border-color:var(--coral);color:var(--paper)}
.footer h4{font-family:'Anton',sans-serif;color:var(--lime);font-size:0.92rem;letter-spacing:0.1em;margin-bottom:14px;text-transform:uppercase}
.footer ul{list-style:none}
.footer li{margin-bottom:7px}
.footer li a,.footer__addr a{color:#B0B0B0;font-size:0.88rem}
.footer li a:hover,.footer__addr a:hover{color:var(--coral)}
.footer__addr{color:#B0B0B0;font-size:0.88rem;line-height:1.7}
.footer__bottom{display:flex;justify-content:center;align-items:center;gap:14px;padding:20px;color:#777;font-size:0.74rem;flex-wrap:wrap;letter-spacing:0.04em}
.footer__bottom a{color:#777}
.footer__bottom a:hover{color:var(--coral)}
.footer__sep{opacity:0.4}

/* ======== 404 ======== */
.center-v4{text-align:center}
.big404{font-size:clamp(6rem,20vw,14rem);color:var(--coral);margin-bottom:18px;line-height:0.9}

/* ======== Accessibility + motion ======== */
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
  .topbar__dot{animation:none}
  *{scroll-behavior:auto}
}

/* Make room for sticky CTA on PDP */
body:has(.sticky-cta){padding-bottom:76px}