/** Shopify CDN: Minification failed

Line 1143:0 All "@import" rules must come first

**/
/* SNKRR BAR — Custom Redesign 2026-05-28
   Samsung-style billboard system. Mobile-first.
   Palette: #000 black, #FFFFFF white, #BBF07C lime accent. */

:root{
  --snkrr-black:#000;
  --snkrr-white:#fff;
  --snkrr-off:#f5f5f5;
  --snkrr-line:#e5e5e5;
  --snkrr-text:#1a1a1a;
  --snkrr-muted:#666;
  --snkrr-lime:#BBF07C;
  --snkrr-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Reset some Dawn padding on custom sections */
.shopify-section:has(> .snkrr-bb){padding:0;margin:0;}
.snkrr-bb *{box-sizing:border-box;}

/* ---------- Billboard base ---------- */
.snkrr-bb{
  font-family:var(--snkrr-font);
  background:var(--snkrr-white);
  color:var(--snkrr-text);
  padding:96px 24px;
  text-align:center;
  position:relative;
}
.snkrr-bb--dark{background:var(--snkrr-black);color:var(--snkrr-white);}
.snkrr-bb--off{background:var(--snkrr-off);}
.snkrr-bb__inner{max-width:1200px;margin:0 auto;}

/* Headline scale (mobile-first) */
.snkrr-bb__eyebrow{
  font-size:13px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);
  margin:0 0 16px;
}
.snkrr-bb--dark .snkrr-bb__eyebrow{color:var(--snkrr-lime);}
.snkrr-bb__h{
  font-size:42px;line-height:1.05;letter-spacing:-0.02em;
  font-weight:800;margin:0 0 16px;
}
.snkrr-bb__sub{
  font-size:18px;line-height:1.4;color:var(--snkrr-muted);
  font-weight:400;margin:0 auto 40px;max-width:560px;
}
.snkrr-bb--dark .snkrr-bb__sub{color:rgba(255,255,255,0.75);}

/* CTAs — pill buttons */
.snkrr-bb__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;}
.snkrr-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 30px;border-radius:999px;
  font-size:15px;font-weight:600;letter-spacing:0.01em;
  text-decoration:none;border:1.5px solid transparent;
  transition:transform .12s ease, background .12s ease, color .12s ease;
  min-width:140px;
}
.snkrr-btn--primary{background:var(--snkrr-black);color:var(--snkrr-white);border-color:var(--snkrr-black);}
.snkrr-btn--primary:hover{background:#222;}
.snkrr-btn--secondary{background:transparent;color:var(--snkrr-black);border-color:var(--snkrr-black);}
.snkrr-btn--secondary:hover{background:var(--snkrr-black);color:var(--snkrr-white);}
.snkrr-bb--dark .snkrr-btn--primary{background:var(--snkrr-white);color:var(--snkrr-black);border-color:var(--snkrr-white);}
.snkrr-bb--dark .snkrr-btn--primary:hover{background:var(--snkrr-lime);border-color:var(--snkrr-lime);}
.snkrr-bb--dark .snkrr-btn--secondary{color:var(--snkrr-white);border-color:var(--snkrr-white);}
.snkrr-bb--dark .snkrr-btn--secondary:hover{background:var(--snkrr-white);color:var(--snkrr-black);}

/* Product image area */
.snkrr-bb__media{margin:0 auto;max-width:520px;}
.snkrr-bb__media img{width:100%;height:auto;display:block;}

/* ---------- Feature stripe (image + text side by side) ---------- */
.snkrr-fs{
  font-family:var(--snkrr-font);
  background:var(--snkrr-white);
  color:var(--snkrr-text);
  padding:96px 24px;
}
.snkrr-fs--dark{background:var(--snkrr-black);color:var(--snkrr-white);}
.snkrr-fs--off{background:var(--snkrr-off);}
.snkrr-fs__inner{
  max-width:1200px;margin:0 auto;
  display:grid;gap:48px;
  grid-template-columns:1fr;align-items:center;
}
.snkrr-fs__media{order:1;}
.snkrr-fs__media img{width:100%;height:auto;max-width:520px;margin:0 auto;display:block;}
.snkrr-fs__body{order:2;text-align:center;}
.snkrr-fs__body .snkrr-bb__ctas{margin-bottom:0;}

/* Desktop: 2-col with alternating image side */
@media (min-width:900px){
  .snkrr-fs__inner{grid-template-columns:1fr 1fr;gap:80px;}
  .snkrr-fs__body{text-align:left;}
  .snkrr-fs__body .snkrr-bb__ctas{justify-content:flex-start;}
  .snkrr-fs__body .snkrr-bb__sub{margin-left:0;}
  .snkrr-fs--image-right .snkrr-fs__media{order:2;}
  .snkrr-fs--image-right .snkrr-fs__body{order:1;}
}

/* ---------- Product trio grid ---------- */
.snkrr-trio{
  font-family:var(--snkrr-font);
  background:var(--snkrr-white);
  padding:96px 24px;text-align:center;
}
.snkrr-trio--off{background:var(--snkrr-off);}
.snkrr-trio__inner{max-width:1200px;margin:0 auto;}
.snkrr-trio__grid{
  display:grid;gap:32px;
  grid-template-columns:1fr;margin-top:56px;
}
@media (min-width:750px){.snkrr-trio__grid{grid-template-columns:repeat(3,1fr);gap:48px;}}
.snkrr-trio__card{
  background:var(--snkrr-white);
  border:1px solid var(--snkrr-line);
  border-radius:16px;
  padding:32px 24px;
  text-align:center;
  transition:transform .15s ease, box-shadow .15s ease;
  text-decoration:none;color:inherit;display:block;
}
.snkrr-trio__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);}
.snkrr-trio__card img{width:100%;height:auto;max-width:240px;margin:0 auto 24px;display:block;}
.snkrr-trio__card-name{
  font-size:18px;font-weight:700;letter-spacing:-0.01em;
  margin:0 0 4px;color:var(--snkrr-text);text-transform:uppercase;
}
.snkrr-trio__card-tag{font-size:13px;color:var(--snkrr-muted);margin:0 0 16px;}
.snkrr-trio__card-price{font-size:16px;font-weight:600;margin:0 0 20px;color:var(--snkrr-text);}
.snkrr-trio__card-cta{
  display:inline-block;font-size:13px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;text-decoration:none;
  padding-bottom:4px;border-bottom:1.5px solid var(--snkrr-text);color:var(--snkrr-text);
}
.snkrr-trio__card-cta:hover{color:#000;border-color:var(--snkrr-lime);}

/* ---------- Twin packs horizontal ---------- */
.snkrr-row{
  background:var(--snkrr-white);
  padding:96px 24px;text-align:center;font-family:var(--snkrr-font);
}
.snkrr-row__inner{max-width:1200px;margin:0 auto;}
.snkrr-row__grid{
  display:grid;gap:24px;margin-top:48px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-row__grid{grid-template-columns:repeat(3,1fr);gap:32px;}}
.snkrr-row__card{
  background:var(--snkrr-off);border-radius:16px;padding:32px 24px;
  text-decoration:none;color:inherit;display:block;
  transition:transform .15s ease;
}
.snkrr-row__card:hover{transform:translateY(-4px);}
.snkrr-row__card img{width:100%;max-width:240px;height:auto;margin:0 auto 20px;display:block;}
.snkrr-row__card-name{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-0.01em;margin:0 0 8px;}
.snkrr-row__card-price{font-size:15px;font-weight:600;color:var(--snkrr-text);margin:0;}
.snkrr-row__card-price s{color:var(--snkrr-muted);font-weight:400;margin-right:6px;}

/* ---------- Single quote ---------- */
.snkrr-q{
  background:var(--snkrr-white);padding:120px 24px;text-align:center;font-family:var(--snkrr-font);
}
.snkrr-q__inner{max-width:760px;margin:0 auto;}
.snkrr-q__mark{
  font-family:Georgia,serif;font-size:96px;line-height:1;
  color:var(--snkrr-lime);font-weight:700;margin:0 0 8px;
}
.snkrr-q__stars{color:var(--snkrr-lime);letter-spacing:6px;font-size:14px;margin-bottom:24px;}
.snkrr-q__text{
  font-size:28px;line-height:1.35;font-weight:300;
  margin:0 0 32px;letter-spacing:-0.015em;color:var(--snkrr-text);
}
.snkrr-q__attr{
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);margin-bottom:32px;
}
.snkrr-q__link{
  display:inline-block;font-size:13px;letter-spacing:2px;font-weight:600;
  text-transform:uppercase;color:var(--snkrr-text);text-decoration:none;
  padding-bottom:4px;border-bottom:1.5px solid var(--snkrr-text);
}
.snkrr-q__link:hover{color:#000;border-color:var(--snkrr-lime);}

/* ---------- Newsletter ---------- */
.snkrr-news{
  background:var(--snkrr-black);color:var(--snkrr-white);
  padding:96px 24px;text-align:center;font-family:var(--snkrr-font);
}
.snkrr-news__inner{max-width:560px;margin:0 auto;}
.snkrr-news__h{font-size:36px;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px;}
.snkrr-news__sub{font-size:16px;color:rgba(255,255,255,0.7);margin:0 0 32px;}
.snkrr-news__form{display:flex;gap:8px;flex-direction:column;}
.snkrr-news__form input[type="email"]{
  flex:1;padding:16px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,0.3);
  background:transparent;color:var(--snkrr-white);font-size:15px;font-family:var(--snkrr-font);
  outline:none;
}
.snkrr-news__form input[type="email"]::placeholder{color:rgba(255,255,255,0.5);}
.snkrr-news__form input[type="email"]:focus{border-color:var(--snkrr-lime);}
.snkrr-news__form button{
  padding:16px 30px;border-radius:999px;border:none;
  background:var(--snkrr-lime);color:var(--snkrr-black);
  font-size:15px;font-weight:700;letter-spacing:0.01em;
  cursor:pointer;font-family:var(--snkrr-font);
  transition:background .12s ease;
}
.snkrr-news__form button:hover{background:#a3da66;}
@media (min-width:600px){
  .snkrr-news__form{flex-direction:row;}
}

/* ---------- Hero ---------- */
.snkrr-hero{
  position:relative;
  min-height:88vh;
  display:flex;align-items:center;justify-content:center;
  background:var(--snkrr-black);color:var(--snkrr-white);
  font-family:var(--snkrr-font);
  text-align:center;overflow:hidden;
  padding:96px 24px;
}
.snkrr-hero__bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  opacity:0.45;
}
.snkrr-hero__inner{position:relative;z-index:1;max-width:900px;}
.snkrr-hero__eyebrow{
  font-size:13px;letter-spacing:4px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 24px;
}
.snkrr-hero__h{
  font-size:54px;line-height:1.02;letter-spacing:-0.03em;
  font-weight:800;margin:0 0 24px;
}
.snkrr-hero__sub{
  font-size:18px;line-height:1.45;
  color:rgba(255,255,255,0.8);font-weight:400;
  margin:0 auto 40px;max-width:520px;
}
.snkrr-hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
@media (min-width:900px){
  .snkrr-hero__h{font-size:88px;}
  .snkrr-bb__h{font-size:64px;}
  .snkrr-fs__body .snkrr-bb__h{font-size:56px;}
  .snkrr-news__h{font-size:54px;}
  .snkrr-q__text{font-size:36px;}
}

/* Hide default section padding wrapping (Dawn wraps custom-liquid in containers) */
.shopify-section .snkrr-hero,
.shopify-section .snkrr-bb,
.shopify-section .snkrr-fs,
.shopify-section .snkrr-trio,
.shopify-section .snkrr-row,
.shopify-section .snkrr-q,
.shopify-section .snkrr-news{margin:0 -100vw;padding-left:calc(100vw + 24px);padding-right:calc(100vw + 24px);}
@supports (margin-inline:0){
  .shopify-section .snkrr-hero,
  .shopify-section .snkrr-bb,
  .shopify-section .snkrr-fs,
  .shopify-section .snkrr-trio,
  .shopify-section .snkrr-row,
  .shopify-section .snkrr-q,
  .shopify-section .snkrr-news{margin-inline:0;padding-left:24px;padding-right:24px;}
}

/* ============================================================
   CHROME — Announcement bar, Header, Footer
   ============================================================ */

/* ---------- Announcement bar ---------- */
.shopify-section-group-header-group .announcement-bar,
.utility-bar.color-inverse,
.announcement-bar.color-inverse{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:0 !important;
}
.utility-bar__grid{justify-content:center !important;}
.announcement-bar__announcement,
.announcement-bar a{
  font-family:var(--snkrr-font) !important;
  font-size:12px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  color:var(--snkrr-white) !important;
  text-decoration:none !important;
}
.announcement-bar__announcement{padding:10px 16px !important;}
.announcement-bar a:hover{color:var(--snkrr-lime) !important;}

/* ---------- Header ---------- */
.shopify-section-group-header-group .header-wrapper{
  border:0 !important;
  box-shadow:0 1px 0 var(--snkrr-line);
}
.header{font-family:var(--snkrr-font);padding-top:14px !important;padding-bottom:14px !important;}
.header__heading-link,
.header__heading-logo-wrapper .header__heading-logo,
.h2.header__heading{font-weight:800 !important;letter-spacing:-0.02em !important;}
.header__heading-link .h2{font-size:20px !important;}
.header__menu-item,
header-menu .header__menu-item,
.header__inline-menu .list-menu__item{
  font-family:var(--snkrr-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  padding:8px 16px !important;
}
.header__menu-item:hover,
.header__inline-menu a:hover{color:var(--snkrr-text) !important;}
.header__icon,
.header__icon--cart{color:var(--snkrr-text) !important;}
.header__icon--cart .cart-count-bubble{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  font-weight:700 !important;
}

/* ---------- Footer (custom) ---------- */
.snkrr-footer{
  background:var(--snkrr-black);
  color:var(--snkrr-white);
  font-family:var(--snkrr-font);
}
.snkrr-footer__top{padding:80px 24px 56px;}
.snkrr-footer__inner{max-width:1280px;margin:0 auto;}
.snkrr-footer__brand{margin-bottom:48px;}
.snkrr-footer__logo{
  font-size:24px;font-weight:800;letter-spacing:-0.02em;
  margin:0 0 8px;color:var(--snkrr-white);
}
.snkrr-footer__tagline{
  font-size:14px;color:rgba(255,255,255,0.6);
  margin:0 0 20px;
}
.snkrr-footer__social{display:flex;gap:20px;flex-wrap:wrap;}
.snkrr-footer__social a{
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  font-weight:600;color:rgba(255,255,255,0.7);
  text-decoration:none;border-bottom:1px solid transparent;
  padding-bottom:2px;
}
.snkrr-footer__social a:hover{color:var(--snkrr-lime);border-color:var(--snkrr-lime);}

.snkrr-footer__cols{
  display:grid;gap:40px;
  grid-template-columns:1fr 1fr;
}
@media (min-width:750px){
  .snkrr-footer__cols{grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));gap:40px;}
  .snkrr-footer__top{display:flex;gap:96px;align-items:flex-start;}
  .snkrr-footer__brand{margin-bottom:0;max-width:260px;flex-shrink:0;}
  .snkrr-footer__cols{flex:1;}
}
.snkrr-footer__col-h{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:rgba(255,255,255,0.5);margin:0 0 20px;
}
.snkrr-footer__col ul{list-style:none;margin:0;padding:0;}
.snkrr-footer__col li{margin-bottom:12px;font-size:14px;color:rgba(255,255,255,0.85);}
.snkrr-footer__col a{
  color:rgba(255,255,255,0.85);text-decoration:none;
  transition:color .12s ease;
}
.snkrr-footer__col a:hover{color:var(--snkrr-lime);}
.snkrr-footer__visit li{color:rgba(255,255,255,0.6);}
.snkrr-footer__visit a{color:rgba(255,255,255,0.85);}

.snkrr-footer__bottom{
  border-top:1px solid rgba(255,255,255,0.08);
  padding:28px 24px;
}
.snkrr-footer__bottom-inner{
  display:flex;flex-direction:column;gap:20px;
  align-items:center;text-align:center;
}
@media (min-width:750px){
  .snkrr-footer__bottom-inner{flex-direction:row;justify-content:space-between;text-align:left;}
}
.snkrr-footer__copy{
  font-size:12px;color:rgba(255,255,255,0.5);margin:0;
  letter-spacing:0.5px;
}
.snkrr-footer__pay{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.snkrr-footer__pay-icon{height:20px;width:auto;opacity:0.85;}

/* ============================================================
   HERO IMAGE TREATMENT — image on top, text below, no overlap
   ============================================================ */
.snkrr-hero--image{
  display:block !important;
  align-items:stretch !important;
  min-height:auto !important;
  padding:0 !important;
  background:var(--snkrr-black);
  overflow:hidden;
}
.snkrr-hero--image .snkrr-hero__bg{
  position:relative !important;
  display:block;width:100%;
  padding-bottom:56.25%; /* 16:9 = exact image ratio, no crop on mobile */
  opacity:1;
  background-position:center;background-repeat:no-repeat;background-size:cover;
}
.snkrr-hero--image .snkrr-hero__scrim{display:none !important;}
.snkrr-hero--image .snkrr-hero__inner{
  position:relative;z-index:2;
  margin-top:0 !important;
  padding:48px 24px 72px !important;
  background:var(--snkrr-black);
  max-width:760px;margin-left:auto;margin-right:auto;
}
.snkrr-hero--image .snkrr-hero__eyebrow{margin-bottom:16px;}
.snkrr-hero--image .snkrr-hero__h{font-size:42px;line-height:1.05;margin-bottom:16px;}
.snkrr-hero--image .snkrr-hero__sub{font-size:16px;margin-bottom:32px;max-width:480px;}

@media (min-width:750px){
  .snkrr-hero--image .snkrr-hero__bg{padding-bottom:56.25%;} /* 16:9 desktop */
  .snkrr-hero--image .snkrr-hero__inner{padding:64px 24px 96px !important;}
  .snkrr-hero--image .snkrr-hero__h{font-size:64px;}
  .snkrr-hero--image .snkrr-hero__sub{font-size:18px;}
}
@media (min-width:1100px){
  .snkrr-hero--image .snkrr-hero__bg{padding-bottom:48%;}
  .snkrr-hero--image .snkrr-hero__h{font-size:88px;}
}

/* ============================================================
   GLOBAL OVERRIDES — applied to every Dawn page (PDP, collection, cart, search, page)
   ============================================================ */

/* Body typography */
body{
  font-family:var(--snkrr-font) !important;
  color:var(--snkrr-text);
  background:var(--snkrr-white);
}
h1,h2,h3,h4,h5,h6,
.h0,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--snkrr-font) !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  color:var(--snkrr-text);
}
.h0{font-size:54px !important;line-height:1.05 !important;}
.h1{font-size:38px !important;line-height:1.1 !important;}
.h2{font-size:28px !important;line-height:1.15 !important;}
.h3{font-size:22px !important;line-height:1.2 !important;}
@media (min-width:900px){
  .h0{font-size:88px !important;}
  .h1{font-size:56px !important;}
  .h2{font-size:38px !important;}
}

/* ---------- Buttons (Dawn .button, .shopify-payment-button, etc) ---------- */
.button,
.shopify-payment-button__button,
.cart__update-button,
.cart__checkout-button{
  font-family:var(--snkrr-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  border-radius:999px !important;
  padding:14px 30px !important;
  min-height:auto !important;
  transition:transform .12s ease, background .12s ease, color .12s ease !important;
}
.button:not(.button--secondary):not(.button--tertiary),
.shopify-payment-button__button--unbranded,
.cart__checkout-button{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-black) !important;
}
.button:not(.button--secondary):not(.button--tertiary):hover,
.cart__checkout-button:hover{background:#222 !important;border-color:#222 !important;}
.button--secondary{
  background:transparent !important;
  color:var(--snkrr-black) !important;
  border:1.5px solid var(--snkrr-black) !important;
}
.button--secondary:hover{background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;}
.button--tertiary{
  background:transparent !important;
  border-bottom:1.5px solid var(--snkrr-text) !important;
  border-radius:0 !important;padding:6px 0 4px !important;
  color:var(--snkrr-text) !important;
  letter-spacing:2px !important;text-transform:uppercase !important;font-size:13px !important;
}

/* ---------- Product cards (collection, search, related) ---------- */
.card-wrapper{font-family:var(--snkrr-font);}
.card{border:1px solid var(--snkrr-line) !important;border-radius:16px !important;overflow:hidden;background:var(--snkrr-white) !important;transition:transform .15s ease, box-shadow .15s ease;}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);}
.card__inner{border-radius:16px 16px 0 0 !important;}
.card__content{padding:20px 16px !important;}
.card__heading{margin:0 0 4px !important;font-size:16px !important;font-weight:700 !important;letter-spacing:-0.01em !important;text-transform:uppercase;}
.card__heading a{color:var(--snkrr-text) !important;text-decoration:none !important;}
.card__heading a:hover{color:var(--snkrr-text) !important;}
.card-information{margin-top:8px !important;}
.price{font-family:var(--snkrr-font);font-weight:600;color:var(--snkrr-text);}
.price__regular .price-item--regular{font-size:15px !important;font-weight:600 !important;}
.price--on-sale .price-item--regular{color:var(--snkrr-muted) !important;font-weight:400 !important;}
.price--on-sale .price-item--sale{color:var(--snkrr-text) !important;}
.price__badge,.badge{
  background:var(--snkrr-lime) !important;color:var(--snkrr-black) !important;
  border:0 !important;border-radius:999px !important;
  font-size:11px !important;font-weight:700 !important;
  letter-spacing:1px !important;text-transform:uppercase !important;
  padding:4px 10px !important;
}

/* ---------- PDP ---------- */
.product{padding-top:48px;padding-bottom:96px;}
.product__title h1,
.product__title .h1{font-size:32px !important;line-height:1.1 !important;letter-spacing:-0.02em !important;font-weight:800 !important;text-transform:uppercase !important;margin-bottom:8px !important;}
.product__description{font-size:16px;line-height:1.6;color:var(--snkrr-text);margin-top:24px;}
.product-form__buttons{display:flex;gap:12px;flex-direction:column;}
.product-form__submit{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;
  border-radius:999px !important;border:1.5px solid var(--snkrr-black) !important;
  padding:16px 32px !important;font-weight:600 !important;font-size:15px !important;
  letter-spacing:0.01em !important;text-transform:none !important;
}
.product-form__submit:hover{background:#222 !important;}
.product__info-container{padding-top:24px;}
.product-form__quantity .quantity__button,
.quantity__button{background:transparent !important;border:1px solid var(--snkrr-line) !important;color:var(--snkrr-text) !important;}
.quantity{border:1px solid var(--snkrr-line) !important;border-radius:999px !important;overflow:hidden;}
.quantity__input{font-family:var(--snkrr-font) !important;font-weight:600 !important;}
.product__media-wrapper{border-radius:16px;overflow:hidden;}
.product__tax{font-size:13px;color:var(--snkrr-muted);}
.product__media .media{border-radius:16px;}

/* Variant pickers as pill buttons */
.product-form__input--pill input[type=radio]+label,
.product-form__input input[type=radio]+label{
  border-radius:999px !important;border:1.5px solid var(--snkrr-line) !important;
  padding:10px 22px !important;font-weight:600 !important;font-size:14px !important;
  color:var(--snkrr-text) !important;background:var(--snkrr-white) !important;
}
.product-form__input input[type=radio]:checked+label{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;border-color:var(--snkrr-black) !important;
}

/* ---------- Collection pages ---------- */
.collection-hero{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;padding:64px 24px !important;text-align:center;}
.collection-hero__title{font-size:48px !important;font-weight:800 !important;letter-spacing:-0.02em !important;}
.collection-hero__description{font-size:16px;color:var(--snkrr-muted);max-width:560px;margin:16px auto 0;}
.collection .product-grid,
.collection-grid{gap:24px !important;}
.facets__wrapper,.facets-vertical-form,
.facets-container{font-family:var(--snkrr-font);}
.facet-checkbox label,.facet-filters__label{font-size:14px !important;}
.product-grid-container .collection .button{padding:10px 20px !important;}

/* ---------- Forms / inputs ---------- */
.field__input,.select__select,
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=password],textarea{
  font-family:var(--snkrr-font) !important;
  font-size:15px !important;
  border-radius:999px !important;
  border:1.5px solid var(--snkrr-line) !important;
  padding:14px 20px !important;
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
}
textarea{border-radius:16px !important;}
.field__input:focus,input:focus,textarea:focus{border-color:var(--snkrr-text) !important;outline:none !important;box-shadow:none !important;}
.field__label{font-size:13px !important;color:var(--snkrr-muted) !important;letter-spacing:0.5px;}

/* ---------- Cart drawer ---------- */
.drawer__inner,.cart-drawer{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;font-family:var(--snkrr-font);}
.drawer__header,.cart-drawer__header{border-bottom:1px solid var(--snkrr-line) !important;padding:20px 24px !important;}
.drawer__heading,.cart-drawer__heading{font-size:18px !important;font-weight:800 !important;letter-spacing:-0.01em !important;text-transform:uppercase;}
.drawer__close{color:var(--snkrr-text) !important;}
.cart-item__name{font-size:14px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:-0.01em !important;color:var(--snkrr-text) !important;}
.cart-item__details .product-option{font-size:13px;color:var(--snkrr-muted);}
.totals__total{font-size:16px !important;font-weight:700 !important;}
.cart-drawer__footer,.drawer__footer{padding:20px 24px !important;background:var(--snkrr-white) !important;border-top:1px solid var(--snkrr-line) !important;}

/* ---------- Page templates (about, contact, services) ---------- */
.page{padding:80px 24px !important;font-family:var(--snkrr-font);max-width:760px;margin:0 auto;}
.page h1,.page .h1{font-size:48px !important;margin-bottom:24px !important;letter-spacing:-0.02em !important;font-weight:800 !important;}
.page p,.page li{font-size:17px;line-height:1.6;color:var(--snkrr-text);}
.page h2{font-size:28px !important;margin-top:48px !important;}

/* ---------- Article / blog ---------- */
.article{padding:80px 24px !important;max-width:760px;margin:0 auto;font-family:var(--snkrr-font);}
.article__title{font-size:48px !important;letter-spacing:-0.02em !important;font-weight:800 !important;}
.article__content{font-size:17px;line-height:1.7;}

/* ---------- Logo styling (image logo via Shopify settings) ---------- */
.header__heading-logo,.header__heading-logo img{max-height:36px;width:auto;}
@media (min-width:990px){.header__heading-logo,.header__heading-logo img{max-height:42px;}}

/* ---------- Generic links ---------- */
a{transition:color .12s ease;}
.text-link,a.link,.link{color:var(--snkrr-text) !important;text-decoration:none !important;border-bottom:1.5px solid var(--snkrr-text) !important;padding-bottom:2px;font-weight:600;}
.text-link:hover,.link:hover{color:var(--snkrr-text) !important;border-color:var(--snkrr-lime) !important;}

/* ---------- Section paddings (Dawn defaults are tight; give breathing room) ---------- */
.section-template--main-product,
.shopify-section--main-product{background:var(--snkrr-white);}
.search,.search__input-wrapper{font-family:var(--snkrr-font);}
.shopify-section--apps:empty{display:none;}

/* ---------- Color contrast fixes — keep dark-background text white ---------- */
.snkrr-hero,
.snkrr-hero h1,.snkrr-hero h2,.snkrr-hero h3,
.snkrr-hero .snkrr-hero__h,
.snkrr-hero .snkrr-hero__sub,
.snkrr-hero .snkrr-hero__eyebrow,
.snkrr-bb--dark,.snkrr-bb--dark h1,.snkrr-bb--dark h2,.snkrr-bb--dark h3,
.snkrr-fs--dark,.snkrr-fs--dark h1,.snkrr-fs--dark h2,.snkrr-fs--dark h3,
.snkrr-news,.snkrr-news h1,.snkrr-news h2,.snkrr-news h3,
.snkrr-news .snkrr-news__h,
.snkrr-footer,.snkrr-footer h1,.snkrr-footer h2,.snkrr-footer h3,
.color-inverse h1,.color-inverse h2,.color-inverse h3,
.color-inverse{color:var(--snkrr-white) !important;}
.snkrr-bb--dark .snkrr-bb__h,
.snkrr-fs--dark .snkrr-bb__h{color:var(--snkrr-white) !important;}
.snkrr-hero__eyebrow{color:var(--snkrr-lime) !important;}

/* ---------- Force light backgrounds on Dawn content areas ---------- */
.main-content,
.shopify-section--main-product,
.shopify-section--main-collection,
.shopify-section--main-cart-items,
.shopify-section--main-cart-footer,
.shopify-section--main-page,
.shopify-section--main-search,
.shopify-section--main-blog,
.shopify-section--main-article,
.shopify-section--related-products,
.section-template--main-collection,
.section-template--main-product,
.section-template--main-cart,
.section-template--main-page,
.section-template--main-search,
.color-background-1,
.color-background-2{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
}
.shopify-section--main-product *:not(.snkrr-btn):not(.button):not(.shopify-payment-button__button):not(.cart__checkout-button):not(.snkrr-footer):not(.snkrr-footer *),
.shopify-section--main-collection *:not(.snkrr-btn):not(.button):not(.shopify-payment-button__button):not(.cart__checkout-button):not(.snkrr-footer):not(.snkrr-footer *){
  color:inherit;
}
/* Product description and metafield text should be readable */
.product__description,
.product__description p,
.product__description li,
.product__description span,
.product__info-container p,
.product__info-container li{color:var(--snkrr-text) !important;}
.product__tax,.shipping-policy{color:var(--snkrr-muted) !important;}

/* Force the body to white */
body{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;}




/* ============================================================
   CART DRAWER (the slide-out from header cart icon)
   ============================================================ */
cart-drawer,
.cart-drawer,
.cart-drawer__inner,
.drawer__inner{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
  font-family:var(--snkrr-font) !important;
}
.cart-drawer__overlay,.drawer__overlay{background:rgba(0,0,0,0.5) !important;}
.cart-drawer__header,
.drawer__header{
  background:var(--snkrr-white) !important;
  border-bottom:1px solid var(--snkrr-line) !important;
  padding:20px 24px !important;
}
.cart-drawer__heading,
.drawer__heading,
.cart-drawer__empty-content h2{
  font-size:20px !important;font-weight:800 !important;
  letter-spacing:-0.01em !important;
  text-transform:uppercase !important;color:var(--snkrr-text) !important;
}
.cart-drawer__close,
.drawer__close{color:var(--snkrr-text) !important;background:transparent !important;}
.cart-drawer .cart-item,
.cart-items .cart-item{border-bottom:1px solid var(--snkrr-line) !important;padding:16px 0 !important;}
.cart-drawer .cart-item__name,
.cart-items .cart-item__name{font-size:14px !important;font-weight:700 !important;text-transform:uppercase !important;color:var(--snkrr-text) !important;text-decoration:none !important;}
.cart-drawer .cart-item__details .product-option,
.cart-items .cart-item__details .product-option{font-size:13px;color:var(--snkrr-muted) !important;}
.cart-drawer .cart-item__price,
.cart-items .cart-item__price,
.cart-drawer .totals__total,
.cart-items .totals__total{font-weight:700 !important;color:var(--snkrr-text) !important;}
.cart-drawer .quantity,
.cart-items .quantity{border:1px solid var(--snkrr-line) !important;border-radius:999px !important;}
.cart-drawer__footer,
.drawer__footer{background:var(--snkrr-white) !important;border-top:1px solid var(--snkrr-line) !important;padding:20px 24px !important;}
.cart-drawer .totals{color:var(--snkrr-text) !important;}
.cart-drawer .cart__checkout-button,
.cart-drawer .cart-drawer__checkout,
.cart__checkout-button{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;
  border-radius:999px !important;border:1.5px solid var(--snkrr-black) !important;
  padding:16px 32px !important;width:100% !important;
  font-weight:600 !important;font-size:15px !important;
  text-transform:none !important;letter-spacing:0.01em !important;
}
.cart-drawer .cart-drawer__continue,
.cart-drawer__empty-content .button{
  background:transparent !important;color:var(--snkrr-black) !important;
  border:1.5px solid var(--snkrr-black) !important;
  border-radius:999px !important;
}
.cart-drawer__empty-content{padding:48px 24px !important;text-align:center;}

/* ============================================================
   CUSTOMER ACCOUNT pages (login, register, addresses, orders)
   ============================================================ */
.customer,
.customer__page,
.shopify-section--main-account,
.shopify-section--main-login,
.shopify-section--main-register,
.shopify-section--main-addresses,
.shopify-section--main-order,
.shopify-section--main-reset-password,
.shopify-section--main-activate-account{
  background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;
  padding:64px 24px !important;
  max-width:760px;margin:0 auto;
}
.customer h1,
.customer h2,
.customer__title{font-size:36px !important;font-weight:800 !important;letter-spacing:-0.02em !important;margin-bottom:24px !important;}
.customer .field{margin-bottom:16px !important;}
.customer .button{margin-top:16px !important;}

/* ============================================================
   SEARCH page
   ============================================================ */
.shopify-section--main-search,
.template-search{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;padding:64px 24px !important;}
.search__title{font-size:36px !important;font-weight:800 !important;letter-spacing:-0.02em !important;margin-bottom:24px !important;}
.search__input{
  font-family:var(--snkrr-font) !important;
  border-radius:999px !important;border:1.5px solid var(--snkrr-line) !important;
  padding:14px 20px !important;
}
.predictive-search{background:var(--snkrr-white) !important;border:1px solid var(--snkrr-line) !important;border-radius:16px !important;color:var(--snkrr-text) !important;}
.predictive-search__heading{color:var(--snkrr-muted) !important;font-size:11px !important;letter-spacing:2px !important;text-transform:uppercase !important;}

/* ============================================================
   404 / not-found
   ============================================================ */
.template-404,
.shopify-section--main-404,
.section-template--404{
  background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;
  padding:120px 24px !important;text-align:center;
  min-height:60vh;
}
.template-404 .title,
.template-404 h1{font-size:64px !important;font-weight:800 !important;letter-spacing:-0.03em !important;margin-bottom:16px !important;}
.template-404 .subtext{font-size:18px;color:var(--snkrr-muted);margin-bottom:32px;}

/* ============================================================
   GLOBAL CONTRAST SAFETY — guarantee text is readable on backgrounds
   ============================================================ */
/* Light backgrounds → dark text */
.color-background-1,
.color-background-2,
.color-accent-1,
.color-accent-2,
[class*="background-1"],
[class*="background-2"]{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
}
.color-background-1 h1,.color-background-1 h2,.color-background-1 h3,
.color-background-1 p,.color-background-1 li,.color-background-1 span,
.color-background-2 h1,.color-background-2 h2,.color-background-2 h3,
.color-background-2 p,.color-background-2 li,.color-background-2 span{color:var(--snkrr-text) !important;}

/* Dark backgrounds → white text */
.color-inverse,
.color-inverse h1,.color-inverse h2,.color-inverse h3,
.color-inverse p,.color-inverse li,.color-inverse span,
.color-inverse .h0,.color-inverse .h1,.color-inverse .h2,.color-inverse .h3{
  background:var(--snkrr-black);
  color:var(--snkrr-white) !important;
}

/* Buttons must always have contrasting fill */
.snkrr-btn--primary{background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;border-color:var(--snkrr-black) !important;}
.snkrr-btn--secondary{background:transparent !important;color:var(--snkrr-black) !important;border-color:var(--snkrr-black) !important;}
.snkrr-bb--dark .snkrr-btn--primary,
.snkrr-fs--dark .snkrr-btn--primary,
.snkrr-hero .snkrr-btn--primary{background:var(--snkrr-white) !important;color:var(--snkrr-black) !important;border-color:var(--snkrr-white) !important;}
.snkrr-bb--dark .snkrr-btn--secondary,
.snkrr-fs--dark .snkrr-btn--secondary,
.snkrr-hero .snkrr-btn--secondary{background:transparent !important;color:var(--snkrr-white) !important;border-color:var(--snkrr-white) !important;}

/* Quick-add and product card buttons readable */
.quick-add__submit,
.card-wrapper .button,
.card-wrapper .quick-add__submit{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;
  border-color:var(--snkrr-black) !important;
}

/* Links inside dark blocks should be visible */
.snkrr-news a,.snkrr-footer a,
.color-inverse a:not(.button):not(.snkrr-btn){color:var(--snkrr-lime) !important;}

/* Form inputs always white background */
input,textarea,select,.field__input,.select__select{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;}
.snkrr-news__form input{background:transparent !important;color:var(--snkrr-white) !important;}
.snkrr-news__form input::placeholder{color:rgba(255,255,255,0.5) !important;}

/* Modals/popovers default to light */
.modal__content,.popover{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;}

/* Last resort: any "color-*" container that hasn't been classified */
[class*="color-"]:not([class*="inverse"]){background:var(--snkrr-white);color:var(--snkrr-text);}

/* ---------- Cart drawer stacking — inner above the dark overlay ---------- */
cart-drawer .drawer__inner,
cart-drawer .cart-drawer__inner,
.cart-drawer__inner,
.drawer__inner{position:relative !important;z-index:2 !important;}
cart-drawer .drawer__overlay,
cart-drawer .cart-drawer__overlay,
.cart-drawer__overlay,
.drawer__overlay{z-index:1 !important;}

/* ---------- Cart drawer empty-state — Dawn defaults rgb(18,18,18) which clashes ---------- */
.drawer__inner-empty,
.cart-drawer__warnings,
.cart-drawer__warnings--empty,
.cart-drawer .cart__empty-text,
.cart__empty-text{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
}
.cart__empty-text{
  font-size:24px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:-0.01em !important;
  margin-bottom:24px !important;
}
.cart-drawer__warnings{padding:64px 24px !important;text-align:center !important;}
.cart-drawer__warnings .cart-drawer__login-title,
.cart-drawer__warnings .button,
.cart-drawer__warnings p{color:var(--snkrr-text) !important;}
.cart-drawer__warnings .button{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;
  border-color:var(--snkrr-black) !important;border-radius:999px !important;
  padding:14px 30px !important;
}

/* ============================================================
   STAGE 2 CONTRAST FIXES — header black, dark-section text white
   ============================================================ */

/* ---------- Header: BLACK with white text/icons (lime logo pops) ---------- */
.shopify-section-group-header-group .header-wrapper,
.shopify-section-group-header-group .header,
.header-wrapper{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:0 !important;box-shadow:0 1px 0 rgba(255,255,255,0.08) !important;
}
.header__heading-link,
.header__menu-item,
.header__inline-menu .list-menu__item,
.header__icon,
.header__icon--cart,
.header summary{color:var(--snkrr-white) !important;}
.header svg{color:var(--snkrr-white) !important;fill:var(--snkrr-white) !important;}
.header__icon path,.header__icon line,.header__icon polyline,.header__icon circle{stroke:var(--snkrr-white) !important;}
.header__icon--cart .cart-count-bubble{background:var(--snkrr-lime) !important;color:var(--snkrr-black) !important;}
.header__inline-menu a:hover,.header__menu-item:hover{color:var(--snkrr-lime) !important;}

/* Mobile menu (drawer) — also dark */
.menu-drawer,
.menu-drawer__inner-container,
.menu-drawer__navigation,
.menu-drawer__menu{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
}
.menu-drawer .menu-drawer__menu-item,
.menu-drawer a{color:var(--snkrr-white) !important;}
.menu-drawer a:hover{color:var(--snkrr-lime) !important;}

/* ---------- X-Rated and other dark feature stripes — ALL text white ---------- */
.snkrr-fs--dark,
.snkrr-fs--dark *:not(.snkrr-btn):not(.snkrr-btn *),
.snkrr-bb--dark,
.snkrr-bb--dark *:not(.snkrr-btn):not(.snkrr-btn *),
.snkrr-hero,
.snkrr-hero *:not(.snkrr-btn):not(.snkrr-btn *){
  color:var(--snkrr-white) !important;
}
.snkrr-fs--dark .snkrr-bb__h,
.snkrr-fs--dark .snkrr-bb__sub,
.snkrr-fs--dark .snkrr-bb__eyebrow,
.snkrr-fs--dark h1,.snkrr-fs--dark h2,.snkrr-fs--dark h3,
.snkrr-fs--dark p,.snkrr-fs--dark span,.snkrr-fs--dark li,
.snkrr-bb--dark .snkrr-bb__h,
.snkrr-bb--dark .snkrr-bb__sub,
.snkrr-bb--dark h1,.snkrr-bb--dark h2,.snkrr-bb--dark h3,
.snkrr-bb--dark p,.snkrr-bb--dark span,.snkrr-bb--dark li{
  color:var(--snkrr-white) !important;
}
/* Eyebrows on dark bg are lime (accent) */
.snkrr-fs--dark .snkrr-bb__eyebrow,
.snkrr-bb--dark .snkrr-bb__eyebrow,
.snkrr-hero .snkrr-hero__eyebrow{
  color:var(--snkrr-lime) !important;
}
/* Sub copy on dark = slightly muted white, not pure */
.snkrr-fs--dark .snkrr-bb__sub,
.snkrr-bb--dark .snkrr-bb__sub,
.snkrr-hero .snkrr-hero__sub{
  color:rgba(255,255,255,0.75) !important;
}

/* ---------- Newsletter section — text white, sub muted ---------- */
.snkrr-news,
.snkrr-news *:not(input):not(button){color:var(--snkrr-white) !important;}
.snkrr-news h1,.snkrr-news h2,.snkrr-news h3,
.snkrr-news .snkrr-news__h{color:var(--snkrr-white) !important;}
.snkrr-news .snkrr-news__sub,
.snkrr-news p{color:rgba(255,255,255,0.75) !important;}
.snkrr-news input[type="email"]{
  background:transparent !important;
  color:var(--snkrr-white) !important;
  border-color:rgba(255,255,255,0.3) !important;
}
.snkrr-news input[type="email"]::placeholder{color:rgba(255,255,255,0.55) !important;}
.snkrr-news button{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border:0 !important;
}

/* ---------- Footer — text white, muted for tagline ---------- */
.snkrr-footer,
.snkrr-footer *:not(.snkrr-footer__pay-icon){color:var(--snkrr-white) !important;}
.snkrr-footer .snkrr-footer__tagline,
.snkrr-footer .snkrr-footer__copy,
.snkrr-footer .snkrr-footer__col-h{color:rgba(255,255,255,0.6) !important;}
.snkrr-footer .snkrr-footer__col li{color:rgba(255,255,255,0.85) !important;}
.snkrr-footer .snkrr-footer__col a,
.snkrr-footer .snkrr-footer__visit a,
.snkrr-footer .snkrr-footer__social a{color:rgba(255,255,255,0.85) !important;}
.snkrr-footer .snkrr-footer__col a:hover,
.snkrr-footer .snkrr-footer__visit a:hover,
.snkrr-footer .snkrr-footer__social a:hover{color:var(--snkrr-lime) !important;}
.snkrr-footer .snkrr-footer__visit li{color:rgba(255,255,255,0.6) !important;}
.snkrr-footer .snkrr-footer__logo{color:var(--snkrr-white) !important;}

/* Generic dark color scheme override: any element with class color-inverse */
.color-inverse,.color-inverse *:not(input):not(button):not(.snkrr-btn):not(.snkrr-btn *){color:var(--snkrr-white) !important;}
.color-inverse{background:var(--snkrr-black) !important;}

/* ============================================================
   HEADER REFINEMENT — compact, vertically centered, tighter spacing
   ============================================================ */
.header-wrapper{padding:0 !important;}
.header{
  padding-top:10px !important;
  padding-bottom:10px !important;
  align-items:center !important;
  grid-template-rows:auto !important;
  min-height:64px !important;
}
@media (min-width:990px){
  .header{
    padding-top:12px !important;
    padding-bottom:12px !important;
    min-height:72px !important;
  }
}


/* Heading link: keep flex-aligned */
.header__heading-link,
.header__heading{display:inline-flex !important;align-items:center !important;line-height:1 !important;margin:0 !important;padding:0 !important;}

/* Inline menu: tighter padding between items */
.header__inline-menu{align-items:center !important;}
.header__inline-menu .list-menu{gap:0 !important;align-items:center !important;}
.header__menu-item,
.header__inline-menu .list-menu__item .header__menu-item,
.header__inline-menu .header__menu-item{
  padding:6px 14px !important;
  font-size:12px !important;
  letter-spacing:1.5px !important;
  line-height:1.2 !important;
  height:auto !important;
}
@media (min-width:990px){
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item{
    padding:8px 16px !important;
    font-size:13px !important;
  }
}

/* Header icons (search, account, cart) tighter */
.header__icons{align-items:center !important;gap:4px !important;}
.header__icon{padding:8px !important;}
.header__icon svg{width:20px !important;height:20px !important;}

/* Mega menu dropdown panel — black bg, white text */
.mega-menu__content,
.mega-menu .mega-menu__list,
header-menu .header__submenu,
.header__submenu{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,0.1) !important;
  box-shadow:0 8px 32px rgba(0,0,0,0.4) !important;
}
.mega-menu__link,.header__submenu a{
  color:var(--snkrr-white) !important;
  font-size:13px !important;
  padding:8px 16px !important;
}
.mega-menu__link:hover,.header__submenu a:hover{color:var(--snkrr-lime) !important;}


/* ---------- Logo: FULL_LOGO file (sneaker-in-martini-glass + SNKRR)
   Source 1208x1050 — content fills the whole canvas with only 8% empty at TOP.
   The earlier clip-path was clipping 22% off the BOTTOM (real content).
   Fix: no clip-path, object-position:bottom anchors content properly. ---------- */
.header__heading-logo,
.header__heading-logo-wrapper img,
.header__heading-link img,
img.header__heading-logo{
  max-height:50px !important;
  height:auto !important;
  width:auto !important;
  max-width:64px !important;
  object-fit:contain !important;
  object-position:bottom !important;
  clip-path:none !important;
  margin:0 !important;
}
@media (min-width:750px){
  .header__heading-logo,
  .header__heading-logo-wrapper img,
  .header__heading-link img,
  img.header__heading-logo{max-height:58px !important;max-width:74px !important;}
}
@media (min-width:990px){
  .header__heading-logo,
  .header__heading-logo-wrapper img,
  .header__heading-link img,
  img.header__heading-logo{max-height:66px !important;max-width:84px !important;}
}

/* ---------- Menu items: tighter, properly aligned ---------- */
.header__inline-menu{align-items:center !important;}
.header__inline-menu .list-menu,
.header__inline-menu ul{
  display:flex !important;
  gap:0 !important;
  align-items:center !important;
  list-style:none !important;
  margin:0 !important;padding:0 !important;
}
.header__menu-item,
.header__inline-menu .list-menu__item .header__menu-item,
.header__inline-menu .header__menu-item,
header-menu .list-menu__item > a,
header-menu .list-menu__item > details > summary{
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:1.2px !important;
  line-height:1.2 !important;
  height:auto !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
@media (min-width:990px){
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item{
    padding:10px 14px !important;
    font-size:13px !important;
  }
}

/* ---------- Menu items: more breathing room ---------- */
.header__inline-menu .list-menu,
.header__inline-menu ul{
  gap:16px !important;
}
.header__menu-item,
.header__inline-menu .list-menu__item .header__menu-item,
.header__inline-menu .header__menu-item,
header-menu .list-menu__item > a,
header-menu .list-menu__item > details > summary{
  padding:10px 8px !important;
}
@media (min-width:990px){
  .header__inline-menu .list-menu,
  .header__inline-menu ul{gap:24px !important;}
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item{
    padding:12px 8px !important;
  }
}

/* ============================================================
   TYPOGRAPHY UPGRADE — Inter (premium, geometric sans-serif)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --snkrr-font:'Inter','-apple-system',BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  --font-heading-family:'Inter',sans-serif !important;
  --font-body-family:'Inter',sans-serif !important;
}

/* Force Inter everywhere that uses Dawn font variables */
body,
.header,
.header__menu-item,
.header__inline-menu,
.announcement-bar,
.announcement-bar__announcement,
.announcement-bar a,
button,input,textarea,select,
h1,h2,h3,h4,h5,h6,
.h0,.h1,.h2,.h3,.h4,.h5,.h6,
.card,.card-wrapper,
.product__title,.product__title h1,
.button,.snkrr-btn,
.snkrr-footer,.snkrr-news,.snkrr-hero,
.snkrr-bb,.snkrr-fs,.snkrr-trio,.snkrr-row,.snkrr-q{
  font-family:var(--snkrr-font) !important;
}

/* Slightly tighter letter-spacing on Inter for premium feel */
h1,h2,h3,.h0,.h1,.h2,.h3,
.snkrr-hero__h,.snkrr-bb__h,
.product__title h1{letter-spacing:-0.025em !important;}

/* ============================================================
   DROPDOWN CARET — inline next to text, no overlap
   ============================================================ */
.header__menu-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
.header__menu-item .icon-caret,
.header__menu-item svg.icon-caret,
.header__menu-item > svg,
header-menu summary svg,
header-menu summary .icon-caret{
  position:static !important;
  display:inline-block !important;
  width:10px !important;
  height:6px !important;
  vertical-align:middle !important;
  margin:0 !important;
  flex-shrink:0 !important;
}
/* Remove any absolute positioning that Dawn applied */
.header__menu-item,
.header__inline-menu .list-menu__item summary,
.header__inline-menu .list-menu__item .header__menu-item{
  position:relative !important;
}

/* If summary itself needs to flex */
.header__inline-menu summary,
header-menu summary{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  cursor:pointer !important;
  list-style:none !important;
}
.header__inline-menu summary::-webkit-details-marker,
header-menu summary::-webkit-details-marker{display:none !important;}

/* ============================================================
   PREMIUM MENU SYSTEM — animated underline, refined type, polished interactions
   ============================================================ */

/* Refined header overall */
.header{
  padding-top:14px !important;
  padding-bottom:14px !important;
  min-height:72px !important;
}
@media (min-width:990px){
  .header{
    padding-top:18px !important;
    padding-bottom:18px !important;
    min-height:80px !important;
  }
}

/* Menu items: refined typography */
.header__menu-item,
.header__inline-menu .list-menu__item .header__menu-item,
.header__inline-menu .header__menu-item,
header-menu .list-menu__item > a,
header-menu .list-menu__item > details > summary{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:14px 2px !important;
  font-family:'Inter',sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:2.5px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,0.85) !important;
  text-decoration:none !important;
  background:transparent !important;
  transition:color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
@media (min-width:990px){
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item{
    font-size:12px !important;
    letter-spacing:2.5px !important;
    padding:16px 2px !important;
  }
}

/* Animated underline indicator on hover */
.header__menu-item::after,
.header__inline-menu .list-menu__item .header__menu-item::after,
header-menu .list-menu__item > a::after,
header-menu .list-menu__item > details > summary::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:6px !important;
  height:1.5px !important;
  background:var(--snkrr-lime) !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  transition:transform 0.35s cubic-bezier(0.65, 0, 0.35, 1) !important;
  border:0 !important;
  pointer-events:none !important;
}
.header__menu-item:hover,
.header__inline-menu .list-menu__item:hover .header__menu-item,
header-menu .list-menu__item:hover > a,
header-menu .list-menu__item:hover > details > summary,
.header__menu-item:focus-visible{color:var(--snkrr-lime) !important;}
.header__menu-item:hover::after,
.header__inline-menu .list-menu__item:hover .header__menu-item::after,
header-menu .list-menu__item:hover > a::after,
header-menu .list-menu__item:hover > details > summary::after,
.header__menu-item:focus-visible::after{transform:scaleX(1) !important;}

/* Active page indicator (subtle persistent underline at half-width) */
.header__active-menu-item::after,
.header__menu-item[aria-current]::after{
  transform:scaleX(0.4) !important;
  background:var(--snkrr-lime) !important;
}

/* Gap between menu items: more breathing, premium */
.header__inline-menu .list-menu,
.header__inline-menu ul{
  display:flex !important;
  gap:36px !important;
  align-items:center !important;
  list-style:none !important;
  margin:0 !important;padding:0 !important;
}
@media (min-width:1280px){
  .header__inline-menu .list-menu,
  .header__inline-menu ul{gap:44px !important;}
}

/* Caret refinement: smaller, animated rotation on open */
.header__menu-item .icon-caret,
.header__menu-item svg.icon-caret,
.header__menu-item > svg,
header-menu summary svg,
header-menu summary .icon-caret{
  width:8px !important;
  height:8px !important;
  margin:0 0 0 4px !important;
  display:inline-block !important;
  vertical-align:middle !important;
  flex-shrink:0 !important;
  transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  color:currentColor !important;
}
.header__menu-item[aria-expanded="true"] svg,
header-menu details[open] summary svg,
header-menu details[open] summary .icon-caret{
  transform:rotate(180deg) !important;
}

/* Hide default summary marker */
.header__inline-menu summary::-webkit-details-marker,
header-menu summary::-webkit-details-marker,
summary.header__menu-item::-webkit-details-marker{display:none !important;}
.header__inline-menu summary,
header-menu summary{list-style:none !important;cursor:pointer !important;}

/* ============================================================
   HEADER ICONS — polished, with hover state
   ============================================================ */
.header__icons{
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
}
.header__icon,
.header__icon--cart,
.header__icon--menu,
.header__icon--account,
.header__icon--search{
  padding:12px !important;
  color:rgba(255,255,255,0.85) !important;
  background:transparent !important;
  border-radius:999px !important;
  transition:color 0.2s ease, background 0.2s ease !important;
}
.header__icon:hover,
.header__icon--cart:hover,
.header__icon--search:hover,
.header__icon--account:hover{
  color:var(--snkrr-white) !important;
  background:rgba(255,255,255,0.06) !important;
}
.header__icon svg{
  width:18px !important;
  height:18px !important;
  stroke-width:1.5 !important;
}
@media (min-width:990px){
  .header__icon svg{width:20px !important;height:20px !important;}
}
.header__icon--cart .cart-count-bubble{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important;
  font-size:10px !important;
  letter-spacing:0 !important;
  min-width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  padding:0 5px !important;
}

/* ============================================================
   ANNOUNCEMENT BAR — refined premium
   ============================================================ */
.announcement-bar,
.utility-bar,
.shopify-section-group-header-group .announcement-bar{
  background:var(--snkrr-black) !important;
  border:0 !important;
  padding:0 !important;
}
.announcement-bar__announcement,
.announcement-bar a,
.announcement-bar p{
  font-family:'Inter',sans-serif !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:3px !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,0.9) !important;
  padding:12px 16px !important;
  text-decoration:none !important;
}
@media (min-width:990px){
  .announcement-bar__announcement,
  .announcement-bar a{
    font-size:11px !important;
    letter-spacing:3.5px !important;
    padding:14px 16px !important;
  }
}
.announcement-bar a:hover{color:var(--snkrr-lime) !important;}
.announcement-bar svg{width:12px !important;height:12px !important;margin-left:6px !important;vertical-align:middle !important;}

/* Slideshow nav arrows in announcement bar */
.announcement-bar .slider-button,
.announcement-bar button{
  color:rgba(255,255,255,0.5) !important;
  background:transparent !important;
  border:0 !important;
}
.announcement-bar .slider-button:hover{color:var(--snkrr-white) !important;}

/* ============================================================
   MEGA-MENU / DROPDOWN PANEL — premium dark with accent
   ============================================================ */
.mega-menu__content,
.mega-menu,
.header__submenu,
header-menu .header__submenu,
.menu-drawer__menu,
.menu-drawer__navigation{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 24px 64px rgba(0,0,0,0.5) !important;
  padding:32px 24px !important;
  font-family:'Inter',sans-serif !important;
}
@media (min-width:990px){
  .mega-menu__content,
  header-menu .header__submenu{padding:48px 32px !important;}
}
.mega-menu__link,
.header__submenu a,
.menu-drawer__menu-item{
  color:rgba(255,255,255,0.8) !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:0.5px !important;
  text-transform:none !important;
  padding:10px 0 !important;
  text-decoration:none !important;
  border:0 !important;
  transition:color 0.2s ease, padding-left 0.2s ease !important;
}
.mega-menu__link:hover,
.header__submenu a:hover,
.menu-drawer__menu-item:hover{
  color:var(--snkrr-lime) !important;
  padding-left:8px !important;
}
.mega-menu__link--level-2{
  font-size:11px !important;
  letter-spacing:2.5px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  color:var(--snkrr-white) !important;
  padding-bottom:16px !important;
  margin-bottom:8px !important;
  border-bottom:1px solid rgba(255,255,255,0.1) !important;
}

/* Underline below header menu line */
.header-wrapper{border-bottom:0 !important;}
.header--has-line{box-shadow:0 1px 0 rgba(255,255,255,0.06) !important;}

/* Sticky header subtle shadow */
.shopify-section-header-sticky .header-wrapper,
.shopify-section-header-hidden .header-wrapper{
  box-shadow:0 4px 24px rgba(0,0,0,0.5) !important;
}

/* ============================================================
   MOBILE MENU DRAWER — premium dark with refined typography
   ============================================================ */
.menu-drawer,
.menu-drawer__inner-container,
.menu-drawer__navigation,
.menu-drawer__menu,
menu-drawer{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  font-family:'Inter',sans-serif !important;
}
.menu-drawer{padding:24px !important;}
.menu-drawer__menu li{border-bottom:1px solid rgba(255,255,255,0.08) !important;}
.menu-drawer__menu-item,
.menu-drawer__menu a,
.menu-drawer__submenu a{
  color:var(--snkrr-white) !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  padding:20px 0 !important;
  background:transparent !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-decoration:none !important;
  transition:color 0.2s ease !important;
}
.menu-drawer__menu-item:hover,
.menu-drawer__menu a:hover{color:var(--snkrr-lime) !important;}
.menu-drawer__menu-item--active,
.menu-drawer__menu-item[aria-current]{color:var(--snkrr-lime) !important;}
.menu-drawer__submenu{background:var(--snkrr-black) !important;padding:8px 0 !important;}
.menu-drawer__submenu a{
  font-size:13px !important;
  letter-spacing:0.5px !important;
  text-transform:none !important;
  color:rgba(255,255,255,0.7) !important;
  padding:12px 0 12px 16px !important;
}
.menu-drawer__close-button,
.menu-drawer__close{color:var(--snkrr-white) !important;}
.menu-drawer__utility-links{
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  padding:24px 0 !important;
  margin-top:32px !important;
}
.menu-drawer__account a{color:var(--snkrr-white) !important;}

/* ============================================================
   SCROLL-TRIGGERED FADE-UP ANIMATIONS
   ============================================================ */
@keyframes snkrrFadeUp{
  from{opacity:0;transform:translateY(24px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes snkrrFadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
.snkrr-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change:opacity, transform;
}
.snkrr-reveal.in-view{
  opacity:1;
  transform:translateY(0);
}
.snkrr-reveal--delay-1{transition-delay:0.1s;}
.snkrr-reveal--delay-2{transition-delay:0.2s;}
.snkrr-reveal--delay-3{transition-delay:0.3s;}

/* Auto-apply reveal to billboard sections */
.snkrr-bb,.snkrr-fs,.snkrr-trio,.snkrr-row,.snkrr-q,
.snkrr-trust,.snkrr-gallery,.snkrr-reviews-wall{
  opacity:1; /* default visible if JS doesn't load */
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .snkrr-reveal,
  .snkrr-reveal.in-view{
    opacity:1 !important;transform:none !important;transition:none !important;
  }
}

/* ============================================================
   TRUST BAR — stats / value props strip
   ============================================================ */
.snkrr-trust{
  background:var(--snkrr-white);
  padding:48px 24px;
  border-bottom:1px solid var(--snkrr-line);
  font-family:'Inter',sans-serif;
}
.snkrr-trust__inner{
  max-width:1200px;margin:0 auto;
  display:grid;gap:32px;
  grid-template-columns:1fr;
  text-align:center;
}
@media (min-width:750px){
  .snkrr-trust__inner{grid-template-columns:repeat(4,1fr);gap:16px;}
}
.snkrr-trust__item{display:flex;flex-direction:column;align-items:center;gap:8px;}
.snkrr-trust__stat{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;
  color:var(--snkrr-text);line-height:1;
}
.snkrr-trust__label{
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);
}
@media (min-width:990px){
  .snkrr-trust__stat{font-size:42px;}
  .snkrr-trust__label{font-size:12px;}
}

/* ============================================================
   BEFORE/AFTER GALLERY
   ============================================================ */
.snkrr-gallery{
  background:var(--snkrr-off);
  padding:96px 24px;
  font-family:'Inter',sans-serif;
  text-align:center;
}
.snkrr-gallery__inner{max-width:1280px;margin:0 auto;}
.snkrr-gallery__grid{
  display:grid;gap:16px;
  grid-template-columns:1fr;
  margin-top:48px;
}
@media (min-width:600px){.snkrr-gallery__grid{grid-template-columns:repeat(2,1fr);gap:24px;}}
@media (min-width:990px){.snkrr-gallery__grid{grid-template-columns:repeat(3,1fr);gap:24px;}}
.snkrr-gallery__card{
  position:relative;border-radius:16px;overflow:hidden;
  background:var(--snkrr-black);
  aspect-ratio:1/1;
  display:block;cursor:pointer;
  transition:transform 0.3s ease;
}
.snkrr-gallery__card:hover{transform:scale(1.02);}
.snkrr-gallery__card img{width:100%;height:100%;object-fit:cover;display:block;}
.snkrr-gallery__label{
  position:absolute;top:16px;left:16px;
  background:var(--snkrr-lime);color:var(--snkrr-black);
  padding:6px 14px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
}
.snkrr-gallery__caption{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
  color:var(--snkrr-white);
  padding:48px 20px 20px;text-align:left;
  font-size:14px;font-weight:600;
}
.snkrr-gallery__placeholder{
  display:flex;align-items:center;justify-content:center;
  height:100%;color:rgba(255,255,255,0.4);
  font-size:13px;letter-spacing:2px;text-transform:uppercase;
  background:linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
}

/* ============================================================
   REVIEWS WALL (multiple reviews instead of single quote)
   ============================================================ */
.snkrr-reviews-wall{
  background:var(--snkrr-white);
  padding:96px 24px;
  font-family:'Inter',sans-serif;
  text-align:center;
}
.snkrr-reviews-wall__inner{max-width:1280px;margin:0 auto;}
.snkrr-reviews-wall__head{margin-bottom:56px;}
.snkrr-reviews-wall__stars{color:var(--snkrr-lime);letter-spacing:4px;font-size:18px;margin-bottom:12px;}
.snkrr-reviews-wall__rating{
  font-size:14px;letter-spacing:2px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);
}
.snkrr-reviews-wall__grid{
  display:grid;gap:24px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-reviews-wall__grid{grid-template-columns:repeat(2,1fr);gap:32px;}}
@media (min-width:1100px){.snkrr-reviews-wall__grid{grid-template-columns:repeat(3,1fr);gap:32px;}}
.snkrr-reviews-wall__card{
  background:var(--snkrr-off);
  border-radius:16px;
  padding:32px 28px;
  text-align:left;
  display:flex;flex-direction:column;gap:16px;
}
.snkrr-reviews-wall__card-stars{color:var(--snkrr-lime);letter-spacing:3px;font-size:14px;}
.snkrr-reviews-wall__card-quote{
  font-size:16px;line-height:1.5;color:var(--snkrr-text);
  font-weight:400;
  flex:1;
}
.snkrr-reviews-wall__card-attr{
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);
  border-top:1px solid var(--snkrr-line);
  padding-top:16px;
}
.snkrr-reviews-wall__cta{margin-top:48px;}

/* ============================================================
   PDP ENRICHMENT — works-on badges, FAQ accordion, sticky mobile CTA
   ============================================================ */

/* Works-on badges */
.snkrr-works{
  background:var(--snkrr-off);
  padding:48px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-works__inner{max-width:1200px;margin:0 auto;text-align:center;}
.snkrr-works__title{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);margin:0 0 24px;
}
.snkrr-works__list{
  display:flex;gap:8px;flex-wrap:wrap;justify-content:center;
}
.snkrr-works__badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--snkrr-white);
  color:var(--snkrr-text);
  border:1.5px solid var(--snkrr-line);
  padding:10px 18px;border-radius:999px;
  font-size:13px;font-weight:600;letter-spacing:0.5px;
}
.snkrr-works__badge::before{
  content:'';display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:var(--snkrr-lime);
}

/* FAQ accordion */
.snkrr-faq{
  background:var(--snkrr-white);
  padding:80px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-faq__inner{max-width:760px;margin:0 auto;}
.snkrr-faq__title{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;
  margin:0 0 40px;text-align:center;
}
.snkrr-faq__item{
  border-bottom:1px solid var(--snkrr-line);
}
.snkrr-faq__item summary{
  cursor:pointer;
  padding:24px 0;
  font-size:16px;font-weight:600;letter-spacing:-0.005em;
  color:var(--snkrr-text);
  list-style:none;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
}
.snkrr-faq__item summary::-webkit-details-marker{display:none;}
.snkrr-faq__item summary::after{
  content:'+';
  font-size:24px;font-weight:300;
  color:var(--snkrr-muted);
  transition:transform 0.2s ease;
  flex-shrink:0;
}
.snkrr-faq__item[open] summary::after{
  content:'−';
  color:var(--snkrr-lime);
}
.snkrr-faq__answer{
  padding:0 0 24px;
  font-size:15px;line-height:1.6;color:var(--snkrr-muted);
}

/* Sticky mobile add-to-cart bar */
.snkrr-sticky-cta{
  position:fixed;bottom:0;left:0;right:0;z-index:50;
  background:var(--snkrr-white);
  border-top:1px solid var(--snkrr-line);
  padding:12px 16px;
  box-shadow:0 -4px 24px rgba(0,0,0,0.08);
  display:flex;align-items:center;gap:12px;
  font-family:'Inter',sans-serif;
  transform:translateY(100%);
  transition:transform 0.3s ease;
}
.snkrr-sticky-cta.is-visible{transform:translateY(0);}
.snkrr-sticky-cta__info{flex:1;min-width:0;}
.snkrr-sticky-cta__title{
  font-size:13px;font-weight:700;letter-spacing:-0.01em;
  text-transform:uppercase;margin:0 0 2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.snkrr-sticky-cta__price{font-size:13px;font-weight:600;color:var(--snkrr-text);margin:0;}
.snkrr-sticky-cta__btn{
  background:var(--snkrr-black) !important;color:var(--snkrr-white) !important;
  border-radius:999px;padding:12px 24px;
  font-size:13px;font-weight:600;
  text-decoration:none;
  white-space:nowrap;flex-shrink:0;
}
@media (min-width:750px){.snkrr-sticky-cta{display:none !important;}}

/* ============================================================
   ABOUT PAGE LAYOUT
   ============================================================ */
.snkrr-about{
  font-family:'Inter',sans-serif;
  background:var(--snkrr-white);
  color:var(--snkrr-text);
}

/* About hero */
.snkrr-about__hero{
  background:var(--snkrr-black);
  color:var(--snkrr-white);
  padding:120px 24px 96px;
  text-align:center;
}
.snkrr-about__hero-eyebrow{
  font-size:11px;letter-spacing:3.5px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 24px;
}
.snkrr-about__hero-h{
  font-size:48px;line-height:1.05;letter-spacing:-0.025em;
  font-weight:800;margin:0 auto;max-width:840px;
}
@media (min-width:990px){.snkrr-about__hero-h{font-size:88px;}}

/* Founder story stripe */
.snkrr-about__story{
  padding:96px 24px;
  background:var(--snkrr-white);
}
.snkrr-about__story-inner{
  max-width:1200px;margin:0 auto;
  display:grid;gap:64px;
  grid-template-columns:1fr;
  align-items:center;
}
@media (min-width:900px){
  .snkrr-about__story-inner{grid-template-columns:1fr 1fr;gap:80px;}
}
.snkrr-about__story-media{
  background:var(--snkrr-off);
  border-radius:16px;
  aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;
  color:rgba(0,0,0,0.3);font-size:13px;letter-spacing:2px;text-transform:uppercase;
  overflow:hidden;
  position:relative;
  max-width:480px;
  margin:0 auto;
}
.snkrr-about__story-media--photo{padding:0;background:#0a0a0a;}
.snkrr-about__story-media img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  border-radius:16px;
  image-rendering:auto;
}
.snkrr-about__story-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 12px;
}
.snkrr-about__story-h{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 24px;
}
@media (min-width:990px){.snkrr-about__story-h{font-size:44px;}}
.snkrr-about__story-body p{
  font-size:17px;line-height:1.6;color:var(--snkrr-text);margin:0 0 20px;
}
.snkrr-about__story-h + p::first-letter{
  font-size:80px;font-weight:900;line-height:0.85;
  float:left;margin:6px 14px 0 0;color:var(--snkrr-lime);
  font-family:'Inter',sans-serif;
}
@media (min-width:990px){
  .snkrr-about__story-h + p::first-letter{font-size:104px;margin:8px 16px 0 0;}
}

/* ---------- SOLES community section ---------- */
.snkrr-about__soles{
  padding:96px 24px;
  background:linear-gradient(180deg, var(--snkrr-off) 0%, var(--snkrr-white) 100%);
  font-family:'Inter',sans-serif;
}
.snkrr-about__soles-inner{
  max-width:840px;
  margin:0 auto;
  text-align:center;
}
.snkrr-about__soles-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 16px;
}
.snkrr-about__soles-h{
  font-size:40px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 24px;
}
@media (min-width:990px){.snkrr-about__soles-h{font-size:56px;}}
.snkrr-about__soles-text{
  font-size:18px;line-height:1.6;color:var(--snkrr-text);margin:0 auto 32px;
  max-width:680px;
}
.snkrr-about__soles-quote{
  font-size:22px;
  font-style:italic;
  line-height:1.45;
  color:var(--snkrr-text);
  margin:32px auto 16px;
  padding:24px 32px;
  border-left:4px solid var(--snkrr-lime);
  background:var(--snkrr-white);
  border-radius:0 12px 12px 0;
  text-align:left;
  max-width:680px;
}
@media (min-width:990px){.snkrr-about__soles-quote{font-size:26px;}}
.snkrr-about__soles-attr{
  font-size:13px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;color:var(--snkrr-muted);
  margin:0;
}

/* Pull quote */
.snkrr-about__pull{
  background:var(--snkrr-off);
  padding:96px 24px;text-align:center;
}
.snkrr-about__pull-inner{max-width:840px;margin:0 auto;}
.snkrr-about__pull-mark{
  font-family:Georgia,serif;font-size:96px;line-height:1;
  color:var(--snkrr-lime);margin:0 0 8px;
}
.snkrr-about__pull-text{
  font-size:32px;line-height:1.3;font-weight:300;letter-spacing:-0.015em;
  margin:0 0 24px;
}
@media (min-width:990px){.snkrr-about__pull-text{font-size:48px;}}
.snkrr-about__pull-attr{
  font-size:12px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);
}

/* Pillars (3-up) */
.snkrr-about__pillars{padding:96px 24px;background:var(--snkrr-white);}
.snkrr-about__pillars-inner{max-width:1200px;margin:0 auto;text-align:center;}
.snkrr-about__pillars-head{margin-bottom:64px;}
.snkrr-about__pillars-h{
  font-size:42px;font-weight:800;letter-spacing:-0.025em;margin:0;
}
@media (min-width:990px){.snkrr-about__pillars-h{font-size:64px;}}
.snkrr-about__pillars-grid{
  display:grid;gap:32px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-about__pillars-grid{grid-template-columns:repeat(3,1fr);gap:48px;}}
.snkrr-about__pillar{
  text-align:left;
  display:flex;
  flex-direction:column;
}
.snkrr-about__pillar-num{
  font-size:13px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 16px;
}
.snkrr-about__pillar-h{
  font-size:24px;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px;
  min-height:2.6em;
  line-height:1.2;
}
.snkrr-about__pillar-text{
  font-size:15px;line-height:1.6;color:var(--snkrr-muted);margin:0;
}
@media (min-width:750px){
  .snkrr-about__pillars-grid{align-items:stretch;}
}

/* Memphis stripe */
.snkrr-about__memphis{
  background:var(--snkrr-black);
  color:var(--snkrr-white);
  padding:120px 24px;
  text-align:center;
}
.snkrr-about__memphis-inner{max-width:840px;margin:0 auto;}
.snkrr-about__memphis-eyebrow{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 16px;
}
.snkrr-about__memphis-h{
  font-size:48px;font-weight:800;letter-spacing:-0.025em;margin:0 0 24px;
}
@media (min-width:990px){.snkrr-about__memphis-h{font-size:80px;}}
.snkrr-about__memphis-text{
  font-size:18px;line-height:1.5;color:rgba(255,255,255,0.75);margin:0 0 40px;
}

/* CTA stripe */
.snkrr-about__cta{
  background:var(--snkrr-white);
  padding:96px 24px;text-align:center;
}
.snkrr-about__cta-h{
  font-size:42px;font-weight:800;letter-spacing:-0.025em;margin:0 0 32px;
}
@media (min-width:990px){.snkrr-about__cta-h{font-size:64px;}}

/* ============================================================
   FIX BATCH — PDP outline, collection cards, search, contact button
   ============================================================ */

/* ---------- PDP: remove outline/border around product media ---------- */
.product__media-wrapper,
.product__media-list,
.product__media,
.product__media-item,
.product-media-container,
.product__media .media,
.shopify-section--main-product .media,
.shopify-section--main-product .media--transparent{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.product__media-item--variant{border:0 !important;}
.product__media-toggle{border:0 !important;}
.thumbnail-list__item .thumbnail{border:1.5px solid transparent !important;border-radius:8px !important;}
.thumbnail-list__item .thumbnail[aria-current]{border-color:var(--snkrr-lime) !important;}

/* ---------- Collection page fixes ---------- */
/* Filter labels: dark and readable */
.facets__wrapper,
.facets,
.facets-container,
.facets-vertical-form,
.facets__display,
.facet-filters__label,
.facet-filters__field,
.facet-filters__sort,
.collection-filters,
.facets__heading,
.facets__summary{
  color:var(--snkrr-text) !important;
}
.facet-filters__label,
.facets__label,
.facet-checkbox label{
  color:var(--snkrr-text) !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:0.5px !important;
}
.facets__summary,
summary.facets__summary{
  color:var(--snkrr-text) !important;
  font-weight:600 !important;
}
.facets__display{background:var(--snkrr-white) !important;color:var(--snkrr-text) !important;}
select,.select__select{color:var(--snkrr-text) !important;background:var(--snkrr-white) !important;}

/* Product cards: portrait, no image cropping */
.collection .card-wrapper,
.product-grid .card-wrapper,
.shopify-section--main-collection .card-wrapper{
  --card-aspect:3/4;
}
.collection .card,
.product-grid .card,
.shopify-section--main-collection .card{
  background:var(--snkrr-white) !important;
  border:1px solid var(--snkrr-line) !important;
  border-radius:16px !important;
  overflow:hidden;
}
.collection .card__inner,
.product-grid .card__inner,
.shopify-section--main-collection .card__inner{
  aspect-ratio:3/4 !important;
  background:var(--snkrr-white) !important;
  display:flex;align-items:center;justify-content:center;
  padding:20px !important;
  overflow:hidden;
}
.collection .card__media,
.product-grid .card__media,
.shopify-section--main-collection .card__media{
  width:100% !important;height:100% !important;
  display:flex;align-items:center;justify-content:center;
  background:transparent !important;
}
.collection .card__media .media,
.product-grid .card__media .media,
.shopify-section--main-collection .card__media .media{
  background:transparent !important;
  width:100% !important;height:100% !important;
  padding:0 !important;
}
.collection .card__media img,
.product-grid .card__media img,
.shopify-section--main-collection .card__media img{
  width:100% !important;height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  position:relative !important;
}
.card-wrapper .card__content{
  padding:16px 16px 20px !important;
  background:var(--snkrr-white) !important;
}

/* Quick-add / Add to cart on collection cards: high contrast */
.card-wrapper .quick-add__submit,
.card-wrapper .button,
.product-grid .quick-add__submit,
.product-grid .button:not(.button--secondary):not(.button--tertiary),
.collection .quick-add__submit,
quick-add-modal .button{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-black) !important;
  border-radius:999px !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:0.5px !important;
  padding:12px 18px !important;
  width:100% !important;
  text-transform:none !important;
}
.card-wrapper .quick-add__submit:hover,
.card-wrapper .button:hover{
  background:#222 !important;
  color:var(--snkrr-white) !important;
  border-color:#222 !important;
}
.card-wrapper .quick-add__submit span,
.card-wrapper .button span{color:var(--snkrr-white) !important;}

/* Make sure no quick-add lime/outline variant kicks in */
.card-wrapper .button--secondary{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
  border:1.5px solid var(--snkrr-text) !important;
}

/* ---------- Search: hide placeholder when input has content ---------- */
input::placeholder{color:var(--snkrr-muted) !important;}
input:not(:placeholder-shown)::placeholder{opacity:0 !important;}
/* Floating-label style: if there's a label inside the input wrapper, hide when input has content */
.field:has(input:not(:placeholder-shown)) .field__label,
.field:has(input:focus) .field__label,
.search__input-wrapper:has(input:not(:placeholder-shown)) .field__label,
.search:has(input:not(:placeholder-shown)) .search__label{
  opacity:0 !important;
  pointer-events:none !important;
}
.predictive-search input:not(:placeholder-shown) ~ label,
.search-modal input:not(:placeholder-shown) ~ label{display:none !important;}

/* ---------- Contact page Send button — substantial primary CTA ---------- */
.contact .button,
.contact button[type="submit"],
.contact .contact__button,
form#ContactForm button,
.shopify-section--main-page .contact button[type="submit"]{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-black) !important;
  border-radius:999px !important;
  padding:16px 40px !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  min-width:180px !important;
  cursor:pointer !important;
}
.contact .button:hover,
.contact button[type="submit"]:hover{
  background:#222 !important;
  border-color:#222 !important;
}

/* ============================================================
   SERVICES & SHIPPING PAGES — typography-led premium, no static images
   ============================================================ */
.snkrr-page{
  font-family:'Inter',sans-serif;
  background:var(--snkrr-white);
  color:var(--snkrr-text);
}

/* Page hero (dark, centered) */
.snkrr-page__hero{
  background:var(--snkrr-black);
  color:var(--snkrr-white);
  padding:120px 24px 96px;
  text-align:center;
}
.snkrr-page__hero-eyebrow{
  font-size:11px;letter-spacing:3.5px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 24px;
}
.snkrr-page__hero-h{
  font-size:48px;line-height:1.05;letter-spacing:-0.025em;
  font-weight:800;margin:0 auto 24px;max-width:840px;color:var(--snkrr-white);
}
.snkrr-page__hero-sub{
  font-size:18px;line-height:1.5;color:rgba(255,255,255,0.75);
  max-width:560px;margin:0 auto;
}
@media (min-width:990px){.snkrr-page__hero-h{font-size:72px;}}

/* Numbered steps (Shipping flow) */
.snkrr-steps{
  background:var(--snkrr-white);
  padding:96px 24px;
}
.snkrr-steps__inner{max-width:1100px;margin:0 auto;}
.snkrr-steps__head{text-align:center;margin-bottom:64px;}
.snkrr-steps__title{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;margin:0 0 16px;
}
@media (min-width:990px){.snkrr-steps__title{font-size:56px;}}
.snkrr-steps__list{
  display:grid;gap:24px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-steps__list{grid-template-columns:repeat(2,1fr);gap:32px;}}
@media (min-width:1100px){.snkrr-steps__list{grid-template-columns:repeat(4,1fr);}}
/* Narrow variant for sections with only 3 steps (Affiliate page) */
.snkrr-steps--narrow .snkrr-steps__list{max-width:900px;margin:0 auto;}
@media (min-width:750px){.snkrr-steps--narrow .snkrr-steps__list{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1100px){.snkrr-steps--narrow .snkrr-steps__list{grid-template-columns:repeat(3,1fr);}}
.snkrr-step{
  background:var(--snkrr-off);
  border-radius:16px;
  padding:32px;
  position:relative;
}
.snkrr-step__num{
  font-size:48px;font-weight:800;color:var(--snkrr-lime);
  letter-spacing:-0.04em;line-height:1;margin:0 0 24px;
}
.snkrr-step__title{
  font-size:18px;font-weight:700;letter-spacing:-0.01em;margin:0 0 12px;
}
.snkrr-step__text{
  font-size:14px;line-height:1.55;color:var(--snkrr-muted);margin:0;
}

/* Pricing / service tier cards */
.snkrr-tiers{
  background:var(--snkrr-off);
  padding:96px 24px;
}
.snkrr-tiers__inner{max-width:1100px;margin:0 auto;}
.snkrr-tiers__head{text-align:center;margin-bottom:56px;}
.snkrr-tiers__title{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px;
}
@media (min-width:990px){.snkrr-tiers__title{font-size:48px;}}
.snkrr-tiers__sub{font-size:16px;color:var(--snkrr-muted);max-width:560px;margin:0 auto;}
.snkrr-tiers__list{
  display:grid;gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-tiers__list{grid-template-columns:repeat(3,1fr);gap:24px;}}
@media (min-width:750px){.snkrr-tiers--4up .snkrr-tiers__list{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media (min-width:1100px){.snkrr-tiers--4up .snkrr-tiers__list{grid-template-columns:repeat(4,1fr);gap:20px;}}
.snkrr-tiers--4up .snkrr-tier{padding:32px 24px;}
.snkrr-tiers--4up .snkrr-tier__price{font-size:32px;}
.snkrr-tier{
  background:var(--snkrr-white);
  border:1px solid var(--snkrr-line);
  border-radius:16px;
  padding:40px 32px;
  display:flex;flex-direction:column;gap:16px;
}
.snkrr-tier--featured{
  background:var(--snkrr-black);color:var(--snkrr-white);
  border-color:var(--snkrr-black);
  position:relative;
}
.snkrr-tier--featured .snkrr-tier__name,
.snkrr-tier--featured .snkrr-tier__price{color:var(--snkrr-white) !important;}
.snkrr-tier--featured .snkrr-tier__desc,
.snkrr-tier--featured .snkrr-tier__list li{color:rgba(255,255,255,0.75) !important;}
.snkrr-tier__badge{
  position:absolute;top:-12px;right:24px;
  background:var(--snkrr-lime);color:var(--snkrr-black);
  font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:6px 12px;border-radius:999px;
}
.snkrr-tier__name{
  font-size:13px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);margin:0;
}
.snkrr-tier__price{
  font-size:40px;font-weight:800;letter-spacing:-0.025em;
  color:var(--snkrr-text);margin:0;line-height:1;
}
.snkrr-tier__price-from{font-size:14px;color:var(--snkrr-muted);font-weight:500;margin-left:6px;}
.snkrr-tier__desc{font-size:14px;line-height:1.5;color:var(--snkrr-muted);margin:0 0 8px;}
.snkrr-tier__list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;}
.snkrr-tier__list li{
  font-size:14px;color:var(--snkrr-text);
  padding-left:24px;position:relative;
}
.snkrr-tier__list li::before{
  content:'';position:absolute;left:0;top:8px;
  width:14px;height:6px;
  border-left:2px solid var(--snkrr-lime);
  border-bottom:2px solid var(--snkrr-lime);
  transform:rotate(-45deg);
}
.snkrr-tier__cta{margin-top:auto;}

/* Address block (for shipping page) */
.snkrr-address{
  background:var(--snkrr-white);
  padding:80px 24px;
  text-align:center;
}
.snkrr-address__inner{max-width:640px;margin:0 auto;}
.snkrr-address__eyebrow{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);margin:0 0 16px;
}
.snkrr-address__h{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;margin:0 0 24px;
}
.snkrr-address__lines{
  font-size:18px;line-height:1.6;color:var(--snkrr-text);
  font-weight:500;
}
.snkrr-address__callout{
  margin-top:32px;
  padding:18px 22px;
  background:var(--snkrr-lime, #BBF07C);
  border-radius:10px;
  color:#000;
  text-align:left;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
.snkrr-address__callout p{
  font-size:14px;line-height:1.5;color:#000;margin:0;
}
.snkrr-address__callout strong{font-weight:800;}

/* ---------- FORCE collection quick-add to always be black with white text ---------- */
.card-wrapper button.quick-add__submit,
.card-wrapper .quick-add__submit,
.card-wrapper button.quick-add__submit.button,
.card-wrapper button.quick-add__submit.button--secondary,
.card-wrapper button.quick-add__submit.button--full-width,
.product-grid button.quick-add__submit,
quick-add-modal button.quick-add__submit{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-black) !important;
}
.card-wrapper button.quick-add__submit *,
.card-wrapper button.quick-add__submit span,
.product-grid button.quick-add__submit *,
.product-grid button.quick-add__submit span{
  color:var(--snkrr-white) !important;
}
.card-wrapper button.quick-add__submit:hover,
.product-grid button.quick-add__submit:hover{
  background:#222 !important;border-color:#222 !important;
}
/* Focus ring should be subtle */
.card-wrapper button.quick-add__submit:focus-visible{
  outline:2px solid var(--snkrr-lime) !important;
  outline-offset:2px !important;
}

/* ---------- FIX: SALE badges to lime, fix any color-accent-1 white-on-white ---------- */
.badge,
.price__badge,
.card-wrapper .badge,
.card__badge .badge,
.badge--bottom-left,
.badge--bottom-right,
.badge.color-accent-1,
.badge.color-accent-2,
.card-wrapper .price__badge-sold-out,
.price__badge-sale,
.color-accent-1.badge,
.color-accent-2.badge{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:'Inter',sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  padding:5px 12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  display:inline-block !important;
}
.card-wrapper .card__badge,
.card-wrapper .card__badge.top.left{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  z-index:2 !important;
  background:transparent !important;
}
.card-wrapper .card__inner{position:relative !important;}
.badge[class*="color-"]{
  background:var(--snkrr-lime) !important;color:var(--snkrr-black) !important;
}

/* ---------- Remove lime focus ring on buttons (replace with subtle dark) ---------- */
.card-wrapper button.quick-add__submit:focus,
.card-wrapper button.quick-add__submit:focus-visible,
.product-grid button.quick-add__submit:focus,
.product-grid button.quick-add__submit:focus-visible,
.snkrr-btn:focus,
.snkrr-btn:focus-visible,
.button:focus,
.button:focus-visible,
button.button:focus,
button.button:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
/* Keep keyboard accessibility with a very subtle dark outline */
.card-wrapper button.quick-add__submit:focus-visible,
.snkrr-btn:focus-visible,
.button:focus-visible{
  outline:2px solid rgba(0,0,0,0.4) !important;
  outline-offset:3px !important;
}

/* ---------- FIX: collection card image area = square (1:1), no white space ---------- */
.collection .card-wrapper .card__inner,
.product-grid .card-wrapper .card__inner,
.shopify-section--main-collection .card-wrapper .card__inner{
  aspect-ratio:1/1 !important;
  --ratio-percent:100% !important;
  background:var(--snkrr-white) !important;
  padding:24px !important;
}
.collection .card-wrapper .card__media,
.product-grid .card-wrapper .card__media,
.shopify-section--main-collection .card-wrapper .card__media,
.collection .card-wrapper .card__media .media,
.product-grid .card-wrapper .card__media .media{
  aspect-ratio:1/1 !important;
  height:100% !important;width:100% !important;
  padding-bottom:0 !important;
  background:transparent !important;
}
.collection .card-wrapper .card__media img,
.product-grid .card-wrapper .card__media img,
.shopify-section--main-collection .card-wrapper .card__media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
}
/* Card itself: let height be natural now */
.collection .card,
.product-grid .card,
.shopify-section--main-collection .card{
  aspect-ratio:auto !important;
  --ratio-percent:auto !important;
}
.collection .card-wrapper,
.product-grid .card-wrapper{
  --card-aspect:auto !important;
}
/* Ensure no Dawn .ratio padding-bottom hijack on the inner */
.collection .card-wrapper .card__inner.ratio,
.product-grid .card-wrapper .card__inner.ratio{
  padding-bottom:0 !important;
}
.collection .card-wrapper .card__inner.ratio::before,
.product-grid .card-wrapper .card__inner.ratio::before{
  display:none !important;
}

/* ---------- FIX: hide the secondary card__content that's overlaid on the image ---------- */
.card-wrapper .card__inner .card__content,
.card-wrapper .card .card__inner .card__content,
.collection .card__inner .card__content,
.product-grid .card__inner .card__content{
  display:none !important;
}
/* Also hide any card__badge wrapper INSIDE card__inner if it's empty/white */
.card-wrapper .card__inner > .card__badge:empty,
.card-wrapper .card__inner > .card__content:empty{
  display:none !important;
}
/* Ensure the OUTER card__content (below image) stays visible */
.card-wrapper > .card-information,
.card-wrapper .card .card__content:last-child,
.card-wrapper > .card > .card__content{
  display:block !important;
  background:var(--snkrr-white) !important;
}

/* ---------- NUCLEAR: kill any outline/shadow on collection card buttons ---------- */
.card-wrapper *,
.card-wrapper button,
.card-wrapper .button,
.card-wrapper .quick-add__submit,
.card-wrapper .quick-add,
.card-wrapper product-form,
.card-wrapper .card__content,
.card-wrapper .form,
.card-wrapper:focus,
.card-wrapper:focus-within,
.card-wrapper:hover button,
.card-wrapper button:focus,
.card-wrapper button:focus-visible,
.card-wrapper button:hover,
.card-wrapper button:active,
.product-grid button,
.product-grid button:focus,
.product-grid button:focus-visible,
.product-grid button:hover,
.product-grid .quick-add__submit{
  outline:none !important;
  box-shadow:none !important;
}
/* Subtle keyboard-only focus indicator on the button itself */
.card-wrapper button.quick-add__submit:focus-visible{
  outline:2px solid rgba(0,0,0,0.5) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}
/* Remove any accent rings Dawn applies via box-shadow */
.card-wrapper .button:focus,
.card-wrapper .button:focus-visible,
.card-wrapper .button{
  box-shadow:none !important;
}
/* Some themes apply --shadow-horizontal-offset to buttons. Reset those CSS vars: */
.card-wrapper{
  --shadow-horizontal-offset:0 !important;
  --shadow-vertical-offset:0 !important;
  --shadow-blur:0 !important;
  --shadow-opacity:0 !important;
}

/* ---------- KILL Dawn .button pseudo-element shadow rings everywhere ---------- */
.card-wrapper button.quick-add__submit::before,
.card-wrapper button.quick-add__submit::after,
.card-wrapper .button::before,
.card-wrapper .button::after,
.product-grid button.quick-add__submit::before,
.product-grid button.quick-add__submit::after,
.button::before,
.button::after,
.shopify-payment-button__button::before,
.shopify-payment-button__button::after,
.cart__checkout-button::before,
.cart__checkout-button::after,
button.button::before,
button.button::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:0 !important;
}
/* Also disable Dawn's --button-color-shadow variable if used */
.card-wrapper button,
.card-wrapper .button,
.product-grid button,
.product-grid .button{
  --color-button-shadow:transparent !important;
  --shadow-horizontal-offset:0 !important;
  --shadow-vertical-offset:0 !important;
  --shadow-blur:0 !important;
}

/* ============================================================
   FIX 2: Badge positioning + Sort dropdown styling
   ============================================================ */
.card-wrapper{position:relative !important;}
.card-wrapper .card{position:relative !important;}
.card-wrapper .card__inner{position:relative !important;}

.card-wrapper .card__content .card__badge,
.card-wrapper .card__badge,
.card-wrapper .card__badge.top.left,
.card-wrapper .card__badge.bottom.left,
.card-wrapper .card__badge.top.right,
.card-wrapper .card__badge.bottom.right{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  bottom:auto !important;
  right:auto !important;
  z-index:5 !important;
  background:transparent !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none;
}
.card-wrapper .badge,
.card-wrapper .card__badge .badge{
  position:static !important;
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:'Inter',sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:1.8px !important;
  text-transform:uppercase !important;
  padding:6px 14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  display:inline-block !important;
  pointer-events:auto;
}

/* Sort dropdown */
.facets__form-field select,
.facet-filters__sort,
.facets__form select,
.select__select,
.select select,
select.select__select{
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:var(--snkrr-text) !important;
  background:var(--snkrr-white) !important;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:10px 6px !important;
  border:1.5px solid var(--snkrr-line) !important;
  border-radius:999px !important;
  padding:12px 44px 12px 20px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  cursor:pointer !important;
  text-overflow:ellipsis !important;
}
.facets__form-field select:hover,
.facet-filters__sort:hover,
.select__select:hover{border-color:var(--snkrr-text) !important;}
.facets__form-field select:focus,
.facet-filters__sort:focus,
.select__select:focus{
  outline:none !important;
  border-color:var(--snkrr-text) !important;
  box-shadow:none !important;
}
.select__select-icon,
.facet-filters__field .select::after,
.select::after{display:none !important;}

/* ---------- FORCE card__content to static so absolute badges anchor to card-wrapper (top-left of image) ---------- */
.card-wrapper .card .card__content,
.card-wrapper .card__content{
  position:static !important;
}
/* But still make card-wrapper the positioning anchor */
.card-wrapper,
.card-wrapper .card{position:relative !important;}
/* Hide empty badge containers (the "0x0" ones) cleanly */
.card-wrapper .card__badge:empty,
.card-wrapper .card__badge:not(:has(.badge)){display:none !important;}

/* ---------- Hide Dawn's separate SVG dropdown icon inside .select wrapper ---------- */
.select > svg,
.select > .icon-caret,
.select > .select__select-icon,
.select__select-icon,
.facets__form-field .select svg,
.facet-filters__field .select svg,
.facets-vertical-form .select svg{
  display:none !important;
}
.select{position:relative;border:0 !important;background:transparent !important;}
.select::before,.select::after{display:none !important;content:none !important;}

/* ============================================================
   SITEWIDE AUDIT FIXES — Round 1
   ============================================================ */

/* ---------- HERO TEXT CONTRAST (About/Services/Shipping pages) ---------- */
.snkrr-page__hero,
.snkrr-page__hero *,
.snkrr-page__hero h1,
.snkrr-page__hero h2,
.snkrr-page__hero p,
.snkrr-page__hero .snkrr-page__hero-h{
  color:var(--snkrr-white) !important;
}
.snkrr-page__hero .snkrr-page__hero-eyebrow{color:var(--snkrr-lime) !important;}
.snkrr-page__hero .snkrr-page__hero-sub{color:rgba(255,255,255,0.78) !important;}
/* About hero same fix */
.snkrr-about__hero,
.snkrr-about__hero h1,
.snkrr-about__hero .snkrr-about__hero-h{color:var(--snkrr-white) !important;}
.snkrr-about__hero .snkrr-about__hero-eyebrow{color:var(--snkrr-lime) !important;}
/* Memphis section same fix */
.snkrr-about__memphis,
.snkrr-about__memphis h2,
.snkrr-about__memphis .snkrr-about__memphis-h{color:var(--snkrr-white) !important;}
.snkrr-about__memphis .snkrr-about__memphis-eyebrow{color:var(--snkrr-lime) !important;}
.snkrr-about__memphis .snkrr-about__memphis-text{color:rgba(255,255,255,0.78) !important;}

/* ---------- CARD INSET FRAME — remove gray padding inside image area ---------- */
.collection .card-wrapper .card__inner,
.product-grid .card-wrapper .card__inner,
.shopify-section--main-collection .card-wrapper .card__inner,
.search .card-wrapper .card__inner{
  background:var(--snkrr-white) !important;
  padding:16px !important;
}

/* ---------- SOLD OUT badge: dark grey pill, distinct from promo lime ---------- */
.card-wrapper .badge--sold-out,
.card-wrapper .badge.color-inverse,
.card-wrapper .badge:where([class*="sold"]){
  background:var(--snkrr-text) !important;
  color:var(--snkrr-white) !important;
}
/* Any badge with text "Sold out" — JS would help but use a CSS hint */
.card-wrapper .badge:has(text){background:var(--snkrr-text);}

/* ---------- QUANTITY SELECTOR — substantial, not cramped ---------- */
.product-form__quantity,
.quantity{
  border:1.5px solid var(--snkrr-line) !important;
  border-radius:999px !important;
  overflow:hidden !important;
  width:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  height:auto !important;
  min-height:48px !important;
  min-width:140px !important;
}
.quantity__input{
  font-family:'Inter',sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--snkrr-text) !important;
  background:transparent !important;
  border:0 !important;
  text-align:center !important;
  width:48px !important;
  padding:0 !important;
}
.quantity__button{
  background:transparent !important;
  border:0 !important;
  color:var(--snkrr-text) !important;
  cursor:pointer !important;
  padding:0 14px !important;
  width:44px !important;
  height:48px !important;
}
.quantity__button:hover{color:var(--snkrr-lime) !important;}
.quantity__button svg{width:14px !important;height:14px !important;}

/* ---------- NAV: animated underline ONLY on hover, not stuck ---------- */
.header__menu-item::after,
.header__inline-menu .list-menu__item .header__menu-item::after,
header-menu .list-menu__item > a::after,
header-menu .list-menu__item > details > summary::after{
  transform:scaleX(0) !important;
}
.header__menu-item:hover::after,
.header__inline-menu .list-menu__item:hover .header__menu-item::after,
header-menu .list-menu__item:hover > a::after,
header-menu .list-menu__item:hover > details > summary::after{
  transform:scaleX(1) !important;
}
/* Remove default Dawn underline that's stuck */
.header__menu-item,
.header__inline-menu .list-menu__item .header__menu-item,
.header__inline-menu .header__menu-item{
  text-decoration:none !important;
  border-bottom:0 !important;
}

/* ---------- FOOTER: fix TIKTOK orphan + grid alignment ---------- */
.snkrr-footer__social{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:20px !important;
  align-items:center !important;
}
@media (min-width:750px){
  .snkrr-footer__brand{max-width:320px !important;}
  .snkrr-footer__top{align-items:flex-start !important;}
}

/* ---------- ABOUT/SERVICES/SHIPPING: tighten section padding to reduce empty voids ---------- */
.snkrr-about__cta,
.snkrr-page section + section,
.snkrr-steps + .snkrr-tiers,
.snkrr-steps + .snkrr-address,
.snkrr-tiers + .snkrr-steps,
.snkrr-about__pillars + .snkrr-about__memphis{padding-top:64px !important;padding-bottom:64px !important;}
.snkrr-about__cta{padding:80px 24px !important;}
.snkrr-page__hero{padding:96px 24px 80px !important;}
.snkrr-steps{padding:72px 24px !important;}
.snkrr-address{padding:64px 24px !important;}
.snkrr-tiers{padding:80px 24px !important;}

/* ---------- PICKUP CHECK ICON — use lime instead of bright green ---------- */
.product__pickup-availabilities svg,
.pickup-availability-info svg,
.product-pickup-availability svg{
  color:var(--snkrr-lime) !important;
  fill:var(--snkrr-lime) !important;
}
.product__pickup-availabilities .icon-success,
.icon-success path{color:var(--snkrr-lime) !important;fill:var(--snkrr-lime) !important;}

/* ---------- SHOP PAY BUTTON — desaturate when it can't be hidden ---------- */
/* The Buy with Shop button uses Shopify's purple. We can dim it slightly so it doesn't dominate */
.shopify-payment-button__more-options{
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  letter-spacing:0.5px !important;
  color:var(--snkrr-muted) !important;
  text-decoration:none !important;
  border-bottom:1px solid var(--snkrr-line) !important;
  padding-bottom:2px !important;
}
/* Tighten the spacing around Shop Pay buttons */
.shopify-payment-button{margin-top:12px !important;}
.shopify-payment-button__button--unbranded{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border-radius:999px !important;
}

/* ---------- ACCOUNT LOGIN: brand the page (limited - Shopify hosts most of it) ---------- */
.customer__container,
.customer.login,
.customer.register,
.template-customers-login,
.template-customers-register{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
  padding:80px 24px !important;
  max-width:480px !important;
  margin:0 auto !important;
  font-family:'Inter',sans-serif !important;
}
.customer h1{
  font-size:36px !important;font-weight:800 !important;
  letter-spacing:-0.02em !important;text-align:center !important;
  margin-bottom:24px !important;
}
.customer .field input{
  border:1.5px solid var(--snkrr-line) !important;
  border-radius:999px !important;
  padding:14px 20px !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
}
.customer .field__label{font-size:13px !important;color:var(--snkrr-muted) !important;}
.customer .button{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border-radius:999px !important;
  padding:14px 30px !important;
  width:100% !important;
}

/* ---------- CONTACT FORM: fill inputs lightly so they don't look floaty ---------- */
.contact .field input,
.contact .field textarea,
.contact-form input,
.contact-form textarea,
form .field input,
form .field textarea{
  background:var(--snkrr-off) !important;
  border:1.5px solid transparent !important;
  border-radius:12px !important;
  padding:16px 20px !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  width:100% !important;
}
.contact .field input:focus,
.contact .field textarea:focus,
form .field input:focus,
form .field textarea:focus{
  background:var(--snkrr-white) !important;
  border-color:var(--snkrr-text) !important;
  outline:none !important;
  box-shadow:none !important;
}
.contact textarea,form textarea{border-radius:16px !important;min-height:120px !important;}
.contact .field__label{font-size:13px !important;color:var(--snkrr-muted) !important;font-weight:500 !important;}

/* ---------- HOMEPAGE: stats strip dividers between items ---------- */
@media (min-width:750px){
  .snkrr-trust__item:not(:last-child){
    border-right:1px solid var(--snkrr-line);
  }
}

/* ---------- HOMEPAGE: bundle module image padding ---------- */
.snkrr-fs__media{padding:20px !important;}
.snkrr-bb__media{padding:24px !important;}

/* ---------- HEADER: buffer between announcement bar and hero (if hero starts immediately) ---------- */
.shopify-section-group-header-group + main,
.shopify-section-group-header-group + .shopify-section{margin-top:0 !important;}

/* ---------- SALE strikethrough price: more space from sale price ---------- */
.price--on-sale .price-item--regular{margin-right:10px !important;}
.price--on-sale .price__sale{display:flex;align-items:baseline;gap:10px;}

/* ---------- Sold-out + sale stacked: if both appear, hide sale (sold-out wins) ---------- */
.card-wrapper .badge--sold-out + .badge--sale,
.card-wrapper .badge.color-inverse + .badge.color-accent-1{
  display:none !important;
}

/* ---------- Search input: substantial pill ---------- */
.search__input,
.search-modal__form input,
predictive-search input{
  background:var(--snkrr-off) !important;
  border:1.5px solid transparent !important;
  border-radius:999px !important;
  padding:14px 20px !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
}
.search__input:focus,
.search-modal__form input:focus{
  background:var(--snkrr-white) !important;
  border-color:var(--snkrr-text) !important;
  outline:none !important;
}

/* ============================================================
   COMPARISON TABLE — us vs other brands
   ============================================================ */
.snkrr-compare{
  background:var(--snkrr-white);
  padding:96px 24px;
  font-family:'Inter',sans-serif;
  text-align:center;
}
.snkrr-compare__inner{max-width:980px;margin:0 auto;}
.snkrr-compare__title{
  font-size:42px;font-weight:800;letter-spacing:-0.025em;
  margin:0 0 16px;color:var(--snkrr-text);line-height:1.1;
}
@media (min-width:990px){.snkrr-compare__title{font-size:56px;}}
.snkrr-compare__sub{
  font-size:16px;line-height:1.55;color:var(--snkrr-muted);
  max-width:560px;margin:0 auto 56px;
}

.snkrr-compare__table{
  border-radius:16px;
  overflow:hidden;
  background:var(--snkrr-white);
  border:1px solid var(--snkrr-line);
  text-align:left;
  margin-bottom:48px;
}

/* Header row */
.snkrr-compare__head{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  background:var(--snkrr-text);
  color:var(--snkrr-white);
}
.snkrr-compare__head-feature,
.snkrr-compare__head-us,
.snkrr-compare__head-them{
  padding:18px 16px;
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  font-weight:700;
  text-align:center;
}
.snkrr-compare__head-feature{text-align:left;}
.snkrr-compare__head-us{
  background:var(--snkrr-lime);
  color:var(--snkrr-black);
}
.snkrr-compare__head-them{color:rgba(255,255,255,0.7);}
.snkrr-compare__head-label{display:block;}

/* Body rows */
.snkrr-compare__row{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  border-top:1px solid var(--snkrr-line);
  align-items:stretch;
}
.snkrr-compare__row:first-child{border-top:0;}
.snkrr-compare__feature,
.snkrr-compare__us,
.snkrr-compare__them{
  padding:20px 16px;
  font-family:'Inter',sans-serif;
  font-size:15px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.snkrr-compare__feature{
  justify-content:flex-start;
  color:var(--snkrr-text);
  font-weight:600;
  letter-spacing:-0.005em;
}
.snkrr-compare__us{
  background:rgba(187,240,124,0.08);
  border-left:3px solid var(--snkrr-lime);
}
.snkrr-compare__them{
  color:var(--snkrr-muted);
}

/* Symbols */
.snkrr-compare__yes{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;height:32px;
  border-radius:50%;
  background:var(--snkrr-lime);
  color:var(--snkrr-black);
  font-size:18px;
  font-weight:900;
  line-height:1;
}
.snkrr-compare__no{
  display:inline-block;
  font-size:14px;
  color:var(--snkrr-muted);
  font-weight:500;
  letter-spacing:0.5px;
}

.snkrr-compare__cta{display:flex;justify-content:center;}

/* Mobile compact layout */
@media (max-width:600px){
  .snkrr-compare{padding:64px 16px;}
  .snkrr-compare__head{grid-template-columns:1.2fr 0.8fr 0.8fr;}
  .snkrr-compare__row{grid-template-columns:1.2fr 0.8fr 0.8fr;}
  .snkrr-compare__head-feature,
  .snkrr-compare__head-us,
  .snkrr-compare__head-them{
    padding:14px 8px;
    font-size:9px;
    letter-spacing:1.5px;
  }
  .snkrr-compare__feature,
  .snkrr-compare__us,
  .snkrr-compare__them{
    padding:16px 8px;
    font-size:13px;
  }
  .snkrr-compare__feature{font-weight:600;}
  .snkrr-compare__yes{width:26px;height:26px;font-size:14px;}
  .snkrr-compare__no{font-size:12px;}
  .snkrr-compare__title{font-size:32px;}
  .snkrr-compare__sub{font-size:14px;margin-bottom:40px;}
}

/* Ensure grid cells in compare header don't collapse */
.snkrr-compare__head-feature,
.snkrr-compare__head-us,
.snkrr-compare__head-them{
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.snkrr-compare__head-feature{justify-content:flex-start !important;}
.snkrr-compare__head-label{display:inline !important;}

/* ---------- Compare header labels: force white text on dark cells ---------- */
.snkrr-compare__head,
.snkrr-compare__head *,
.snkrr-compare__head-feature,
.snkrr-compare__head-feature *,
.snkrr-compare__head-them,
.snkrr-compare__head-them *,
.snkrr-compare__head-feature .snkrr-compare__head-label,
.snkrr-compare__head-them .snkrr-compare__head-label{
  color:var(--snkrr-white) !important;
}
.snkrr-compare__head-us,
.snkrr-compare__head-us *,
.snkrr-compare__head-us .snkrr-compare__head-label{
  color:var(--snkrr-black) !important;
}
.snkrr-compare__head-feature .snkrr-compare__head-label{
  color:rgba(255,255,255,0.55) !important;
}
.snkrr-compare__head-them .snkrr-compare__head-label{
  color:rgba(255,255,255,0.7) !important;
}

/* ============================================================
   COMPARISON TABLE — restyle for descriptive 3-col layout (Them | VS | Us)
   ============================================================ */

/* Reset grid columns: balanced 3-col with VS in narrow middle */
.snkrr-compare__head,
.snkrr-compare__row{
  grid-template-columns:1fr 0.5fr 1fr !important;
}

/* HEADER: dark top with three labels */
.snkrr-compare__head{
  background:var(--snkrr-text) !important;
  color:var(--snkrr-white) !important;
}
.snkrr-compare__head-them,
.snkrr-compare__head-feature,
.snkrr-compare__head-us{
  padding:22px 16px !important;
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
  display:flex !important;
  min-height:64px !important;
}
.snkrr-compare__head-feature{
  background:transparent !important;
  border-left:1px solid rgba(255,255,255,0.08) !important;
  border-right:1px solid rgba(255,255,255,0.08) !important;
}
.snkrr-compare__head-feature .snkrr-compare__head-label{
  color:rgba(255,255,255,0.45) !important;
  font-size:12px !important;
  letter-spacing:3px !important;
}
.snkrr-compare__head-them .snkrr-compare__head-label{
  color:rgba(255,255,255,0.7) !important;
  font-size:12px !important;
  letter-spacing:2.5px !important;
}
.snkrr-compare__head-us{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
}
.snkrr-compare__head-us .snkrr-compare__head-label{
  color:var(--snkrr-black) !important;
  font-size:13px !important;
  letter-spacing:2.5px !important;
  font-weight:800 !important;
}

/* BODY ROWS: them (left), category (middle eyebrow), us (right) */
.snkrr-compare__row{
  border-top:1px solid var(--snkrr-line) !important;
  align-items:stretch !important;
}
.snkrr-compare__them,
.snkrr-compare__feature,
.snkrr-compare__us{
  padding:32px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-family:'Inter',sans-serif !important;
}

/* Them column: muted, slightly off-white background */
.snkrr-compare__them{
  background:#fafafa !important;
  color:var(--snkrr-muted) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  border-left:0 !important;
}

/* Center category column: dark eyebrow label */
.snkrr-compare__feature{
  background:var(--snkrr-white) !important;
  color:var(--snkrr-text) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  text-align:center !important;
  border-left:1px solid var(--snkrr-line) !important;
  border-right:1px solid var(--snkrr-line) !important;
  justify-content:center !important;
}

/* Us column: lime tint background, lime left accent */
.snkrr-compare__us{
  background:rgba(187,240,124,0.12) !important;
  border-left:3px solid var(--snkrr-lime) !important;
  color:var(--snkrr-text) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  letter-spacing:-0.005em !important;
}

/* Hide old check/no marks if they sneak in */
.snkrr-compare__row .snkrr-compare__yes,
.snkrr-compare__row .snkrr-compare__no{display:none !important;}

/* Mobile: stack the comparison so it's readable */
@media (max-width:600px){
  .snkrr-compare__head,
  .snkrr-compare__row{
    grid-template-columns:1fr 1fr !important;
  }
  /* Hide the center VS column on mobile and use category as a separator row */
  .snkrr-compare__head-feature{display:none !important;}
  .snkrr-compare__row .snkrr-compare__feature{
    grid-column:1 / -1 !important;
    background:var(--snkrr-text) !important;
    color:var(--snkrr-white) !important;
    padding:14px 16px !important;
    border:0 !important;
  }
  .snkrr-compare__them,
  .snkrr-compare__us{
    padding:20px 14px !important;
    font-size:13px !important;
  }
  .snkrr-compare__row{
    grid-template-areas:
      "category category"
      "them us" !important;
  }
  .snkrr-compare__row .snkrr-compare__feature{grid-area:category !important;}
  .snkrr-compare__row .snkrr-compare__them{grid-area:them !important;}
  .snkrr-compare__row .snkrr-compare__us{grid-area:us !important;}
}

/* ============================================================
   MENU TEXT SIZE UPGRADE — bigger desktop nav
   ============================================================ */
@media (min-width:990px){
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item,
  .header__inline-menu .header__menu-item,
  header-menu .list-menu__item > a,
  header-menu .list-menu__item > details > summary{
    font-size:14px !important;
    letter-spacing:2px !important;
    font-weight:600 !important;
    padding:18px 4px !important;
  }
  .header__inline-menu .list-menu,
  .header__inline-menu ul{gap:36px !important;}
  .header{
    min-height:88px !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .header__menu-item svg,
  header-menu summary svg{
    width:10px !important;
    height:10px !important;
    margin-left:6px !important;
  }
  .header__menu-item::after,
  .header__inline-menu .list-menu__item .header__menu-item::after,
  header-menu .list-menu__item > a::after,
  header-menu .list-menu__item > details > summary::after{
    height:2px !important;
    bottom:8px !important;
  }
}
@media (min-width:1280px){
  .header__menu-item,
  .header__inline-menu .list-menu__item .header__menu-item{
    font-size:15px !important;
    letter-spacing:2px !important;
    padding:20px 4px !important;
  }
  .header__inline-menu .list-menu,
  .header__inline-menu ul{gap:44px !important;}
}

/* ============================================================
   IG REEL EMBEDS — replace placeholder gallery cards with reels
   ============================================================ */
.snkrr-gallery__grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}
@media (min-width:600px){
  .snkrr-gallery__grid{grid-template-columns:repeat(2,1fr);gap:20px;}
}
@media (min-width:990px){
  .snkrr-gallery__grid{grid-template-columns:repeat(3,1fr);gap:24px;}
}

/* Each card: 9:16 reel aspect ratio, premium framing */
.snkrr-gallery__card{
  position:relative;
  background:var(--snkrr-black);
  border-radius:16px;
  overflow:hidden;
  aspect-ratio:auto !important;
  height:auto !important;
  padding:0 !important;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.snkrr-gallery__card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,0.25);
}

/* The IG iframe itself */
.snkrr-gallery__reel{
  display:block !important;
  width:100% !important;
  height:680px !important;
  border:0 !important;
  background:var(--snkrr-white) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
@media (max-width:600px){
  .snkrr-gallery__reel{height:620px !important;}
}

/* Hide the old label/caption/placeholder elements that aren't being used */
.snkrr-gallery__card .snkrr-gallery__label,
.snkrr-gallery__card .snkrr-gallery__caption,
.snkrr-gallery__card .snkrr-gallery__placeholder{display:none !important;}

/* ---------- Gallery placeholder cards (awaiting reel URLs) ---------- */
.snkrr-gallery__card--placeholder{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
  min-height:680px !important;
  height:680px !important;
  cursor:default;
}
.snkrr-gallery__card--placeholder:hover{transform:none !important;box-shadow:none !important;}
.snkrr-gallery__card--placeholder .snkrr-gallery__placeholder{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:12px !important;
  padding:32px !important;
  width:100% !important;
  height:100% !important;
  background:transparent !important;
}
.snkrr-gallery__placeholder-icon{
  width:64px;height:64px;
  border-radius:50%;
  background:rgba(187,240,124,0.15);
  color:var(--snkrr-lime);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;
  margin-bottom:8px;
}
.snkrr-gallery__placeholder-title{
  font-family:'Inter',sans-serif;
  font-size:14px;font-weight:700;
  color:var(--snkrr-white);
  letter-spacing:1px;text-transform:uppercase;
  margin:0;
}
.snkrr-gallery__placeholder-sub{
  font-family:'Inter',sans-serif;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  margin:0;font-weight:600;
}
@media (max-width:600px){
  .snkrr-gallery__card--placeholder{min-height:620px !important;height:620px !important;}
}

/* ============================================================
   CONVERSION TIER UPGRADES — sticky bar, popups, PDP trust strip, etc
   ============================================================ */

/* ---------- Sticky lime offer bar (above the announcement bar) ---------- */
.snkrr-offer-bar{
  background:var(--snkrr-lime);
  color:var(--snkrr-black);
  text-align:center;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:10px 16px;
  position:relative;
  z-index:11;
  border-bottom:1px solid rgba(0,0,0,0.08);
}
.snkrr-offer-bar a{color:var(--snkrr-black);text-decoration:underline;text-underline-offset:3px;}
.snkrr-offer-bar a:hover{text-decoration:none;}
.snkrr-offer-bar__divider{margin:0 12px;color:rgba(0,0,0,0.4);}
@media (max-width:600px){
  .snkrr-offer-bar{font-size:10px;letter-spacing:1.5px;padding:8px 12px;}
  .snkrr-offer-bar__divider{margin:0 8px;}
}

/* ---------- PDP risk reversal trust strip ---------- */
.snkrr-trust-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  background:var(--snkrr-off);
  border-radius:12px;
  margin:20px 0;
  padding:0;
  border:1px solid var(--snkrr-line);
  font-family:'Inter',sans-serif;
}
.snkrr-trust-strip__item{
  text-align:center;
  padding:16px 12px;
  border-right:1px solid var(--snkrr-line);
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.snkrr-trust-strip__item:last-child{border-right:0;}
.snkrr-trust-strip__icon{
  width:24px;height:24px;
  color:var(--snkrr-text);
  display:flex;align-items:center;justify-content:center;
}
.snkrr-trust-strip__icon svg{width:100%;height:100%;}
.snkrr-trust-strip__title{
  font-size:11px;font-weight:700;letter-spacing:0.5px;
  text-transform:uppercase;color:var(--snkrr-text);margin:0;line-height:1.2;
}
.snkrr-trust-strip__sub{
  font-size:10px;color:var(--snkrr-muted);margin:0;letter-spacing:0.3px;
}
@media (max-width:600px){
  .snkrr-trust-strip__item{padding:12px 6px;}
  .snkrr-trust-strip__title{font-size:10px;letter-spacing:0.3px;}
  .snkrr-trust-strip__sub{font-size:9px;}
}

/* ---------- Bundle savings callout ---------- */
.snkrr-bundle-save{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--snkrr-lime);color:var(--snkrr-black);
  padding:8px 14px;border-radius:999px;
  font-family:'Inter',sans-serif;
  font-size:12px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;
  margin:8px 0 12px;
}

/* ---------- Stock pressure widget ---------- */
.snkrr-stock-pressure{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Inter',sans-serif;
  font-size:13px;font-weight:600;color:#c0392b;
  margin:8px 0;letter-spacing:0.2px;
}
.snkrr-stock-pressure__dot{
  width:8px;height:8px;border-radius:50%;
  background:#c0392b;
  animation:snkrr-pulse 1.5s ease-in-out infinite;
}
@keyframes snkrr-pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:0.6;transform:scale(1.2);}
}

/* ---------- Modal popup (welcome + exit-intent shared) ---------- */
.snkrr-modal-overlay{
  position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,0.7);
  display:none;align-items:center;justify-content:center;
  padding:24px;
  opacity:0;transition:opacity 0.3s ease;
}
.snkrr-modal-overlay.is-open{display:flex;opacity:1;}
.snkrr-modal{
  background:var(--snkrr-white);
  border-radius:20px;
  max-width:480px;width:100%;
  padding:48px 32px;
  text-align:center;position:relative;
  font-family:'Inter',sans-serif;
  transform:scale(0.95);
  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);
  box-shadow:0 24px 80px rgba(0,0,0,0.4);
}
.snkrr-modal-overlay.is-open .snkrr-modal{transform:scale(1);}
.snkrr-modal__close{
  position:absolute;top:16px;right:16px;
  width:32px;height:32px;border:0;background:transparent;
  cursor:pointer;color:var(--snkrr-muted);
  font-size:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.snkrr-modal__close:hover{background:var(--snkrr-off);color:var(--snkrr-text);}
.snkrr-modal__eyebrow{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-lime);margin:0 0 16px;
}
.snkrr-modal__h{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;
  margin:0 0 12px;line-height:1.1;
}
.snkrr-modal__sub{
  font-size:15px;color:var(--snkrr-muted);
  margin:0 0 28px;line-height:1.5;
}
.snkrr-modal__form{display:flex;flex-direction:column;gap:12px;}
.snkrr-modal__form input{
  background:var(--snkrr-off) !important;
  border:1.5px solid transparent !important;
  border-radius:999px !important;
  padding:16px 20px !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  text-align:center !important;
}
.snkrr-modal__form input:focus{
  background:var(--snkrr-white) !important;
  border-color:var(--snkrr-text) !important;
  outline:none !important;
}
.snkrr-modal__btn{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  border-radius:999px !important;
  padding:16px 30px !important;
  font-weight:600 !important;font-size:15px !important;
  border:0 !important;cursor:pointer;
}
.snkrr-modal__btn:hover{background:#222 !important;}

/* Phone field with +1 prefix */
.snkrr-modal__phone-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.snkrr-modal__phone-prefix{
  position:absolute;
  left:20px;
  font-size:14px;
  font-weight:600;
  color:var(--snkrr-muted);
  pointer-events:none;
  z-index:1;
  letter-spacing:0.5px;
}
.snkrr-modal__phone-wrap input{
  padding-left:48px !important;
  text-align:left !important;
  width:100%;
}

/* TCPA consent checkbox + disclosure */
.snkrr-modal__consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  background:var(--snkrr-off);
  border-radius:8px;
  cursor:pointer;
  text-align:left;
  border:1.5px solid transparent;
  transition:border-color .2s ease;
}
.snkrr-modal__consent[hidden]{display:none;}
.snkrr-modal__consent--needed{
  border-color:#c0392b !important;
  background:rgba(192,57,43,0.05) !important;
}
.snkrr-modal__consent-box{
  flex-shrink:0;
  width:18px;
  height:18px;
  margin-top:1px;
  cursor:pointer;
  accent-color:var(--snkrr-lime, #BBF07C);
}
.snkrr-modal__consent-text{
  font-size:11px;
  line-height:1.45;
  color:var(--snkrr-muted);
}
.snkrr-modal__consent-text a{
  color:var(--snkrr-text);
  text-decoration:underline;
}
.snkrr-modal__fineprint{
  font-size:11px;color:var(--snkrr-muted);margin-top:16px;
  letter-spacing:0.3px;
}
.snkrr-modal__success{
  font-size:18px;font-weight:700;color:var(--snkrr-text);
  padding:16px;background:rgba(187,240,124,0.2);
  border-radius:12px;margin-top:16px;
}
.snkrr-modal__code{
  font-family:'Inter',sans-serif;
  font-size:24px;font-weight:800;letter-spacing:3px;
  background:var(--snkrr-black);color:var(--snkrr-lime);
  padding:14px 20px;border-radius:8px;margin:12px 0;
  display:inline-block;
}
.snkrr-modal__reveal-h{
  font-size:22px;font-weight:800;
  color:var(--snkrr-text);
  letter-spacing:-0.01em;
  line-height:1.2;
  margin:14px 0 10px;
}

/* ---------- Frequently Bought Together ---------- */
.snkrr-fbt{
  background:var(--snkrr-off);
  padding:64px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-fbt__inner{max-width:1100px;margin:0 auto;}
.snkrr-fbt__title{
  font-size:28px;font-weight:800;letter-spacing:-0.02em;
  text-align:center;margin:0 0 32px;
}
.snkrr-fbt__grid{
  display:grid;gap:16px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-fbt__grid{grid-template-columns:repeat(3,1fr);gap:24px;}}
.snkrr-fbt__card{
  background:var(--snkrr-white);border-radius:14px;
  overflow:hidden;padding:24px;text-align:center;
  border:1px solid var(--snkrr-line);
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:12px;
  transition:transform 0.15s ease;
}
.snkrr-fbt__card:hover{transform:translateY(-4px);}
.snkrr-fbt__card img{width:100%;max-width:160px;height:auto;margin:0 auto;}
.snkrr-fbt__card-name{
  font-size:14px;font-weight:700;text-transform:uppercase;
  letter-spacing:-0.005em;margin:0;color:var(--snkrr-text);
}
.snkrr-fbt__card-price{font-size:14px;font-weight:600;color:var(--snkrr-text);margin:0;}

/* ---------- Static PDP reviews wall (placeholder for Loox swap) ---------- */
.snkrr-pdp-reviews{
  padding:80px 24px;background:var(--snkrr-white);font-family:'Inter',sans-serif;
}
.snkrr-pdp-reviews__inner{max-width:1200px;margin:0 auto;}
.snkrr-pdp-reviews__head{text-align:center;margin-bottom:48px;}
.snkrr-pdp-reviews__title{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px;
}
.snkrr-pdp-reviews__rating{
  font-size:14px;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:600;color:var(--snkrr-muted);
}
.snkrr-pdp-reviews__stars{color:var(--snkrr-lime);letter-spacing:4px;font-size:18px;margin-bottom:8px;}
.snkrr-pdp-reviews__grid{
  display:grid;gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-pdp-reviews__grid{grid-template-columns:repeat(3,1fr);gap:24px;}}
.snkrr-pdp-reviews__card{
  background:var(--snkrr-off);border-radius:14px;
  padding:24px;display:flex;flex-direction:column;gap:12px;
}
.snkrr-pdp-reviews__card-stars{color:var(--snkrr-lime);letter-spacing:3px;font-size:13px;}
.snkrr-pdp-reviews__card-quote{
  font-size:14px;line-height:1.5;color:var(--snkrr-text);
  flex:1;font-weight:400;
}
.snkrr-pdp-reviews__card-attr{
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);
  border-top:1px solid var(--snkrr-line);padding-top:10px;
}

/* ============================================================
   CART DRAWER + CART ICON FIXES
   ============================================================ */

/* ---------- Cart drawer item layout — title left, price right, proper gap ---------- */
.cart-drawer .cart-items,
cart-drawer .cart-items,
.cart-drawer cart-drawer-items{
  padding:16px 24px !important;
}
.cart-drawer .cart-item,
cart-drawer .cart-item,
.cart-items .cart-item{
  display:grid !important;
  grid-template-columns:80px 1fr auto !important;
  gap:16px !important;
  padding:24px 0 !important;
  border-bottom:1px solid var(--snkrr-line) !important;
  align-items:flex-start !important;
}
.cart-drawer .cart-item__media,
.cart-items .cart-item__media{
  grid-column:1 / 2 !important;
  width:80px !important;height:80px !important;
  border-radius:8px;overflow:hidden;background:var(--snkrr-off);
  padding:8px;display:flex;align-items:center;justify-content:center;
}
.cart-drawer .cart-item__image,
.cart-items .cart-item__image{
  width:100% !important;height:100% !important;
  object-fit:contain !important;border-radius:0 !important;
}
.cart-drawer .cart-item__details,
.cart-items .cart-item__details{
  grid-column:2 / 3 !important;
  display:flex;flex-direction:column;gap:8px !important;
  padding:0 !important;
}
.cart-drawer .cart-item__name,
.cart-items .cart-item__name{
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;font-weight:700 !important;
  letter-spacing:-0.005em !important;text-transform:uppercase !important;
  color:var(--snkrr-text) !important;text-decoration:none !important;
  line-height:1.3 !important;margin:0 !important;display:block !important;
}
.cart-drawer .cart-item__totals,
.cart-drawer .cart-item__price-wrapper,
.cart-items .cart-item__totals{
  grid-column:3 / 4 !important;
  text-align:right;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;font-weight:600 !important;
  color:var(--snkrr-text) !important;
  white-space:nowrap !important;
}
.cart-drawer .product-option,
.cart-items .product-option{font-size:12px;color:var(--snkrr-muted);}

/* Quantity selector inside cart drawer */
.cart-drawer .cart-item__quantity-wrapper,
.cart-items .cart-item__quantity-wrapper{
  margin-top:4px !important;
}
.cart-drawer .quantity,
cart-drawer .quantity,
.cart-items .quantity{
  background:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-line) !important;
  border-radius:999px !important;
  display:inline-flex !important;
  height:36px !important;
  min-height:36px !important;
  min-width:96px !important;
  width:auto !important;
}
.cart-drawer .quantity__input,
.cart-items .quantity__input{
  color:var(--snkrr-text) !important;
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
  background:transparent !important;
  width:32px !important;
  padding:0 !important;
}
.cart-drawer .quantity__button,
.cart-items .quantity__button{
  background:transparent !important;
  color:var(--snkrr-text) !important;
  border:0 !important;
  padding:0 8px !important;
  width:32px !important;height:36px !important;
}
.cart-drawer .quantity__button:hover{color:var(--snkrr-lime) !important;}

/* Remove button — muted text instead of red */
.cart-drawer cart-remove-button,
.cart-items cart-remove-button,
.cart-drawer .cart-remove-button,
.cart-drawer .cart-item__remove,
.cart-items .cart-item__remove,
.cart-drawer .button--tertiary.cart-remove-button{
  display:inline-block !important;
  margin-top:6px !important;
}
.cart-drawer cart-remove-button .button,
.cart-drawer .cart-remove-button .button,
.cart-drawer .cart-item__remove{
  font-family:'Inter',sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  color:var(--snkrr-muted) !important;
  background:transparent !important;
  border:0 !important;
  padding:4px 0 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  border-radius:0 !important;
}
.cart-drawer cart-remove-button .button:hover,
.cart-drawer .cart-item__remove:hover{color:var(--snkrr-text) !important;text-decoration:none !important;}

/* ---------- Cart drawer overlay — lighter so page behind stays visible ---------- */
cart-drawer .drawer__overlay,
.cart-drawer .drawer__overlay,
.cart-drawer__overlay,
.drawer__overlay{
  background:rgba(0,0,0,0.15) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}

/* ---------- Cart count bubble — small accent badge, NOT covering the icon ---------- */
.header__icon--cart{position:relative !important;}
.cart-count-bubble{
  position:absolute !important;
  top:6px !important;
  right:6px !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  padding:0 !important;
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border-radius:999px !important;
  border:2px solid var(--snkrr-black) !important;
  font-family:'Inter',sans-serif !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.cart-count-bubble span{
  color:var(--snkrr-black) !important;
  font-size:9px !important;
  font-weight:800 !important;
}

/* Cart drawer totals + footer */
.cart-drawer__footer,
cart-drawer .drawer__footer{
  padding:20px 24px !important;
  border-top:1px solid var(--snkrr-line) !important;
  background:var(--snkrr-white) !important;
}
.cart-drawer .totals,
cart-drawer .totals{
  display:flex !important;
  justify-content:space-between !important;
  align-items:baseline !important;
  margin-bottom:16px !important;
  padding:16px 0 !important;
  border-top:1px solid var(--snkrr-line) !important;
  font-family:'Inter',sans-serif !important;
}
.cart-drawer .totals__subtotal,
.cart-drawer .totals__total{
  font-size:14px !important;font-weight:700 !important;
  letter-spacing:0.5px !important;text-transform:uppercase !important;
  color:var(--snkrr-text) !important;
}
.cart-drawer .totals__subtotal-value,
.cart-drawer .totals__total-value{
  font-size:18px !important;font-weight:800 !important;
  color:var(--snkrr-text) !important;
}

/* ---------- Free shipping progress bar ---------- */
.cart-drawer__shipping-bar,
.shipping-protection,
.free-shipping-bar,
.cart-drawer .shipping-bar,
.cart-drawer__free-shipping{
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  padding:14px 16px !important;
  border-radius:12px !important;
  margin:0 0 16px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-align:center !important;
}

/* ---------- SOLD OUT badge — fix PDP showing wrong badge ---------- */
/* Only show SOLD OUT when the variant is truly out of stock (Dawn handles via Liquid).
   But our lime-everything CSS may be over-coloring. Make SOLD OUT clearly distinct. */
.product__title + .badge.color-inverse,
.price__badge-sold-out,
.product .badge.color-inverse,
.product .badge--sold-out{
  background:var(--snkrr-text) !important;
  color:var(--snkrr-white) !important;
}
/* If a product is in stock (Liquid sets badge via available check), hide stray SOLD OUT badge */
.product__info-container .badge--sold-out:not(.is-true-sold-out){display:none !important;}

/* ---------- PDP price badges — restore Dawn's conditional visibility ---------- */
/* Dawn renders both .price__badge-sale + .price__badge-sold-out in the DOM
   and hides them based on parent .price--on-sale / .price--sold-out class.
   My earlier catch-all badge rules were forcing display:inline-block, breaking that. */
.price:not(.price--on-sale) .price__badge-sale,
.price:not(.price--sold-out) .price__badge-sold-out{
  display:none !important;
  visibility:hidden !important;
}
/* Make sure when sold-out IS true, the badge shows with proper dark styling */
.price--sold-out .price__badge-sold-out{
  display:inline-block !important;
  background:var(--snkrr-text) !important;
  color:var(--snkrr-white) !important;
}
/* And when on sale, lime pill */
.price--on-sale .price__badge-sale{
  display:inline-block !important;
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
}

/* ---------- Cart count bubble — bigger, more readable number ---------- */
.header__icon--cart .cart-count-bubble,
a.header__icon--cart .cart-count-bubble,
.cart-count-bubble{
  position:absolute !important;
  top:2px !important;
  right:2px !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border-radius:999px !important;
  border:0 !important;
  box-shadow:0 0 0 2px var(--snkrr-black) !important;
  font-family:'Inter',sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.cart-count-bubble span,
.cart-count-bubble *{
  color:var(--snkrr-black) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}
/* When count is 10+ (2 digits), give the bubble a bit more width */
.cart-count-bubble{min-width:20px;}
.cart-count-bubble:has(span:not(:empty)){padding:0 6px;}

/* ---------- Cart count — REMOVE lime bubble, show clean inline number ---------- */
.header__icon--cart,
a.header__icon--cart{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:10px 12px !important;
  width:auto !important;
  position:relative !important;
}
.header__icon--cart .cart-count-bubble,
a.header__icon--cart .cart-count-bubble,
.cart-count-bubble{
  position:static !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--snkrr-lime) !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  padding:0 !important;
  margin:0 !important;
  min-width:auto !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  display:inline-block !important;
  vertical-align:middle !important;
  top:auto !important;
  right:auto !important;
}
.cart-count-bubble span,
.cart-count-bubble *{
  color:var(--snkrr-lime) !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.cart-count-bubble:empty{display:none !important;}

/* ---------- PDP quantity selector — stack label above pill, clean spacing ---------- */
.product-form__quantity,
.product-form__input--quantity{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin-bottom:20px !important;
  width:auto !important;
}
.quantity__label,
.product-form__quantity .form__label{
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  color:var(--snkrr-text) !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.quantity__rules-cart{
  color:var(--snkrr-muted) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0.3px !important;
  text-transform:none !important;
}
.quantity-cart{font-weight:700 !important;color:var(--snkrr-text) !important;}
.product-form__quantity quantity-input.quantity,
.product-form__input--quantity quantity-input.quantity,
.price-per-item__container quantity-input.quantity{
  display:inline-flex !important;
  align-items:center !important;
  background:var(--snkrr-white) !important;
  border:1.5px solid var(--snkrr-line) !important;
  border-radius:999px !important;
  overflow:hidden !important;
  height:52px !important;
  min-height:52px !important;
  width:auto !important;
  min-width:160px !important;
}
.product-form__quantity .quantity__button,
.product-form__input--quantity .quantity__button{
  background:transparent !important;
  border:0 !important;
  color:var(--snkrr-text) !important;
  width:52px !important;height:52px !important;
  padding:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  cursor:pointer !important;
}
.product-form__quantity .quantity__button:hover{color:var(--snkrr-lime) !important;}
.product-form__quantity .quantity__button svg,
.product-form__input--quantity .quantity__button svg{
  width:16px !important;height:16px !important;
}
.product-form__quantity .quantity__input,
.product-form__input--quantity .quantity__input{
  font-family:'Inter',sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--snkrr-text) !important;
  background:transparent !important;
  border:0 !important;
  border-left:1px solid var(--snkrr-line) !important;
  border-right:1px solid var(--snkrr-line) !important;
  text-align:center !important;
  width:56px !important;
  padding:0 !important;
  height:36px !important;
}
.product-form__quantity .quantity__input:focus,
.product-form__input--quantity .quantity__input:focus{
  outline:none !important;
}
.price-per-item__container{display:inline-block !important;}

/* ---------- PDP quantity wrap — kill leftover pill styling so label sits above clean pill ---------- */
.product-form__quantity,
.product-form__input--quantity{
  border-radius:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  width:auto !important;
}

/* ---------- PDP price — force dark text (Dawn's color variable was rendering cream) ---------- */
.product__info-container .price,
.product__info-container .price *,
.product .price,
.product .price *,
.product .price-item,
.product .price-item--regular,
.product .price-item--sale,
.product .price--large,
.product .price--large .price-item,
.price--show-badge .price-item,
.price--show-badge .price-item--regular{
  color:var(--snkrr-text) !important;
}
.product .price--on-sale .price-item--regular{
  color:var(--snkrr-muted) !important;
  text-decoration:line-through !important;
}
.product .price--on-sale .price-item--sale{
  color:var(--snkrr-text) !important;
}

/* ============================================================
   RESPONSIVENESS FIXES — from sweep audit
   ============================================================ */

/* ---------- 1. Cart page horizontal scroll at 750-990px ---------- */
/* Dawn's cart-items table activates desktop layout too early, overflowing the column.
   Force mobile stacked layout up to 990px, then use table-layout:fixed on desktop. */
@media (max-width:989px){
  cart-items table,
  .cart-items table,
  .cart-items__table{
    display:block !important;
    width:100% !important;
  }
  cart-items table thead,
  .cart-items table thead{display:none !important;}
  cart-items table tbody,
  .cart-items table tbody{display:block !important;width:100% !important;}
  cart-items table tr,
  .cart-items table tr{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:16px !important;
    width:100% !important;
    border-bottom:1px solid var(--snkrr-line) !important;
    padding:20px 0 !important;
  }
  cart-items table td,
  .cart-items table td{
    display:block !important;
    padding:4px 0 !important;
    border:0 !important;
    width:auto !important;
  }
  cart-items table td.cart-item__media,
  .cart-items table td.cart-item__media{flex:0 0 80px !important;width:80px !important;}
  cart-items table td.cart-item__details,
  .cart-items table td.cart-item__details{flex:1 1 60% !important;min-width:200px !important;}
  cart-items table td.cart-item__totals,
  .cart-items table td.cart-item__totals{flex:1 1 100% !important;text-align:right !important;}
}
@media (min-width:990px){
  cart-items table,
  .cart-items table,
  .cart-items__table{
    table-layout:fixed !important;
    width:100% !important;
  }
  /* Tighten the left/right page-width padding on cart items */
  .cart-items.page-width,
  cart-items.page-width{
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }
}
/* Belt and braces: prevent the cart-items wrapper from causing whole-doc scroll */
.cart-items,
cart-items{
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* ---------- 2. Announcement bar mobile overflow at 360/414 ---------- */
/* Slideshow blocks render at 350px which exceeds 360px viewport. Force slides to viewport width. */
.announcement-bar slideshow-component,
.utility-bar slideshow-component,
.announcement-bar__slideshow,
.utility-bar__slideshow{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.announcement-bar slider-component,
.utility-bar slider-component{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.announcement-bar .announcement-bar__announcement,
.utility-bar .announcement-bar__announcement{
  max-width:100% !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
@media (max-width:600px){
  .announcement-bar .slider-button,
  .utility-bar .slider-button{
    width:24px !important;
    flex-shrink:0 !important;
    padding:0 4px !important;
  }
  .announcement-bar .slider-button svg,
  .utility-bar .slider-button svg{
    width:8px !important;
    height:8px !important;
  }
  .announcement-bar .announcement-bar__announcement,
  .utility-bar .announcement-bar__announcement{
    padding:10px 4px !important;
    font-size:10px !important;
    letter-spacing:1.5px !important;
  }
}
/* Belt and braces */
.shopify-section-group-header-group{
  max-width:100vw !important;
  overflow-x:clip !important;
}

/* ---------- 3. PDP media bleed — scope negative margin to small viewports only ---------- */
/* Dawn applies negative margins via .slider-mobile-gutter / .product__media-wrapper--small-list
   to make the image edge-to-edge on phones. The negative margin overshoots between 360-600. */
@media (min-width:600px){
  .product__media-wrapper,
  .slider-mobile-gutter,
  .product__media-list,
  .product .slider-mobile-gutter,
  .product__media-wrapper--small-list{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:100% !important;
  }
}
@media (max-width:599px){
  .product__media-wrapper,
  .slider-mobile-gutter,
  .product__media-list,
  .product .slider-mobile-gutter{
    max-width:100vw !important;
    overflow:hidden !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
/* Belt and braces on the product section */
.shopify-section--main-product,
.section-template--main-product,
main#MainContent{
  max-width:100% !important;
  overflow-x:clip !important;
}

/* ============================================================
   UX AUDIT FIXES — Share button contrast + misc
   ============================================================ */

/* ---------- Share button: fix WCAG contrast (lime on white was 2.3:1) ---------- */
.share-button .share-button__button,
.product .share-button__button,
.share-button-button,
.share-button button{
  background:transparent !important;
  color:var(--snkrr-text) !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  border:0 !important;
  border-bottom:1.5px solid var(--snkrr-text) !important;
  border-radius:0 !important;
  padding:6px 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
.share-button .share-button__button:hover,
.share-button button:hover{
  color:var(--snkrr-text) !important;
  border-color:var(--snkrr-lime) !important;
}
.share-button svg{
  width:14px !important;height:14px !important;
  fill:currentColor !important;
  color:var(--snkrr-text) !important;
}

/* ---------- Announcement bar — wrap in semantic region for a11y ---------- */
.snkrr-offer-bar{
  /* Add ARIA region semantics via a sibling rule the JS can hook into.
     Note: we still need to add role="region" + aria-label in theme.liquid markup.
     This CSS placeholder is for tracking. */
}

/* ============================================================
   DESIGN REVIEW FIXES — A- → A
   ============================================================ */

/* ---------- H1 — Strip "Collection: " prefix via CSS hide first 12 chars ---------- */
/* Dawn's collection template outputs "Collection: Solutions" by default.
   Override via Liquid is cleanest; CSS workaround: hide the prefix text node. */
.collection-hero__title{
  font-family:'Inter',sans-serif !important;
}
/* Use CSS counter or :before — but simplest is to display:none on the prefix span if Dawn wraps it */
.collection-hero__title-prefix,
.collection-hero__title .visually-hidden:first-child{display:none !important;}

/* ---------- H2: Bump mobile menu drawer text 14→17px ---------- */
.menu-drawer .menu-drawer__menu-item,
.menu-drawer .menu-drawer__menu a,
menu-drawer .menu-drawer__menu-item,
menu-drawer .menu-drawer__menu a{
  font-size:17px !important;
  font-weight:700 !important;
  letter-spacing:1.5px !important;
  padding:22px 0 !important;
}
.menu-drawer .menu-drawer__submenu a,
menu-drawer .menu-drawer__submenu a{
  font-size:15px !important;
  padding:14px 0 14px 20px !important;
  letter-spacing:0.3px !important;
}
.menu-drawer .menu-drawer__close{
  width:44px !important;height:44px !important;
}

/* ---------- H3: Mobile trust bar — 2x2 grid + replace USA stat ---------- */
@media (max-width:599px){
  .snkrr-trust__inner{
    grid-template-columns:repeat(2,1fr) !important;
    gap:24px !important;
  }
  .snkrr-trust__item{padding:16px 8px !important;}
  .snkrr-trust__stat{font-size:24px !important;}
  .snkrr-trust__label{font-size:10px !important;letter-spacing:1.5px !important;}
  .snkrr-trust{padding:48px 16px !important;}
}

/* ---------- H4: Compare-table H2 mobile sizing + padding ---------- */
@media (max-width:600px){
  .snkrr-compare{padding:80px 24px !important;}
  .snkrr-compare__title{font-size:42px !important;line-height:1.05 !important;}
  .snkrr-compare__sub{font-size:14px !important;margin-bottom:32px !important;}
}

/* ---------- M2: Shipping page — alternate background to break 1734px white ---------- */
.template-page-shipping .snkrr-address,
body[class*="page-shipping"] .snkrr-address,
.template-shipping .snkrr-address{
  background:var(--snkrr-off) !important;
}

/* ---------- M3: Primary CTA hover — real affordance ---------- */
.snkrr-btn--primary:hover,
.snkrr-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 16px rgba(0,0,0,0.15) !important;
}
.snkrr-bb--dark .snkrr-btn--primary:hover,
.snkrr-fs--dark .snkrr-btn--primary:hover,
.snkrr-hero .snkrr-btn--primary:hover{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 20px rgba(187,240,124,0.35) !important;
}
.button:hover:not(.button--secondary):not(.button--tertiary),
.product-form__submit:hover,
.cart__checkout-button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 16px rgba(0,0,0,0.15) !important;
}

/* ---------- M4: PDP H1 bump from 32→48px desktop / 36px mobile ---------- */
.product__title h1,
.product__title .h1,
.product__info-container .product__title h1{
  font-size:36px !important;
  line-height:1.05 !important;
  letter-spacing:-0.025em !important;
  font-weight:800 !important;
}
@media (min-width:750px){
  .product__title h1,
  .product__title .h1,
  .product__info-container .product__title h1{
    font-size:48px !important;
  }
}
@media (min-width:1100px){
  .product__title h1,
  .product__title .h1{
    font-size:54px !important;
  }
}

/* ---------- M5: Cart H1 'Your Cart.' Title Case + bigger ---------- */
.cart__heading,
.cart-page .h1,
main .cart h1,
.template-cart h1,
.section-template--main-cart-items h1,
.cart-items.page-width h1{
  font-size:48px !important;
  font-weight:800 !important;
  letter-spacing:-0.025em !important;
  text-transform:capitalize !important;
}
@media (min-width:750px){
  .cart__heading,
  .cart-items.page-width h1{
    font-size:56px !important;
  }
}
/* Add the trailing period via ::after if not already present */
.cart__heading::after,
.cart-items.page-width h1::after{
  content:'.';
}

/* ============================================================
   PDP STICKY IMAGE — eliminate dead space when description is long
   ============================================================ */
@media (min-width:990px){
  .product__media-wrapper,
  .product__media-gallery{
    position:sticky !important;
    top:120px !important;
    align-self:flex-start !important;
    z-index:1 !important;
    max-height:calc(100vh - 140px) !important;
    overflow:hidden !important;
  }
  /* Ensure the parent grid lets the sticky child align to top */
  .product,
  .product--no-media,
  .product--small,
  .product--medium,
  .product--large{
    align-items:flex-start !important;
  }
  /* Constrain image within the sticky frame */
  .product__media-wrapper .product__media,
  .product__media-wrapper .media{
    max-height:calc(100vh - 140px) !important;
  }
  .product__media-wrapper img{
    max-height:calc(100vh - 180px) !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
  /* Thumbnails below should also stick */
  .product__media-list,
  .thumbnail-list{
    max-height:80px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
}

/* Mobile: no sticky, normal flow */
@media (max-width:989px){
  .product__media-wrapper{
    position:static !important;
    max-height:none !important;
  }
}

/* ============================================================
   PDP DESCRIPTION ACCORDION — split long copy into collapsible sections
   ============================================================ */
.product__description{
  font-family:'Inter',sans-serif !important;
  margin-top:24px !important;
}

/* Style the existing description content */
.product__description h2,
.product__description h3,
.product__description strong{
  font-weight:700 !important;
  color:var(--snkrr-text) !important;
}
.product__description p{
  font-size:15px !important;
  line-height:1.6 !important;
  color:var(--snkrr-text) !important;
  margin:0 0 16px !important;
}
.product__description ul{
  list-style:none !important;
  padding-left:0 !important;
  margin:16px 0 !important;
}
.product__description ul li{
  padding-left:24px !important;
  position:relative !important;
  margin-bottom:12px !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
.product__description ul li::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  top:8px !important;
  width:8px !important;
  height:8px !important;
  background:var(--snkrr-lime) !important;
  border-radius:50% !important;
}

/* Optional: collapsible description if marked up as <details> by user */
.product__description details{
  border-top:1px solid var(--snkrr-line) !important;
  padding:16px 0 !important;
  margin:0 !important;
}
.product__description details summary{
  cursor:pointer !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  list-style:none !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}
.product__description details summary::-webkit-details-marker{display:none !important;}
.product__description details summary::after{
  content:'+';
  font-size:24px;
  font-weight:300;
  color:var(--snkrr-muted);
}
.product__description details[open] summary::after{content:'−';color:var(--snkrr-lime);}

/* ============================================================
   PDP TABS — Overview | Details | Reviews | Shipping
   ============================================================ */
.snkrr-pdp-tabs{
  background:var(--snkrr-white);
  padding:80px 24px;
  font-family:'Inter',sans-serif;
  border-top:1px solid var(--snkrr-line);
  margin-top:64px;
}
.snkrr-pdp-tabs__inner{max-width:1200px;margin:0 auto;}
.snkrr-pdp-tabs__nav{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--snkrr-line);
  margin-bottom:48px;
  overflow-x:auto;
  scrollbar-width:none;
}
.snkrr-pdp-tabs__nav::-webkit-scrollbar{display:none;}
.snkrr-pdp-tabs__trigger{
  background:transparent;
  border:0;
  padding:18px 28px;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--snkrr-muted);
  cursor:pointer;
  position:relative;
  white-space:nowrap;
  transition:color 0.18s ease;
}
.snkrr-pdp-tabs__trigger::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:var(--snkrr-text);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform 0.22s ease;
}
.snkrr-pdp-tabs__trigger:hover{color:var(--snkrr-text);}
.snkrr-pdp-tabs__trigger.is-active{color:var(--snkrr-text);}
.snkrr-pdp-tabs__trigger.is-active::after{transform:scaleX(1);}

.snkrr-pdp-tabs__panel{
  display:none;
  font-size:16px;
  line-height:1.65;
  color:var(--snkrr-text);
  max-width:760px;
  margin:0 auto;
}
.snkrr-pdp-tabs__panel.is-active{display:block;animation:snkrrFadeIn .3s ease;}
.snkrr-pdp-tabs__panel h3{
  font-size:20px;font-weight:800;letter-spacing:-0.01em;
  margin:32px 0 12px;text-transform:uppercase;
}
.snkrr-pdp-tabs__panel ul{
  list-style:none;padding:0;margin:16px 0;
}
.snkrr-pdp-tabs__panel ul li{
  padding-left:24px;position:relative;margin-bottom:12px;
}
.snkrr-pdp-tabs__panel ul li::before{
  content:'';position:absolute;left:0;top:9px;
  width:8px;height:8px;background:var(--snkrr-lime);border-radius:50%;
}
.snkrr-pdp-tabs__panel p{margin:0 0 16px;}

@media (max-width:600px){
  .snkrr-pdp-tabs{padding:48px 16px;}
  .snkrr-pdp-tabs__trigger{padding:14px 16px;font-size:11px;letter-spacing:1.5px;}
  .snkrr-pdp-tabs__panel{font-size:15px;}
}

/* Hide the default description in the right column since it moves to tabs */
.product__info-container .product__description{display:none !important;}

/* ============================================================
   FHB APPAREL PAGE — lookbook style
   ============================================================ */
.snkrr-fhb-hero{
  position:relative;
  background:var(--snkrr-black) !important;
  color:var(--snkrr-white) !important;
  font-family:'Inter',sans-serif;
  padding:120px 24px 96px;
  text-align:center;
  overflow:hidden;
}
/* Higher-specificity to beat .color-background-1 h1 sitewide override */
.snkrr-fhb-hero .snkrr-fhb-hero__eyebrow,
.color-background-1 .snkrr-fhb-hero__eyebrow,
.color-background-2 .snkrr-fhb-hero__eyebrow{
  color:var(--snkrr-lime, #BBF07C) !important;
}
.snkrr-fhb-hero .snkrr-fhb-hero__h,
.color-background-1 .snkrr-fhb-hero__h,
.color-background-2 .snkrr-fhb-hero__h{
  font-size:64px !important;
  line-height:0.95 !important;
  letter-spacing:-0.03em !important;
  font-weight:900 !important;
  margin:0 auto !important;
  max-width:840px;
  text-transform:uppercase !important;
  color:#fff !important;
  opacity:1 !important;
}
.snkrr-fhb-hero .snkrr-fhb-hero__sub,
.color-background-1 .snkrr-fhb-hero__sub,
.color-background-2 .snkrr-fhb-hero__sub{
  font-size:16px !important;
  line-height:1.5 !important;
  color:rgba(255,255,255,0.75) !important;
  max-width:560px;
  margin:24px auto 0 !important;
  opacity:1 !important;
}
@media (min-width:990px){
  .snkrr-fhb-hero .snkrr-fhb-hero__h,
  .color-background-1 .snkrr-fhb-hero__h,
  .color-background-2 .snkrr-fhb-hero__h{font-size:104px !important;}
}
@media (min-width:1280px){
  .snkrr-fhb-hero .snkrr-fhb-hero__h,
  .color-background-1 .snkrr-fhb-hero__h,
  .color-background-2 .snkrr-fhb-hero__h{font-size:128px !important;}
}

.snkrr-fhb-story{
  background:var(--snkrr-white);
  padding:96px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-fhb-story__inner{max-width:760px;margin:0 auto;text-align:center;}
.snkrr-fhb-story__eyebrow{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  font-weight:700;color:var(--snkrr-muted);margin:0 0 16px;
}
.snkrr-fhb-story__h{
  font-size:42px;font-weight:800;letter-spacing:-0.025em;margin:0 0 32px;
}
@media (min-width:990px){.snkrr-fhb-story__h{font-size:56px;}}
.snkrr-fhb-story__body{
  font-size:18px;line-height:1.6;color:var(--snkrr-text);
}
.snkrr-fhb-story__body p{margin:0 0 16px;}

.snkrr-fhb-grid-wrap{
  background:var(--snkrr-off);
  padding:80px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-fhb-grid-wrap__inner{max-width:1280px;margin:0 auto;}
.snkrr-fhb-grid-wrap__head{text-align:center;margin-bottom:48px;}
.snkrr-fhb-grid-wrap__h{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px;
}
.snkrr-fhb-grid-wrap__sub{
  font-size:15px;color:var(--snkrr-muted);
}
.snkrr-fhb-grid{
  display:grid;gap:24px;
  grid-template-columns:1fr;
}
@media (min-width:600px){.snkrr-fhb-grid{grid-template-columns:repeat(2,1fr);gap:32px;}}
@media (min-width:990px){.snkrr-fhb-grid{grid-template-columns:repeat(4,1fr);gap:24px;}}
.snkrr-fhb-card{
  background:var(--snkrr-white);
  border-radius:14px;
  overflow:hidden;
  position:relative;
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.snkrr-fhb-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.1);}
.snkrr-fhb-card__media{
  aspect-ratio:1/1;background:var(--snkrr-off);overflow:hidden;
}
.snkrr-fhb-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.snkrr-fhb-card__body{padding:20px 18px 24px;}
.snkrr-fhb-card__name{
  font-size:14px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;
  margin:0 0 8px;color:var(--snkrr-text);
}
.snkrr-fhb-card__price{
  font-size:15px;font-weight:600;color:var(--snkrr-text);margin:0;
}
.snkrr-fhb-card__soldout{
  position:absolute;top:14px;left:14px;
  background:var(--snkrr-text);color:var(--snkrr-white);
  padding:5px 12px;border-radius:999px;
  font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;
}

.snkrr-fhb-cta{
  background:var(--snkrr-black);color:var(--snkrr-white);
  padding:96px 24px;text-align:center;font-family:'Inter',sans-serif;
}
.snkrr-fhb-cta__inner{max-width:560px;margin:0 auto;}
.snkrr-fhb-cta__h{font-size:36px;font-weight:800;letter-spacing:-0.02em;margin:0 0 24px;color:var(--snkrr-white);}
.snkrr-fhb-cta__sub{font-size:15px;color:rgba(255,255,255,0.7);margin-bottom:32px;}
@media (min-width:990px){.snkrr-fhb-cta__h{font-size:48px;}}

/* ============================================================
   PDP STICKY IMAGE FIX — remove aggressive clipping
   ============================================================ */
@media (min-width:990px){
  .product__media-wrapper,
  .product__media-gallery{
    position:sticky !important;
    top:120px !important;
    align-self:flex-start !important;
    max-height:none !important;
    overflow:visible !important;
    z-index:1 !important;
  }
  .product__media-wrapper .product__media,
  .product__media-wrapper .media,
  .product__media-wrapper img{
    max-height:none !important;
    height:auto !important;
    width:auto !important;
    max-width:100% !important;
  }
  .product__media-wrapper .media{overflow:visible !important;}
  .product__media-list,
  .thumbnail-list{max-height:none !important;overflow:visible !important;}
}

/* ============================================================
   PRODUCT LEAD — 2-sentence hook under product title
   ============================================================ */
.snkrr-product-lead{
  margin:8px 0 20px;
  font-family:'Inter',sans-serif;
  max-width:520px;
}
.snkrr-product-lead__hook{
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.005em;
  color:var(--snkrr-text);
  margin:0 0 6px;
  line-height:1.3;
}
.snkrr-product-lead__body{
  font-size:14px;
  line-height:1.5;
  color:var(--snkrr-muted);
  margin:0;
}
@media (min-width:990px){
  .snkrr-product-lead__hook{font-size:18px;}
  .snkrr-product-lead__body{font-size:15px;}
}

/* The host section wrapper is hidden — JS moves the inner lead into the title block */
#snkrr-product-lead-host{display:none;}
.product__info-container .snkrr-product-lead{display:block;}

/* =========================================================
   PDP video embed (YouTube)
   ========================================================= */
.snkrr-pdp-video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin:0 0 24px;
  border-radius:10px;
  overflow:hidden;
  background:#000;
}
.snkrr-pdp-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}

/* =========================================================
   PDP trust strip: 4-up variant w/ risk reversal
   ========================================================= */
.snkrr-trust-strip--4up{
  grid-template-columns:repeat(4, 1fr) !important;
  gap:14px !important;
}
.snkrr-trust-strip--4up .snkrr-trust-strip__title{
  font-size:13px !important;
  line-height:1.25;
}
.snkrr-trust-strip--4up .snkrr-trust-strip__sub{
  font-size:11px !important;
  line-height:1.3;
}
@media (max-width:749px){
  .snkrr-trust-strip--4up{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:0 !important;
  }
  .snkrr-trust-strip--4up .snkrr-trust-strip__item:nth-child(2n){
    border-right:0;
  }
  .snkrr-trust-strip--4up .snkrr-trust-strip__item:nth-child(-n+2){
    border-bottom:1px solid var(--snkrr-line);
  }
}
@media (max-width:380px){
  .snkrr-trust-strip--4up .snkrr-trust-strip__title{font-size:12px !important;}
}

/* =========================================================
   Cart drawer upsell
   ========================================================= */
.snkrr-cart-upsell{
  margin:0 1.5rem 1.5rem;
  padding:14px 16px 16px;
  background:linear-gradient(135deg, #BBF07C 0%, #d8f5b8 100%);
  border-radius:14px;
  color:#000;
  font-family:'Inter',sans-serif;
}
.snkrr-cart-upsell__eyebrow{
  font-size:10px;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin:0 0 10px;
  color:#000;
}
.snkrr-cart-upsell__row{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:12px;
  align-items:center;
}
.snkrr-cart-upsell__img{
  width:64px;
  height:64px;
  border-radius:8px;
  background:#fff;
  object-fit:cover;
  display:block;
}
.snkrr-cart-upsell__body{min-width:0;}
.snkrr-cart-upsell__name{
  font-weight:700;
  font-size:13px;
  margin:0 0 2px;
  color:#000;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.snkrr-cart-upsell__sub{
  font-size:11px;
  margin:0 0 4px;
  color:#000;
  opacity:0.78;
  line-height:1.3;
}
.snkrr-cart-upsell__price{
  font-size:13px;
  font-weight:800;
  margin:0;
  color:#000;
}
.snkrr-cart-upsell__btn{
  background:#000;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:700;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.2px;
  cursor:pointer;
  transition:background .2s ease, transform .15s ease;
  white-space:nowrap;
  font-family:'Inter',sans-serif;
}
.snkrr-cart-upsell__btn:hover{background:#1a1a1a;transform:translateY(-1px);}
.snkrr-cart-upsell__btn:active{transform:translateY(0);}
.snkrr-cart-upsell__btn:disabled{opacity:0.6;cursor:wait;transform:none;}

/* =========================================================
   FHB Drop badge + notify section
   ========================================================= */
.snkrr-drop-badge{
  display:inline-block;
  background:var(--snkrr-lime, #BBF07C);
  color:#000;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin-right:8px;
  vertical-align:middle;
}
.snkrr-fhb-hero__eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}

.snkrr-fhb-notify{
  background:#000;
  color:#fff;
  padding:80px 24px;
  font-family:'Inter',sans-serif;
}
.snkrr-fhb-notify__inner{
  max-width:640px;
  margin:0 auto;
  text-align:center;
}
.snkrr-fhb-notify__eyebrow{
  font-size:11px;
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--snkrr-lime, #BBF07C);
  margin:0 0 14px;
}
.snkrr-fhb-notify__h{
  font-size:36px;
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.1;
  margin:0 0 14px;
  color:#fff;
}
.snkrr-fhb-notify__sub{
  font-size:15px;
  line-height:1.55;
  margin:0 auto 28px;
  color:#cfcfcf;
  max-width:480px;
}
.snkrr-fhb-notify__form{
  display:flex;
  gap:8px;
  max-width:440px;
  margin:0 auto;
}
.snkrr-fhb-notify__form input[type="email"]{
  flex:1;
  min-width:0;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid #333;
  background:#1a1a1a;
  color:#fff;
  font-size:14px;
  font-family:'Inter',sans-serif;
  outline:none;
  transition:border-color .2s ease;
}
.snkrr-fhb-notify__form input[type="email"]:focus{border-color:var(--snkrr-lime, #BBF07C);}
.snkrr-fhb-notify__form input[type="email"]::placeholder{color:#888;}
.snkrr-fhb-notify__form button{
  background:var(--snkrr-lime, #BBF07C);
  color:#000;
  border:0;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  cursor:pointer;
  font-family:'Inter',sans-serif;
  transition:background .2s ease;
  white-space:nowrap;
}
.snkrr-fhb-notify__form button:hover{background:#a5e063;}
@media (max-width:600px){
  .snkrr-fhb-notify{padding:60px 20px;}
  .snkrr-fhb-notify__h{font-size:28px;}
  .snkrr-fhb-notify__form{flex-direction:column;}
  .snkrr-fhb-notify__form button{width:100%;}
}

/* =========================================================
   Breadcrumbs (minimal text trail)
   ========================================================= */
.snkrr-breadcrumbs{
  max-width:1200px;
  margin:0 auto;
  padding:14px 24px 0;
  font-family:'Inter',sans-serif;
}
.snkrr-breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:12px;
  color:var(--snkrr-muted, #717171);
  letter-spacing:0.3px;
}
.snkrr-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  line-height:1.4;
}
.snkrr-breadcrumbs__link{
  color:var(--snkrr-muted, #717171);
  text-decoration:none;
  transition:color .15s ease;
}
.snkrr-breadcrumbs__link:hover{
  color:var(--snkrr-text, #000);
  text-decoration:underline;
}
.snkrr-breadcrumbs__sep{
  color:var(--snkrr-line, #d4d4d4);
  user-select:none;
  font-size:13px;
  line-height:1;
}
.snkrr-breadcrumbs__item--current{
  color:var(--snkrr-text, #000);
  font-weight:600;
  border-bottom:2px solid var(--snkrr-lime, #BBF07C);
  padding-bottom:1px;
}
@media (max-width:600px){
  .snkrr-breadcrumbs{padding:12px 20px 0;}
  .snkrr-breadcrumbs__list{font-size:11px;gap:6px;}
}

/* =========================================================
   About: Brand section (replaces founder story)
   ========================================================= */
.snkrr-about__brand{
  padding:96px 24px;
  background:var(--snkrr-white);
  font-family:'Inter',sans-serif;
}
.snkrr-about__brand-inner{
  max-width:840px;
  margin:0 auto;
  text-align:center;
}
.snkrr-about__brand-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 16px;
}
.snkrr-about__brand-h{
  font-size:40px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 32px;
}
@media (min-width:990px){.snkrr-about__brand-h{font-size:56px;}}
.snkrr-about__brand-body p{
  font-size:18px;line-height:1.65;color:var(--snkrr-text);margin:0 0 20px;
  text-align:left;
}
@media (min-width:750px){
  .snkrr-about__brand-body p{text-align:center;}
}

/* =========================================================
   About: Press strip (compact, links to /pages/press)
   ========================================================= */
.snkrr-about__press{
  padding:80px 24px;
  background:var(--snkrr-off);
  font-family:'Inter',sans-serif;
}
.snkrr-about__press-inner{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}
.snkrr-about__press-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 24px;
}
.snkrr-about__press-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:14px 18px;
  margin:0 0 32px;
}
.snkrr-about__press-logo{
  font-size:14px;
  font-weight:700;
  letter-spacing:0.3px;
  color:var(--snkrr-text);
  text-transform:uppercase;
}
@media (min-width:750px){
  .snkrr-about__press-logo{font-size:16px;}
}
.snkrr-about__press-divider{
  color:var(--snkrr-line);
  font-size:14px;
}
@media (max-width:600px){
  .snkrr-about__press-divider{display:none;}
}

/* =========================================================
   Press page
   ========================================================= */
.snkrr-press__hero{
  background:#000 !important;
  color:#fff !important;
  padding:96px 24px 80px;
  text-align:center;
  font-family:'Inter',sans-serif;
}
.snkrr-press__hero .snkrr-press__hero-eyebrow,
.color-background-1 .snkrr-press__hero-eyebrow,
.color-background-2 .snkrr-press__hero-eyebrow{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:var(--snkrr-lime, #BBF07C) !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
.snkrr-press__hero .snkrr-press__hero-h,
.color-background-1 .snkrr-press__hero-h,
.color-background-2 .snkrr-press__hero-h{
  font-size:48px !important;
  font-weight:900 !important;
  letter-spacing:-0.02em !important;
  line-height:1 !important;
  color:#fff !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
@media (min-width:990px){
  .snkrr-press__hero .snkrr-press__hero-h,
  .color-background-1 .snkrr-press__hero-h,
  .color-background-2 .snkrr-press__hero-h{font-size:80px !important;}
}
.snkrr-press__hero .snkrr-press__hero-sub,
.color-background-1 .snkrr-press__hero-sub,
.color-background-2 .snkrr-press__hero-sub{
  font-size:16px !important;
  line-height:1.5 !important;
  color:#cfcfcf !important;
  margin:0 auto !important;
  max-width:560px;
  opacity:1 !important;
}
.snkrr-press__list{
  padding:80px 24px;
  background:var(--snkrr-white);
  font-family:'Inter',sans-serif;
}
.snkrr-press__list-inner{
  max-width:880px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.snkrr-press__card{
  display:block;
  padding:32px 28px;
  background:var(--snkrr-off);
  border:1px solid var(--snkrr-line);
  border-radius:16px;
  text-decoration:none;
  color:var(--snkrr-text);
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.snkrr-press__card:hover{
  transform:translateY(-2px);
  border-color:var(--snkrr-text);
  background:var(--snkrr-white);
}
.snkrr-press__card-pub{
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--snkrr-muted);
  margin:0 0 12px;
}
.snkrr-press__card-title{
  font-size:22px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.01em;
  color:var(--snkrr-text);
  margin:0 0 12px;
}
@media (min-width:750px){.snkrr-press__card-title{font-size:26px;}}
.snkrr-press__card-meta{
  font-size:13px;
  color:var(--snkrr-muted);
  margin:0 0 18px;
}
.snkrr-press__card-link{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.5px;
  color:var(--snkrr-text);
  border-bottom:2px solid var(--snkrr-lime);
  padding-bottom:2px;
}

/* =========================================================
   Services: Add-ons section
   ========================================================= */
.snkrr-addons{
  padding:80px 24px;
  background:var(--snkrr-off);
  font-family:'Inter',sans-serif;
}
.snkrr-addons__inner{max-width:1100px;margin:0 auto;}
.snkrr-addons__head{text-align:center;margin-bottom:40px;}
.snkrr-addons__eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 12px;
}
.snkrr-addons__title{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 12px;
}
@media (min-width:990px){.snkrr-addons__title{font-size:44px;}}
.snkrr-addons__sub{
  font-size:15px;color:var(--snkrr-muted);max-width:520px;margin:0 auto;
}
.snkrr-addons__list{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}
@media (min-width:750px){.snkrr-addons__list{grid-template-columns:repeat(3,1fr);gap:20px;}}
.snkrr-addon{
  background:var(--snkrr-white);
  border:1px solid var(--snkrr-line);
  border-radius:12px;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.snkrr-addon__name{
  font-size:16px;font-weight:800;letter-spacing:0.5px;
  text-transform:uppercase;color:var(--snkrr-text);margin:0;
}
.snkrr-addon__price{
  font-size:24px;font-weight:800;color:var(--snkrr-text);margin:0 0 8px;
}
.snkrr-addon__desc{
  font-size:14px;line-height:1.5;color:var(--snkrr-muted);margin:0;
}

/* =========================================================
   Services: Turnaround disclaimer
   ========================================================= */
.snkrr-turnaround{
  padding:64px 24px;
  background:var(--snkrr-white);
  font-family:'Inter',sans-serif;
}
.snkrr-turnaround__inner{
  max-width:720px;
  margin:0 auto;
  text-align:center;
  border:1px solid var(--snkrr-line);
  border-radius:16px;
  padding:40px 32px;
  background:var(--snkrr-off);
}
.snkrr-turnaround__eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 12px;
}
.snkrr-turnaround__title{
  font-size:28px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 16px;
}
@media (min-width:990px){.snkrr-turnaround__title{font-size:36px;}}
.snkrr-turnaround__text{
  font-size:15px;line-height:1.6;color:var(--snkrr-muted);margin:0;
}

/* =========================================================
   Terms of Service page
   ========================================================= */
.snkrr-terms__hero{
  background:#000 !important;
  color:#fff !important;
  padding:96px 24px 80px;
  text-align:center;
  font-family:'Inter',sans-serif;
}
/* Higher-specificity selectors to beat .color-background-1 h1 rule */
.snkrr-terms__hero .snkrr-terms__hero-eyebrow,
.color-background-1 .snkrr-terms__hero-eyebrow,
.color-background-2 .snkrr-terms__hero-eyebrow{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:var(--snkrr-lime, #BBF07C) !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
.snkrr-terms__hero .snkrr-terms__hero-h,
.color-background-1 .snkrr-terms__hero-h,
.color-background-2 .snkrr-terms__hero-h{
  font-size:48px !important;
  font-weight:900 !important;
  letter-spacing:-0.02em !important;
  line-height:1 !important;
  color:#fff !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
@media (min-width:990px){
  .snkrr-terms__hero .snkrr-terms__hero-h,
  .color-background-1 .snkrr-terms__hero-h,
  .color-background-2 .snkrr-terms__hero-h{font-size:72px !important;}
}
.snkrr-terms__hero .snkrr-terms__hero-sub,
.color-background-1 .snkrr-terms__hero-sub,
.color-background-2 .snkrr-terms__hero-sub{
  font-size:16px !important;
  line-height:1.55 !important;
  color:#cfcfcf !important;
  margin:0 auto !important;
  max-width:640px;
  opacity:1 !important;
}
.snkrr-terms{
  padding:80px 24px;
  background:var(--snkrr-white);
  font-family:'Inter',sans-serif;
}
.snkrr-terms__inner{
  max-width:820px;
  margin:0 auto;
}
.snkrr-terms__notice{
  background:var(--snkrr-lime);
  color:#000;
  padding:24px 28px;
  border-radius:12px;
  margin:0 0 56px;
  font-size:15px;
  line-height:1.55;
}
.snkrr-terms__notice p{margin:0;color:#000;}
.snkrr-terms__notice strong{font-weight:800;}
.snkrr-terms__section{
  margin:0 0 40px;
  padding-bottom:32px;
  border-bottom:1px solid var(--snkrr-line);
}
.snkrr-terms__section:last-of-type{border-bottom:0;}
.snkrr-terms__section--callout{
  background:var(--snkrr-off);
  padding:32px;
  border-radius:12px;
  border:1px solid var(--snkrr-line);
}
.snkrr-terms__h{
  font-size:22px;font-weight:800;letter-spacing:-0.01em;
  line-height:1.25;color:var(--snkrr-text);margin:0 0 14px;
}
@media (min-width:750px){.snkrr-terms__h{font-size:26px;}}
.snkrr-terms__section p{
  font-size:16px;line-height:1.65;color:var(--snkrr-text);margin:0 0 14px;
}
.snkrr-terms__section p:last-child{margin-bottom:0;}
.snkrr-terms__thanks{
  text-align:center;
  margin:48px 0 0;
  padding:32px 0 0;
  border-top:1px solid var(--snkrr-line);
}
.snkrr-terms__thanks p{
  font-size:14px;color:var(--snkrr-muted);
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:700;
  margin:0 0 6px;
}
.snkrr-terms__vat{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:1px !important;
  color:var(--snkrr-muted) !important;
  margin:0 !important;
  text-transform:none !important;
  font-style:italic;
}

/* =========================================================
   Shipping page: terms acceptance notice strip
   ========================================================= */
.snkrr-terms-notice{
  padding:48px 24px;
  background:var(--snkrr-lime);
  font-family:'Inter',sans-serif;
}
.snkrr-terms-notice__inner{
  max-width:720px;
  margin:0 auto;
  text-align:center;
  color:#000;
}
.snkrr-terms-notice__eyebrow{
  font-size:11px;font-weight:800;letter-spacing:2.5px;
  text-transform:uppercase;color:#000;margin:0 0 12px;opacity:0.7;
}
.snkrr-terms-notice__text{
  font-size:17px;line-height:1.5;color:#000;margin:0 0 20px;
}
.snkrr-terms-notice__text a{color:#000;text-decoration:underline;font-weight:700;}
.snkrr-terms-notice .snkrr-btn--secondary{
  background:#000;color:#fff !important;border-color:#000;
}
.snkrr-terms-notice .snkrr-btn--secondary:hover{
  background:#1a1a1a;color:#fff !important;
}

/* =========================================================
   Shipping page: sample packing slip
   ========================================================= */
.snkrr-slip{
  padding:80px 24px;
  background:var(--snkrr-off);
  font-family:'Inter',sans-serif;
}
.snkrr-slip__inner{
  max-width:720px;
  margin:0 auto;
}
.snkrr-slip__head{text-align:center;margin-bottom:32px;}
.snkrr-slip__eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 12px;
}
.snkrr-slip__title{
  font-size:32px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.15;color:var(--snkrr-text);margin:0 0 12px;
}
@media (min-width:990px){.snkrr-slip__title{font-size:40px;}}
.snkrr-slip__sub{
  font-size:15px;color:var(--snkrr-muted);max-width:520px;margin:0 auto;
}
.snkrr-slip__print-btn{margin-top:24px;}
.snkrr-slip__printable{margin:0 0 24px;}
.snkrr-slip__doc{
  background:#fff;
  border:2px solid #000;
  border-radius:12px;
  padding:32px 24px;
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  color:#000;
  font-size:13px;
  line-height:1.45;
}
@media (min-width:600px){.snkrr-slip__doc{padding:40px 36px;}}
.snkrr-slip__doc-header{
  text-align:center;
  margin:0 0 28px;
  padding-bottom:18px;
  border-bottom:2px solid #000;
}
.snkrr-slip__doc-brand{
  font-size:24px;font-weight:900;letter-spacing:4px;margin:0;color:#000;
}
.snkrr-slip__doc-subbrand{
  font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  margin:6px 0 0;color:#666;
}
.snkrr-slip__block{
  margin:0 0 28px;
  padding-bottom:24px;
  border-bottom:1px solid #ccc;
}
.snkrr-slip__block:last-of-type{border-bottom:0;}
.snkrr-slip__block-h{
  font-size:13px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:#000;margin:0 0 14px;
}
.snkrr-slip__sub-h{
  font-size:12px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:#666;margin:18px 0 8px;
}
.snkrr-slip__hint{
  font-size:11px;color:#666;margin:0 0 12px;font-style:italic;
}
.snkrr-slip__row{
  display:flex;align-items:flex-end;gap:8px;
  margin:8px 0;
  min-height:24px;
}
.snkrr-slip__label{
  font-size:12px;font-weight:700;color:#333;flex-shrink:0;
  min-width:110px;
}
.snkrr-slip__line{
  flex:1;border-bottom:1px solid #000;height:18px;
}
.snkrr-slip__pair{
  margin:14px 0;
  padding:10px 14px;
  border-left:3px solid #000;
}
.snkrr-slip__pair-num{
  font-size:11px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:#000;margin:0 0 6px;
}
.snkrr-slip__checks{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
@media (min-width:600px){.snkrr-slip__checks{grid-template-columns:repeat(2,1fr);}}
.snkrr-slip__checks-inline{
  display:flex;flex-wrap:wrap;gap:24px;margin:8px 0 12px;
}
.snkrr-slip__check{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:#000;
}
.snkrr-slip__box{
  display:inline-block;
  width:14px;height:14px;
  border:1.5px solid #000;
  flex-shrink:0;
  background:#fff;
}
.snkrr-slip__price{
  font-weight:700;color:#000;margin-left:auto;
  font-variant-numeric:tabular-nums;
}
.snkrr-slip__block--internal{
  background:#f5f5f5;
  padding:24px;
  border-radius:8px;
  border:1px dashed #999;
}
.snkrr-slip__block--agreement{
  background:#fffce6;
  padding:24px;
  border-radius:8px;
  border:2px solid #000;
}
.snkrr-slip__agreement-text{
  font-size:12px;
  line-height:1.55;
  color:#000;
  margin:0 0 16px;
}
.snkrr-slip__doc-footer{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #ccc;
  text-align:center;
}
.snkrr-slip__doc-footer p{
  font-size:10px;color:#666;margin:2px 0;letter-spacing:0.5px;
}
.snkrr-slip__note{
  text-align:center;
  font-size:14px;
  font-weight:700;
  color:var(--snkrr-text);
  margin:0;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* =========================================================
   PRINT STYLES — collapse layout, show only the slip,
   tight one-page output
   ========================================================= */
@media print {
  @page { margin: 0.5in; size: letter portrait; }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* Collapse every body child that does NOT contain the slip */
  body > *:not(:has(.snkrr-slip__printable)) {
    display: none !important;
  }

  /* Collapse every Shopify section EXCEPT the one that holds the slip */
  .shopify-section:not(:has(.snkrr-slip__printable)) {
    display: none !important;
  }

  /* Reset slip section wrappers */
  .shopify-section:has(.snkrr-slip__printable),
  .snkrr-slip {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  /* Hide intro / button / footnote inside the slip section */
  .snkrr-slip__head,
  .snkrr-slip__print-btn,
  .snkrr-slip__note {
    display: none !important;
  }

  .snkrr-slip__printable {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* The actual document — engineered to fit on one Letter page */
  .snkrr-slip__doc {
    border: 1.5px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 10px 14px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    page-break-inside: avoid;
  }

  .snkrr-slip__doc-header {
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
    page-break-after: avoid;
  }
  .snkrr-slip__doc-brand { font-size: 16px !important; letter-spacing: 2.5px !important; }
  .snkrr-slip__doc-subbrand { font-size: 8px !important; margin-top: 2px !important; }

  .snkrr-slip__block {
    page-break-inside: avoid !important;
    margin: 0 0 6px !important;
    padding-bottom: 5px !important;
  }
  .snkrr-slip__block-h { font-size: 9px !important; letter-spacing: 1px !important; margin: 0 0 4px !important; }
  .snkrr-slip__sub-h { font-size: 8px !important; margin: 5px 0 2px !important; }
  .snkrr-slip__hint { font-size: 7px !important; margin: 0 0 3px !important; }

  .snkrr-slip__block--internal { background: #fff !important; border: 1px dashed #999 !important; padding: 6px 8px !important; }
  .snkrr-slip__block--agreement { background: #fff !important; border: 1.5px solid #000 !important; padding: 6px 8px !important; page-break-before: avoid !important; }
  .snkrr-slip__agreement-text { font-size: 8px !important; line-height: 1.4 !important; margin: 0 0 5px !important; }

  .snkrr-slip__pair {
    margin: 3px 0 !important;
    padding: 3px 6px !important;
    page-break-inside: avoid;
    border-left-width: 2px !important;
  }
  .snkrr-slip__pair-num { font-size: 7px !important; margin: 0 0 2px !important; }

  .snkrr-slip__row { margin: 2px 0 !important; min-height: 14px !important; }
  .snkrr-slip__label { font-size: 8px !important; min-width: 70px !important; }
  .snkrr-slip__line { border-bottom: 0.75px solid #000 !important; height: 11px !important; }

  .snkrr-slip__checks { gap: 2px !important; grid-template-columns: repeat(2, 1fr) !important; }
  .snkrr-slip__checks-inline { gap: 12px !important; margin: 3px 0 4px !important; }
  .snkrr-slip__check { font-size: 8px !important; gap: 5px !important; }
  .snkrr-slip__box { border: 1px solid #000 !important; background: #fff !important; width: 10px !important; height: 10px !important; }
  .snkrr-slip__price { font-size: 8px !important; }

  .snkrr-slip__doc-footer { margin-top: 6px !important; padding-top: 5px !important; }
  .snkrr-slip__doc-footer p { font-size: 7px !important; margin: 1px 0 !important; }

  /* Cancel scroll-reveal entry state so content shows immediately */
  .snkrr-reveal { opacity: 1 !important; transform: none !important; }
}

/* =========================================================
   Shipping page: 5-up step grid
   ========================================================= */
@media (min-width:750px){
  .snkrr-steps__list--5up{grid-template-columns:repeat(2,1fr);gap:32px;}
}
@media (min-width:1200px){
  .snkrr-steps__list--5up{grid-template-columns:repeat(5,1fr);gap:24px;}
}

/* =========================================================
   Affiliate landing page
   ========================================================= */
.snkrr-aff__hero{
  background:#000 !important;
  color:#fff !important;
  padding:96px 24px 80px;
  text-align:center;
  font-family:'Inter',sans-serif;
}
.snkrr-aff__hero .snkrr-aff__hero-eyebrow,
.color-background-1 .snkrr-aff__hero-eyebrow,
.color-background-2 .snkrr-aff__hero-eyebrow{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:var(--snkrr-lime, #BBF07C) !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
.snkrr-aff__hero .snkrr-aff__hero-h,
.color-background-1 .snkrr-aff__hero-h,
.color-background-2 .snkrr-aff__hero-h{
  font-size:48px !important;
  font-weight:900 !important;
  letter-spacing:-0.02em !important;
  line-height:1 !important;
  color:#fff !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
@media (min-width:990px){
  .snkrr-aff__hero .snkrr-aff__hero-h,
  .color-background-1 .snkrr-aff__hero-h,
  .color-background-2 .snkrr-aff__hero-h{font-size:80px !important;}
}
.snkrr-aff__hero .snkrr-aff__hero-sub,
.color-background-1 .snkrr-aff__hero-sub,
.color-background-2 .snkrr-aff__hero-sub{
  font-size:18px !important;
  line-height:1.5 !important;
  color:#cfcfcf !important;
  margin:0 auto 32px !important;
  max-width:640px;
  opacity:1 !important;
}
.snkrr-aff__hero-sub strong{color:var(--snkrr-lime, #BBF07C);font-weight:800;}
.snkrr-aff__hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.snkrr-aff__hero-ctas .snkrr-btn--secondary{
  border-color:#fff !important;color:#fff !important;background:transparent !important;
}
.snkrr-aff__hero-ctas .snkrr-btn--secondary:hover{
  background:#fff !important;color:#000 !important;
}

.snkrr-aff__stats{
  padding:64px 24px;
  background:var(--snkrr-off);
  font-family:'Inter',sans-serif;
}
.snkrr-aff__stats-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:32px 16px;
  text-align:center;
}
@media (min-width:750px){.snkrr-aff__stats-inner{grid-template-columns:repeat(4, 1fr);}}
.snkrr-aff__stat-num{
  font-size:40px;font-weight:900;letter-spacing:-0.02em;
  color:var(--snkrr-text);margin:0 0 6px;line-height:1;
}
@media (min-width:990px){.snkrr-aff__stat-num{font-size:56px;}}
.snkrr-aff__stat-label{
  font-size:12px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0;
}

.snkrr-aff__why{
  padding:96px 24px;
  background:var(--snkrr-white);
  font-family:'Inter',sans-serif;
}
.snkrr-aff__why-inner{max-width:1100px;margin:0 auto;}
.snkrr-aff__why-head{text-align:center;margin-bottom:56px;}
.snkrr-aff__why-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 14px;
}
.snkrr-aff__why-h{
  font-size:40px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0;
}
@media (min-width:990px){.snkrr-aff__why-h{font-size:56px;}}
.snkrr-aff__why-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
@media (min-width:600px){.snkrr-aff__why-grid{grid-template-columns:repeat(2, 1fr);}}
@media (min-width:990px){.snkrr-aff__why-grid{grid-template-columns:repeat(3, 1fr);gap:24px;}}
.snkrr-aff__why-card{
  background:var(--snkrr-off);
  border:1px solid var(--snkrr-line);
  border-radius:12px;
  padding:28px 24px;
}
.snkrr-aff__why-card-h{
  font-size:18px;font-weight:800;letter-spacing:-0.01em;
  color:var(--snkrr-text);margin:0 0 10px;line-height:1.25;
}
.snkrr-aff__why-card-text{
  font-size:14px;line-height:1.55;color:var(--snkrr-muted);margin:0;
}

.snkrr-aff__who{
  padding:80px 24px;
  background:var(--snkrr-off);
  font-family:'Inter',sans-serif;
}
.snkrr-aff__who-inner{
  max-width:880px;
  margin:0 auto;
  text-align:center;
}
.snkrr-aff__who-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--snkrr-muted);margin:0 0 14px;
}
.snkrr-aff__who-h{
  font-size:36px;font-weight:800;letter-spacing:-0.02em;
  line-height:1.1;color:var(--snkrr-text);margin:0 0 32px;
}
@media (min-width:990px){.snkrr-aff__who-h{font-size:48px;}}
.snkrr-aff__who-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.snkrr-aff__who-tag{
  background:var(--snkrr-white);
  border:1px solid var(--snkrr-line);
  border-radius:999px;
  padding:10px 18px;
  font-size:13px;
  font-weight:600;
  color:var(--snkrr-text);
}
@media (min-width:750px){.snkrr-aff__who-tag{font-size:14px;padding:12px 20px;}}

/* =========================================================
   Post-signup toast (shown after popup form redirect)
   ========================================================= */
.snkrr-toast{
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  background:var(--snkrr-text, #1a1a1a);
  color:#fff;
  border-radius:12px;
  padding:16px 18px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  max-width:480px;
  width:calc(100% - 32px);
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  z-index:9999;
  opacity:0;
  transition:opacity .3s ease, transform .3s ease;
  font-family:'Inter',sans-serif;
  pointer-events:none;
}
.snkrr-toast--in{
  opacity:1;
  transform:translateX(-50%) translateY(0);
  pointer-events:auto;
}
.snkrr-toast__icon{
  width:32px;height:32px;
  border-radius:50%;
  background:var(--snkrr-lime, #BBF07C);
  color:#000;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  font-size:16px;
  flex-shrink:0;
}
.snkrr-toast__body{flex:1;min-width:0;}
.snkrr-toast__h{
  font-size:15px;
  font-weight:700;
  color:#fff;
  margin:0 0 3px;
  line-height:1.3;
}
.snkrr-toast__sub{
  font-size:13px;
  color:rgba(255,255,255,0.78);
  margin:0;
  line-height:1.4;
}
.snkrr-toast__close{
  background:none;
  border:0;
  color:rgba(255,255,255,0.6);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  padding:0 4px;
  flex-shrink:0;
  transition:color .15s ease;
}
.snkrr-toast__close:hover{color:#fff;}
@media (min-width:600px){
  .snkrr-toast{bottom:32px;width:auto;min-width:380px;}
}

/* ============================================================
   MENU TYPE STANDARDIZATION — appended 2026-06-06
   Unifies top-level nav AND dropdown/submenu items into ONE
   label treatment (Inter / 13px / 600 / 1.5px tracking / caps).
   Placed last so it wins over the earlier duplicated rules.
   ============================================================ */
.header__menu-item,
.header__inline-menu .header__menu-item,
.header__inline-menu .list-menu__item > a,
header-menu .list-menu__item > a,
header-menu .list-menu__item > details > summary,
.mega-menu__link,
.header__submenu .header__menu-item,
.header__submenu a,
.mega-menu__list a,
.mega-menu__list .mega-menu__link{
  font-family:var(--snkrr-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
}

/* ============================================================
   A+ PASS — appended 2026-06-06
   ============================================================ */

/* HERO: desktop two-column so the FULL before/after image shows (no crop)
   AND the headline + CTA stay near the fold. Image box uses the exact
   1672x941 (16:9) ratio so cover never crops it. */
@media (min-width:990px){
  .snkrr-hero.snkrr-hero--image{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:auto !important;
    padding:0 !important;
    background:var(--snkrr-black) !important;
  }
  .snkrr-hero--image .snkrr-hero__bg{
    padding-bottom:0 !important;
    width:56% !important;
    flex:0 0 56% !important;
    aspect-ratio:1672 / 941 !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .snkrr-hero--image .snkrr-hero__inner{
    width:44% !important;
    max-width:none !important;
    margin:0 !important;
    padding:48px 56px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    text-align:left !important;
    background:var(--snkrr-black) !important;
  }
  .snkrr-hero--image .snkrr-hero__h{font-size:54px !important;line-height:1.02 !important;}
  .snkrr-hero--image .snkrr-hero__sub{margin-left:0 !important;max-width:460px !important;}
  .snkrr-hero--image .snkrr-hero__ctas{justify-content:flex-start !important;}
}

/* HERO primary CTA in lime to pull the eye to the money action */
.snkrr-hero .snkrr-btn--primary{
  background:var(--snkrr-lime) !important;
  color:var(--snkrr-black) !important;
  border-color:var(--snkrr-lime) !important;
}
.snkrr-hero .snkrr-btn--primary:hover{
  background:#a8e85c !important;border-color:#a8e85c !important;
}

/* GALLERY: on mobile show 3 reels (not 6), soften the loading boxes
   so they don't flash glaring white on the long mobile scroll. */
.snkrr-gallery__reel{background:#ececec !important;}
@media (max-width:749px){
  .snkrr-gallery__grid .snkrr-gallery__card:nth-child(n+4){display:none !important;}
}

/* Remove faint 1px border line that showed under SHOP/SERVICES when the
   mega-menu dropdowns are CLOSED (the .mega-menu wrapper stays opacity:1).
   Open dropdowns still read clearly via their black bg + drop shadow. */
.mega-menu,
.header__submenu{ border-top:0 !important; }
.mega-menu__content{ border-top:0 !important; }

/* Collection grid: clean 2-up on mobile/tablet so cards fill the row.
   (Dawn's flex grid was wrapping to a single half-width card, left-aligned.) 2026-06-06 */
@media (max-width:749px){
  .collection .product-grid,
  .shopify-section--main-collection .product-grid{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:16px !important;
  }
  .collection .product-grid > .grid__item,
  .shopify-section--main-collection .product-grid > .grid__item{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }
}