/* Peter Ferreira Designs — custom Pink Elephant theme refinements */

:root {
  --header-h: 88px;
  --bg:rgb(255, 255, 255);
  --bg-soft: #12121a;
  --text: #f5f1f7;
  --muted: #c8bfd0;
  --line: rgba(255,255,255,.12);
  --brand: #ff4fb3;
  --brand-2: #9f6bff;
  --container: 1600px;
  --copy: 1120px;
  --gutter: 24px;
  --header-h: 88px;
  --radius: 0px;
  --font-body: Inter, Helvetica, Arial, sans-serif;
  --font-heading: "Arial Black", Inter, Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
   overflow-x: hidden;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  padding-top: 25px !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #474747;
}






h1, h2, h3 {
 font-family: 'Bebas Neue', Impact, sans-serif;
  font-weight: 700;
}




a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.visually-hidden { position: absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.page-width { width: min(calc(100% - (var(--gutter) * 2)), var(--container)); margin-inline: auto; }
.copy-width { width: min(calc(100% - (var(--gutter) * 2)), var(--copy)); margin-inline: auto; }
.full-bleed { width: 100%; }
.section-shell { position: relative; }
.section-pad { padding: 0px 0; }
.section-title-row { display:flex; align-items:flex-end; gap:20px; margin-bottom: 36px; }
.section-title { font-size: clamp(24px, 2vw, 34px); line-height: 1; letter-spacing: -.03em; margin:0; }
.section-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: 12px; color: var(--muted); }
.button {
  display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding: 0 24px; border:1px solid var(--text); text-transform: uppercase;
  letter-spacing: .12em; font-size: 12px; font-weight: 700; transition: .25s ease; background: transparent; color: var(--text);
}
.button:hover { background: var(--text); color: var(--bg); }
.button--solid {
  background: var(--text);
  color: var(--bg) !important;
  border: 1px solid var(--text);
  transition: all 0.25s ease;
  text-decoration: none;
}

.button--solid:link,
.button--solid:visited {
  color: var(--bg) !important;
}

.button--solid:hover,
.button--solid:focus {
  background: #ff4fb3 !important;
  border-color: #ff4fb3 !important;
  color: #fff !important;
}

.button--solid:hover:link,
.button--solid:hover:visited,
.button--solid:hover *,
.button--solid:focus * {
  color: #fff !important;
}
.announcement-bar {
  background: #ffffff !important;
  color: #0b0b10 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  z-index: 1000 !important;
padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
  color: #0b0b10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;




}

/* make sure text inside is visible */
.announcement-bar * {
  color: #0b0b10 !important;
  opacity: 1 !important;
}









  /* Peter Ferreira Designs — solid black header default */
.site-header {
background: #0b0b10 !important;
  border-bottom: 1px solid var(--line);
  transition: background 0.25s ease, border-color 0.25s ease;
  position: fixed !important;
  top: 28px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  backdrop-filter: blur(14px);
  z-index: 10000;



  

  transition:
    background .25s cubic-bezier(.22,1,.36,1),
    border-color .25s ease,
    color .25s ease;

}





.site-header:hover,
.site-header:focus-within,
.site-header.is-search-open,
.site-header.is-drawer-open {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.site-header__inner { position: relative; min-height: var(--header-h); display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:20px; }

.site-header__nav,
.site-header__icons {
  display: flex;
  align-items: center;
  gap: 24px;
}

.site-header__nav {
  position: static;
  justify-self: start;
  margin-left: 150px;
}

.site-header__nav .nav-link,
.site-header__nav .nav-link--parent {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .14em;
  color: #ffffff !important;
}

.site-header__icons a {
  color: #ffffff !important;
}

.site-header__nav a:hover,
.site-header__icons a:hover {
  color: #0b0b10 !important;
}

.site-header:hover .site-header__nav a,
.site-header:hover .site-header__icons a,
.site-header:hover .site-logo,
.site-header:hover svg,
.site-header:focus-within .site-header__nav a,
.site-header:focus-within .site-header__icons a,
.site-header:focus-within .site-logo,
.site-header:focus-within svg,
.site-header.is-search-open .site-header__nav a,
.site-header.is-search-open .site-header__icons a,
.site-header.is-search-open .site-logo,
.site-header.is-search-open svg,
.site-header.is-drawer-open .site-header__nav a,
.site-header.is-drawer-open .site-header__icons a,
.site-header.is-drawer-open .site-logo,
.site-header.is-drawer-open svg {
  color: #0b0b10 !important;
  fill: #0b0b10 !important;
  stroke: #0b0b10 !important;
}

.site-logo {
  font-family: var(--font-heading);
  font-size: 28px;
  letter-spacing: -.04em;
  text-transform: uppercase;
}

.site-logo span {
  color: var(--brand);
}

.list-unstyled { list-style:none; margin:0; padding:0; }
.nav-item { position:static; display:flex; align-items:center; min-height: var(--header-h); }
.nav-link { display:inline-flex; align-items:center; gap:6px; min-height: var(--header-h); }
.nav-link--parent { padding-right: 4px; }
.nav-caret { font-size: 11px; transform: translateY(-1px); transition: transform .22s ease; }
.has-dropdown:hover .nav-caret,
.has-dropdown:focus-within .nav-caret,
.has-dropdown.is-open .nav-caret { transform: translateY(-1px) rotate(180deg); }
.nav-dropdown {
  position:absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100vw - 32px), 1540px);
  max-width: calc(100vw - 32px);
  background: rgba(255,255,255,.98);
  color: #0b0b10;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.has-dropdown:hover .nav-dropdown,
.has-dropdown:focus-within .nav-dropdown,
.has-dropdown.is-open .nav-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.nav-dropdown__inner {
  display:grid;
  grid-template-columns: minmax(250px, 320px) minmax(340px, 1fr) minmax(260px, 360px);
  gap: 0;
  min-height: 420px;
}
.nav-dropdown__intro { padding: 40px 34px; border-right:1px solid rgba(0,0,0,.08); display:flex; flex-direction:column; justify-content:space-between; }
.nav-dropdown__eyebrow { margin:0 0 14px; text-transform: uppercase; letter-spacing: .16em; font-size: 11px; color: rgba(11,11,16,.64); }
.nav-dropdown__title { margin:0 0 10px; font-size: clamp(28px, 3vw, 44px); line-height:.92; letter-spacing:-.05em; text-transform: uppercase; font-family: var(--font-heading); }
.nav-dropdown__text { 
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  color: #444;

}


.nav-dropdown__columns { display:grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 30px; padding: 40px 34px; align-content:start; }
.nav-dropdown__columns--multi { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
.nav-dropdown__column { min-width: 0; }
.nav-dropdown__heading { display:block; margin-bottom: 14px; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 700; }
.nav-dropdown__list { display:grid; gap: 10px; }
.nav-dropdown__list a { color: rgba(11,11,16,.76); font-size: 14px; line-height:1.4; }
.nav-dropdown__list a:hover, .nav-dropdown__heading:hover { color: var(--brand); }
.nav-dropdown__feature { position:relative; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background:#111; min-height: 420px; }
.nav-dropdown__feature-media { position:absolute; inset:0; background: radial-gradient(circle at 70% 18%, rgba(255,79,179,.35), transparent 18%), radial-gradient(circle at 24% 78%, rgba(159,107,255,.26), transparent 18%), linear-gradient(135deg, #21152a, #0e0d13 56%, #170d18); }
.nav-dropdown__feature-copy { position:relative; z-index:2; padding: 28px; color:white; background: linear-gradient(180deg, transparent, rgba(0,0,0,.58)); }
.nav-dropdown__feature-copy h4 { margin:0 0 10px; font-size: 26px; line-height: .95; letter-spacing:-.04em; text-transform: uppercase; font-family: var(--font-heading); }
.nav-dropdown__feature-copy p:last-child { margin:0; color: rgba(255,255,255,.76); font-size: 14px; line-height:1.6; }
.header-spacer { height: 0; }
.hero { position: relative; min-height: min(82vh, 980px); display:flex; align-items:flex-end; overflow:hidden; background: linear-gradient(135deg, #18151f, #09090c 58%, #180d19 100%); }
.hero__media, .hero__overlay { position:absolute; inset:0; }
.hero__media { background: radial-gradient(circle at 78% 16%, rgba(255,79,179,.32), transparent 20%), radial-gradient(circle at 18% 72%, rgba(159,107,255,.28), transparent 18%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)); }
.hero__overlay { background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.18) 30%, rgba(0,0,0,.72) 100%); }
.hero__content { position:relative; z-index:2; padding: 0 0 56px; }
.hero__content-inner { width:min(calc(100% - (var(--gutter) * 2)), calc(var(--container) * .75)); margin-inline:auto; }
.hero__eyebrow { margin-bottom: 22px; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; }
.hero__heading { margin:0; max-width: 760px; font-family: var(--font-heading); font-size: clamp(56px, 8vw, 128px); line-height: .88; letter-spacing: -.055em; text-transform: uppercase; }
.hero__cta { margin-top: 34px; }
.promo-grid { display:grid; grid-template-columns: ( 1fr); gap: 12px; border-top: 6px solid white; border-bottom: 6px solid white; }
@media (min-width: 900px) { .promo-grid { grid-template-columns: repeat(4, 1fr); } }
.promo-card { position:relative; aspect-ratio: 4 / 5; min-height: 260px; overflow:hidden; background: linear-gradient(145deg, #171721, #0c0c11); border:none; }
.promo-card::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 70% 16%, rgba(255,79,179,.24), transparent 20%), radial-gradient(circle at 24% 80%, rgba(159,107,255,.20), transparent 20%), linear-gradient(180deg, transparent, rgba(0,0,0,.34) 70%, rgba(0,0,0,.68)); transition:.25s ease; }
.promo-card:hover::before { transform: scale(1.04); }
.promo-card__label { position:absolute; inset:auto 20px 26px; z-index:2; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
.promo-card__label strong { font-family: var(--font-heading); font-size: clamp(28px, 2.5vw, 42px); line-height: .94; letter-spacing: -.04em; text-transform: uppercase; }
.promo-card__label span { font-size: 11px; letter-spacing:.14em; text-transform: uppercase; }
.carousel-shell { overflow:hidden; }
.carousel-header { display:flex; align-items:center; gap:24px; margin-bottom: 34px; }
.carousel-title { margin:0; font-size: clamp(22px, 2vw, 32px); font-weight:600; letter-spacing: -.03em; }
.carousel-controls { margin-left:auto; display:flex; gap:16px; }
.carousel-controls button { width: 44px; height: 44px; border-radius: 999px; border:1px solid var(--line); background:transparent; color:var(--text); cursor:pointer; }
.carousel-track-wrap { overflow-x:auto; scrollbar-width:none; }
.carousel-track-wrap::-webkit-scrollbar { display:none; }
.carousel-track { display:flex; gap: 0px; scroll-snap-type: x mandatory; padding-bottom:4px; }
.product-card { min-width: 270px; width: calc(25% - 14px); scroll-snap-align:start; }
@media (max-width: 1200px) { .product-card { width: calc(33.333% - 12px); min-width: 250px; } }
@media (max-width: 760px) { .product-card { width: 72vw; min-width: 72vw; } }
.product-card__media { aspect-ratio: 3 / 4; background: linear-gradient(150deg, #1a1b23, #101017); position:relative; overflow:hidden; }
.product-card__media::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 72% 22%, rgba(255,79,179,.22), transparent 16%), radial-gradient(circle at 24% 78%, rgba(159,107,255,.18), transparent 18%); }


.product-card__pill { position:absolute; top:14px; left:14px; z-index:2; background:rgba(255,255,255,.9); color:#09090c; padding:8px 10px; text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:700; }
.product-card__body { padding-top: 16px; }
.product-card__title { margin:0 0 8px; font-size: 18px; line-height:1.05; letter-spacing:-.03em; }
.product-card__meta { color: var(--muted); font-size: 13px; margin-bottom: 10px; }
.product-card__price { font-size: 18px; font-weight:700; }
.feature-banner { position:relative; min-height: min(74vh, 900px); display:flex; align-items:flex-end; overflow:hidden; background: linear-gradient(135deg, #0e0c13, #15131c 50%, #0b0b10); }
.feature-banner__media, .feature-banner__overlay { position:absolute; inset:0; }
.feature-banner__media { background: radial-gradient(circle at 78% 14%, rgba(255,79,179,.22), transparent 16%), radial-gradient(circle at 26% 68%, rgba(159,107,255,.30), transparent 18%), linear-gradient(0deg, rgba(255,255,255,.04), rgba(255,255,255,.04)); }
.feature-banner__overlay { background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.68)); }
.feature-banner__content { position:relative; z-index:2; padding: 0 0 56px; }
.feature-banner__content-inner { width:min(calc(100% - (var(--gutter) * 2)), calc(var(--container) * .75)); margin-inline:auto; }
.feature-banner__eyebrow { margin-bottom:22px; text-transform:uppercase; letter-spacing:.16em; font-size:12px; }
.feature-banner__heading { margin:0; font-family: var(--font-heading); text-transform:uppercase; font-size: clamp(58px, 7vw, 110px); line-height:.88; letter-spacing:-.055em; }
.video-strip { padding: 80px 0 22px; }
.video-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
@media (max-width: 900px) { .video-grid { grid-template-columns:1fr; } }
.video-card { position:relative; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #171721, #0b0b10); overflow:hidden; }
.video-card::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 72% 18%, rgba(255,79,179,.22), transparent 18%), radial-gradient(circle at 20% 82%, rgba(159,107,255,.18), transparent 16%); }
.video-card__play { position:absolute; inset:0; display:grid; place-items:center; z-index:2; }
.video-card__play span { display:inline-grid; place-items:center; width:74px; height:74px; border:1px solid rgba(255,255,255,.4); border-radius:999px; background:rgba(11,11,16,.6); font-size:26px; }
.video-card__caption { margin-top: 14px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .14em; }
.app-promo { padding: 28px 0 110px; }
.app-promo__intro { padding: 0 var(--gutter) 18px; width:min(100%, var(--container)); margin:0 auto; font-size: clamp(22px, 1.9vw, 30px); }
.app-promo__grid { display:grid; grid-template-columns: 1fr 1fr; gap:0; width:min(100%, var(--container)); margin:0 auto; }
@media (max-width: 960px) { .app-promo__grid { grid-template-columns:1fr; } }
.app-promo__copy { padding: clamp(32px, 4vw, 92px); background: #12121a; display:flex; flex-direction:column; justify-content:center; }
.app-promo__title { margin:0 0 18px; font-family: var(--font-heading); font-size: clamp(52px, 6vw, 92px); line-height:.9; letter-spacing:-.05em; text-transform:uppercase; }
.app-promo__text { color: var(--muted); font-size: 17px; line-height: 1.6; max-width: 620px; }
.app-promo__badges { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.app-badge { min-width: 140px; min-height: 46px; border:1px solid var(--line); display:inline-flex; align-items:center; justify-content:center; text-transform:uppercase; letter-spacing:.14em; font-size:11px; }
.app-promo__media { min-height: 620px; background: linear-gradient(135deg, #171721, #0b0b10); position:relative; overflow:hidden; }
.app-promo__media::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 70% 18%, rgba(255,79,179,.20), transparent 14%), radial-gradient(circle at 28% 70%, rgba(159,107,255,.28), transparent 20%); }
.app-promo__phone { position:absolute; inset:auto 8% 0 auto; width:min(44vw, 540px); aspect-ratio: 10 / 11; border:1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); }
.app-promo__phone::before { content:''; position:absolute; inset: 5% 7%; border:1px solid rgba(255,255,255,.14); background: linear-gradient(180deg, rgba(255,79,179,.16), rgba(159,107,255,.12)); }
.newsletter { padding: 90px 0 48px; text-align:center;}
.newsletter__logo img {

  width: 20%; 
  text-align: center;
  align-content: center !important;
  align-content: center !important;
  a
  height:20%; }
  
}


.newsletter__title { margin:0 auto 24px; max-width: 540px; font-family: var(--font-heading); font-size: clamp(30px, 3vw, 50px); line-height:.95; letter-spacing:-.04em; text-transform:uppercase; }
.newsletter__form { width:min(calc(100% - (var(--gutter) * 2)), 560px); margin: 0 auto; display:grid; grid-template-columns: 1fr auto; gap:10px; }
.newsletter__form input { min-height:56px; border:1px solid var(--line); background:transparent; color:var(--text); padding:0 18px; }
.site-footer { padding: 26px var(--gutter) 40px; border-top:1px solid var(--line); color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .14em; }
.site-footer__inner { width:min(100%, var(--container)); margin:0 auto; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.main-product { padding: 40px 0 100px; }
.main-product__grid { display:grid; grid-template-columns: 1.15fr .85fr; gap:40px; }
@media (max-width: 960px) { .main-product__grid { grid-template-columns:1fr; } }
.main-product__media { aspect-ratio: 3/4; background: linear-gradient(135deg, #171721, #0c0c11); position:relative; overflow:hidden; }
.main-product__media::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 72% 18%, rgba(255,79,179,.22), transparent 18%), radial-gradient(circle at 28% 78%, rgba(159,107,255,.20), transparent 18%); }
.main-product__title { margin:0 0 16px; font-family:var(--font-heading); font-size:clamp(40px, 5vw, 72px); line-height:.92; text-transform:uppercase; letter-spacing:-.04em; }

.main-product__form { display:grid; gap: 18px; }
.product-option { margin: 0; padding: 0; border: 0; }
.product-option__label { margin: 0 0 10px; padding: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.variant-swatches,
.variant-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.variant-swatches__item {
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:24px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: var(--text);
  cursor:pointer;
  transition: opacity .18s ease;
}
.variant-buttons__item {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding: 10px 14px;
  border:1px solid var(--line);
  background: transparent;
  color: var(--text);
  cursor:pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.variant-swatches__item:hover { opacity: .82; }
.variant-buttons__item:hover {
  border-color: rgba(255,255,255,.42);
}
.variant-picker__input:checked + .variant-swatches__item .variant-swatches__swatch {
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 3px #111;
}
.variant-picker__input:checked + .variant-swatches__item .variant-swatches__text {
  color: #111;
}
.variant-picker__input:checked + .variant-buttons__item {
  border-color: #111;
  background: rgba(0,0,0,.03);
}
.variant-swatches__swatch {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  flex: 0 0 16px;
}
.variant-swatches__swatch[style*="#f5f5f5"],
.variant-swatches__swatch[style*="#e9dfc7"],
.variant-swatches__swatch[style*="#f1e7d1"] {
  border-color: rgba(0,0,0,.2);
}
.variant-swatches__text,
.variant-buttons__item {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.variant-buttons__item { min-width: 48px; }
.main-product__form button[disabled] { opacity:.55; cursor:not-allowed; }
.collection-grid {
 padding: 40px var(--gutter) 100px;
  margin: 0;
  width: 100%;


}
.collection-grid__heading-row--full {
  width: 100%;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
}



.collection-grid__main {
  min-width: 0;
  width: 100%;
}










/* =========================================
   PINK ELEPHANT HEADER SYSTEM - FINAL
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');


.site-header__inner {
  position: relative;
  min-height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
}
.site-header__nav {
  position: static;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 24px;
}
.site-header__icons {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 18px;
  z-index: 4;
}

.site-header:hover,
.site-header:focus-within,
.site-header.is-search-open,
.site-header.is-drawer-open {
  background: rgba(255,255,255,.98);
  border-bottom-color: rgba(0,0,0,.08);
}
.site-header:hover a,
.site-header:hover button,
.site-header:hover .site-logo,
.site-header:hover svg,
.site-header:focus-within a,
.site-header:focus-within button,
.site-header:focus-within .site-logo,
.site-header:focus-within svg,
.site-header.is-search-open a,
.site-header.is-search-open button,
.site-header.is-search-open .site-logo,
.site-header.is-search-open svg,
.site-header.is-drawer-open a,
.site-header.is-drawer-open button,
.site-header.is-drawer-open .site-logo,
.site-header.is-drawer-open svg {
  color: #0b0b10;
  fill: #0b0b10;
}




.site-header__nav .nav-link,
.site-header__nav .nav-link--parent {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0px;
  min-height: var(--header-h);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: color .25s ease;
    /* 👇 THIS WAS MISSING */
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.site-header__nav .nav-link::after,
.site-header__nav .nav-link--parent::after,
.site-header__nav .nav-link::before,
.site-header__nav .nav-link--parent::before {
  content: none !important;
  display: none !important;
}

.nav-dropdown a,
.nav-dropdown__heading,
.nav-dropdown__list a {
  transition: color .25s ease;

  /* 👇 ADD THIS */
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.nav-dropdown a:hover,
.nav-dropdown__heading:hover,
.nav-dropdown__list a:hover {
  color: var(--brand) !important;

  /* 👇 ADD THIS TOO (hover state matters) */
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.site-logo {
  position: relative;
  justify-self: center;
  display: inline-block;
   width: 194px;
  height: 73px;
  z-index: 4;
    transform-origin: center center;
  transition: none !important;
  transform: none !important;
}





.logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .25s ease;
}


@media (max-width: 768px) {

  .logo--white { opacity: 1; }
  .logo--pink {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
    

  }
  /* Kill ALL state-based swapping */
.site-header:hover .logo--white,
.site-header:focus-within .logo--white,
.site-header.is-search-open .logo--white,
.site-header.is-drawer-open .logo--white {
  opacity: 1 !important;
}

.site-header:hover .logo--pink,
.site-header:focus-within .logo--pink,
.site-header.is-search-open .logo--pink,
.site-header.is-drawer-open .logo--pink {
  opacity: 0 !important;
}

}

.header-icon,
.header-icon--button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.header-icon svg,
.header-icon--button svg,
.icon {
  width: 22px;
  height: 22px;
  display: block;
}
.cart-count {
  position: absolute;
  top: -5px;
  right: -5px;

  min-width: 16px;
  height: 16px;
  padding: 0 4px;

  border-radius: 999px;

  background: var(--brand); /* ALWAYS pink */
  color: #0b0b10 !important; /* dark text */

  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.search-overlay,
.mobile-nav-drawer {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: min(calc(100vw - 32px), 1540px);
  max-width: calc(100vw - 32px);
  background: rgba(255,255,255,.98);
  color: #0b0b10;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 45;
  

}
.search-overlay.is-open,
.mobile-nav-drawer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.search-overlay__inner { padding: 32px; }
.search-overlay__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.search-overlay__title {
  margin: 0;
  color: #0b0b10;
  font-size: 28px;
  line-height: 1;
  text-transform: uppercase;
}
.search-overlay__close {
  border: 0;
  background: transparent;
  color: #0b0b10 !important;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.search-overlay__form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-bottom: 28px;
}
.search-overlay__input {
  height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #0b0b10;
  font-size: 16px;
}
.search-overlay__submit {
  height: 54px;
  padding: 0 18px;
  border: 0;
  background: #0b0b10;
  color: #fff !important;
  text-transform: uppercase;
  cursor: pointer;
}
.search-overlay__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.search-overlay__eyebrow {
  margin: 0 0 12px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,11,16,.62);
}
.search-overlay__tags,
.search-overlay__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.search-overlay__tags a,
.search-overlay__suggestions a {
  color: #0b0b10 !important;
  text-decoration: none;
  transition: color .2s ease;
}
.search-overlay__tags a:hover,
.search-overlay__suggestions a:hover {
  color: var(--brand) !important;
}

.header-burger {
  display: none;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  color: inherit;
  z-index: 4;
}
.header-burger span {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  transition: transform .25s ease, opacity .25s ease;
}

.mobile-nav-drawer__inner { padding: 20px 20px 24px; }
.mobile-nav-item + .mobile-nav-item { margin-top: 18px; border-top: none !important; }

.mobile-nav-link {
  display: block;
  color: #0b0b10;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-nav-panel {
  padding-top: 14px;
}


.mobile-nav-children {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}


@media (max-width: 1100px) {
  .nav-dropdown {
    width: min(calc(100vw - 24px), 980px);
  }
  .nav-dropdown__inner {
    grid-template-columns: 280px 1fr;
  }
  .nav-dropdown__feature {
    display: none;
  }
}

@media (max-width: 768px) {
  :root { --gutter: 18px; --header-h: 74px; }

  .site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-burger {
    display: inline-flex;
  }
  .site-header__nav {
    display: none;
  }
  .site-header__icons {
    margin-left: auto;
    gap: 14px;
  }

 
  .mobile-nav-drawer,
  .search-overlay {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
  }
  .search-overlay__form,
  .search-overlay__content {
    grid-template-columns: 1fr;
  }
  .search-overlay__inner {
    padding: 20px;
  }
}

@media (min-width: 769px) {
  .mobile-nav-drawer {
    display: none;
  }
}


/* GHOST-INSPIRED SITE STRUCTURE EXTENSIONS */
.header-icon--text {
  min-height: 22px;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.latest-grid__items {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.latest-card {
  display:flex;
  flex-direction:column;
  gap: 14px;
  min-height: 100%;
}
.latest-card__media {
  aspect-ratio: 16 / 10;
  background: linear-gradient(145deg, #171721, #0c0c11);
  position: relative;
  overflow:hidden;
}
.latest-card__media::before {
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 68% 22%, rgba(255,79,179,.22), transparent 18%), radial-gradient(circle at 28% 72%, rgba(159,107,255,.22), transparent 20%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.latest-card__meta {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
}
.latest-card__title {
  margin:0;
  font-size: clamp(24px, 2.1vw, 36px);
  line-height: .94;
  letter-spacing: -.04em;
  text-transform: uppercase;
  font-family: var(--font-heading);
}
.latest-card__text {
  margin:0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 15px;
}
.blog-shell .latest-grid__items { margin-top: 18px; }
.article-title {
  margin: 8px 0 24px;
  font-family: var(--font-heading);
  font-size: clamp(42px, 5vw, 84px);
  line-height: .92;
  letter-spacing: -.05em;
  text-transform: uppercase;
}
.site-footer--mega {
  border-top: 1px solid var(--line);
}
.site-footer__mega {
  width:min(100%, var(--container));
  margin:0 auto;
  padding: 0 var(--gutter) 34px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.site-footer__col {
  display:grid;
  gap: 10px;
}
.site-footer__heading {
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  margin-bottom: 8px;
}
.site-footer__col a {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.site-footer__col a:hover { color: var(--brand); }
@media (max-width: 900px) {
  .latest-grid__items,
  .site-footer__mega {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .header-icon--text { display:none; }
  .latest-grid__items,
  .site-footer__mega {
    grid-template-columns: 1fr;
  }
}
/* ACCOUNT ICON SWAP */
.account-icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
}

.icon-account {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .25s ease;
}

.icon-account--black { opacity: 1; }
.icon-account--pink { opacity: 0; }

.site-header:hover .icon-account--black,
.site-header:focus-within .icon-account--black {
  opacity: 0;
}

.site-header:hover .icon-account--pink,
.site-header:focus-within .icon-account--pink {
  opacity: 1;
}


/* =========================
   CLEAN LOGO SYSTEM (FINAL)
   ========================= */

.site-header__inner {
  position: relative;
  min-height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
}

.site-header__nav {
  justify-self: start;
}

.site-header__icons {
  justify-self: end;
}



.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
  transition: opacity 0.25s ease;
}

.logo--white { opacity: 1; }
.logo--pink { opacity: 0; }

.site-header:hover .logo--white,
.site-header:focus-within .logo--white,
.site-header.is-search-open .logo--white,
.site-header.is-drawer-open .logo--white {
  opacity: 0;
}

.site-header:hover .logo--pink,
.site-header:focus-within .logo--pink,
.site-header.is-search-open .logo--pink,
.site-header.is-drawer-open .logo--pink {
  opacity: 1;
}

/* subtle PINK ELEPHANT -style motion */
.site-header:hover .site-logo,
.site-header:focus-within .site-logo,
.site-header.is-search-open .site-logo,
.site-header.is-drawer-open .site-logo {
  transform: scale(0.96);
}

/* Mobile: keep logo visually centered no matter what is on either side */
@media (max-width: 768px) {
  .site-header__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

   .site-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;

    width: 170px !important;
    height: 76px !important;
  }

  .site-logo .logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }
}
/* =========================
  PINK LOGIN SLIDE-IN EFFECT
   ========================= */

.header-icon--text {
  position: relative;
  overflow: hidden;
  
}

/* Start hidden off to the right */
.site-header .header-icon--text {
  opacity: 0;
  transform: translateX(20px);
  transition: 
    transform 0.35s cubic-bezier(.22,1,.36,1),
    opacity 0.25s ease;
     transition-delay: 0.1s;
}

/* Slide in on header interaction */
.site-header:hover .header-icon--text,
.site-header:focus-within .header-icon--text,
.site-header.is-search-open .header-icon--text,
.site-header.is-drawer-open .header-icon--text {
  opacity: 1;
  transform: translateX(0);
}
.header-elephant-logo {
  height: 24px;
  width: auto;
  display: block;
}

.header-icon--text {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 989px) {
  .header-icon--account-mobile-hide {
    display: none !important;
  }
}

.mobile-drawer-elephant-logo {
  height: 20px;
  width: auto;
  display: block;
}

.mobile-nav__link--account {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-nav-account {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.mobile-nav-link--account {
  display: flex;
  align-items: center;
  gap: 10px;
    appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
}

.mobile-elephant-icon {
  height: 18px;
  width: auto;
}
/* Header account logo + mobile drawer fixes */
.header-icon--account {
  width: auto !important;
  min-width: 34px;
  height: 28px !important;
  padding: 0 0 0 2px;
  overflow: visible;
  flex: 0 0 auto;
}

.header-icon--account .header-elephant-logo {
  display: block;
  height: 24px;
  width: auto !important;
  max-width: none !important;
  max-height: 24px !important;
  min-width: 24px;
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

.header-icon--text.header-icon--account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mobile-nav-account {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(11,11,16,0.12);
}

.mobile-nav-link--account {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-elephant-icon {
  display: block;
  height: 18px;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
}

@media screen and (max-width: 989px) {
  .header-icon--account-mobile-hide {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .header-burger {
    width: 44px;
    height: 44px;
    margin-left: -10px;
    padding: 10px;
    align-items: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .header-burger span {
    width: 20px;
  }

  .site-header__icons {
    gap: 12px;
  }
}


/* One-off StyledEdit heading for the Wild Side mega-menu */
@font-face {
  font-family: "StyledEdit";
  src: url("https://cdn.shopify.com/s/files/1/0735/9165/2491/files/thestylededit.woff?v=1774230455") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.nav-dropdown__title--styled {
  font-family: "StyledEdit", cursive !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.0 !important;
  font-weight: normal !important;
}


.search-results-live[hidden] {
  display: none !important;
}

.search-results-live {
  margin-top: 8px;
}

.search-results-live__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.1fr);
  gap: 32px;
}

.predictive-group + .predictive-group {
  margin-top: 24px;
}

.predictive-links {
  display: grid;
  gap: 10px;
}

.predictive-link {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.predictive-link__type {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(11,11,16,.52);
}

.predictive-link__title {
  font-size: 16px;
  color: #0b0b10;
}

.predictive-link:hover .predictive-link__title {
  color: var(--brand);
}

.predictive-products {
  display: grid;
  gap: 12px;
}

.predictive-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
}

.predictive-item__image {
  width: 72px;
  height: 88px;
  object-fit: cover;
  background: #f2f2f2;
}

.predictive-item__image--empty {
  width: 72px;
  height: 88px;
  background: #f2f2f2;
}

.predictive-item__type {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(11,11,16,.52);
  margin-bottom: 4px;
}

.predictive-item__title {
  color: #0b0b10;
  font-size: 16px;
  line-height: 1.2;
}

.predictive-item__meta {
  margin-top: 6px;
  color: rgba(11,11,16,.64);
  font-size: 14px;
}

.predictive-item:hover .predictive-item__title {
  color: var(--brand);
}

.search-results-live__footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
}

.search-results-live__empty p:last-child {
  margin: 0;
  color: rgba(11,11,16,.68);
}

@media (max-width: 768px) {
  .search-results-live__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .predictive-item {
    grid-template-columns: 64px 1fr;
  }

  .predictive-item__image,
  .predictive-item__image--empty {
    width: 64px;
    height: 78px;
  }
}


/* Mobile nav aligned with desktop structure */
.mobile-nav-item--has-children {
  border-bottom: 1px solid rgba(11,11,16,0.08);
  padding-bottom: 18px;
}

.mobile-nav-link--toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.mobile-nav-caret {
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  transition: transform .2s ease, color .2s ease;
    display: none !important;
}

.mobile-nav-item--has-children.is-open .mobile-nav-caret {
  transform: rotate(45deg);
  color: var(--brand);
}



.mobile-nav-overview {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  color: var(--brand) !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
    color: #0b0b10 !important;
}

@media (max-width: 768px) {
  .mobile-nav-overview {
    display: none !important;
  }
}

.mobile-nav-group + .mobile-nav-group {
  margin-top: 14px;
}

.mobile-nav-heading {
  display: block;
  color: #0b0b10;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mobile-nav-children {
  margin-top: 8px;
  padding-left: 0;
  display: grid;
  gap: 8px;
}

.mobile-nav-sublink {
  display: block;
  color: #0b0b10 !important;
  text-decoration: none;
  font-size: 14px;
  
}





/* HOMEPAGE / GHOST-STYLE UPGRADES */
.hero__image,
.promo-card__image,
.video-card__image,
.latest-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero__media {
  overflow: hidden;
}
.hero__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 16%, rgba(255,79,179,.24), transparent 20%), radial-gradient(circle at 18% 72%, rgba(159,107,255,.22), transparent 18%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  pointer-events: none;
}
.hero__text {
  margin-top: 22px;
  max-width: 560px;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.65;
}
.hero__cta-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.section-kicker {
  margin-bottom: 12px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
}
.section-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(30px, 3vw, 48px);
  line-height: .94;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.pe-home-promo-grid__intro {
  margin-bottom: 18px;
}
.promo-grid--ghost {
  border-top: 0;
  border-bottom: 0;
  gap: 0px;
}
.promo-card--ghost {
  min-height: 520px;
  aspect-ratio: auto;
}
.promo-card__media,
.promo-card__scrim {
  position: absolute;
  inset: 0;
}
.promo-card__media {
  background: linear-gradient(145deg, #171721, #0c0c11);
}
.promo-card__scrim {
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.16) 40%, rgba(0,0,0,.72) 100%);
}
.promo-card__label--left {
  align-items: flex-start;
  text-align: left;
  inset: auto 24px 24px;
  max-width: calc(100% - 48px);
}
.promo-card__kicker {
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
}
.promo-card__label--left strong {
  font-size: clamp(34px, 3vw, 54px);
}
.promo-card__label--left p {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.55;
  max-width: 26ch;
}
.promo-card--ghost:hover .promo-card__image,
.video-card-link:hover .video-card__image,
.latest-card:hover .latest-card__image {
  transform: scale(1.035);
}
.promo-card__image,
.video-card__image,
.latest-card__image {
  transition: transform .35s ease;
}
.carousel-subtitle {
  margin-top: 8px;
  color: var(--muted);
  max-width: 620px;
  line-height: 1.55;
}
.carousel-footer {
  margin-top: 28px;
}
.product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-card-link {
  display: block;
}
.video-card {
  background: linear-gradient(135deg, #171721, #0b0b10);
}
.video-strip__footer {
  text-align: center;
  margin-top: 32px;
}
.latest-card__media {
  aspect-ratio: 4 / 5;
}
@media (max-width: 1200px) {
  .promo-card--ghost {
    min-height: 420px;
  }
}
@media (max-width: 900px) {
  .promo-card--ghost {
    min-height: 360px;
  }
}
@media (max-width: 760px) {
  .hero__text {
    font-size: 15px;
  }
  .promo-grid--ghost {
    grid-template-columns: 1fr;
  }
  .promo-card--ghost {
    min-height: 360px;
  }
}


/* =========================================
 PINK ELEPHANT - STYLE HOMEPAGE REBUILD
   ========================================= */
.pe-hero-home {
  position: relative;
  min-height: 72svh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: #08080d;
}
.pe-hero-home__media,
.pe-hero-home__overlay {
  position: absolute;
  inset: 0;
   width: 100%;
  height: 100%;
}
.pe-hero-home__image,
.pe-hero-home__image--mobile { position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }
.pe-hero-home__image--placeholder {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 74% 18%, rgba(255,79,179,.28), transparent 18%),
    radial-gradient(circle at 18% 76%, rgba(159,107,255,.24), transparent 18%),
    linear-gradient(135deg, #18151f, #09090c 58%, #180d19 100%);
}
.pe-hero-home__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 30%, rgba(0,0,0,.72) 100%);
}
.pe-hero-home__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 0 54px;
}
.pe-hero-home__content {
  max-width: 760px;
}
.pe-home-promo-grid .promo-grid {
  width: calc(100% + 24px);

}
@media (max-width: 768px) {
  .pe-hero-home__content {
     margin-left: auto;
    margin-right: auto;
      max-width: 100%;
      display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transform: translateY(-10px); /* adjust this */
  }
}
.pe-hero-home__eyebrow {
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 11px;
  color: rgba(255,255,255,.78);
}

/* DESKTOP HOME PAGE HERO BIG FONT COLOR CHANGE */
.pe-hero-home__heading {
  margin: 0;
  font-family: 'Montserrat Black', sans-serif;
  font-size: clamp(105px, 9vw, 232px);
  line-height: .86;
  letter-spacing: -.12em;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,0.06);
  color: #ffffff !important;
}

/* MOBILE HOME PAGE HERO BIG FONT COLOR CHANGE */
@media (max-width: 768px) {
  .pe-hero-home__heading {
    margin: 0;
   font-family: 'Montserrat', sans-serif;
font-weight: 800;
    font-size: clamp(65px, 9vw, 232px);
    line-height: .86;
    letter-spacing: -.06em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.06);
    color: #000000 !important;
  }
}

.pe-hero-home__text {
  margin-top: 22px;
  max-width: 560px;
  color: rgba(245,241,247,.82);
  font-size: 16px;
  line-height: 1.65;
}
.pe-hero-home__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.pe-home-promo-grid {
  padding: 0 0 70px;
}
.pe-home-promo-grid__intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 28px 24px 26px;
}
.pe-home-promo-grid__title { margin: 6px 0 0; }
.promo-grid--ghost {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0 24px;
}
.promo-card--ghost {
  position: relative;
  aspect-ratio: 4 / 5.4;
  min-height: 520px;
  overflow: hidden;
  background: linear-gradient(145deg, #171721, #0c0c11);
}
.promo-card__media,
.promo-card__image,
.promo-card__image--placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.promo-card__image,
.latest-card__image,
.video-card__image,
.product-card__img { object-fit: cover; }
.promo-card__image--placeholder {
  background:
    radial-gradient(circle at 70% 16%, rgba(255,79,179,.24), transparent 20%),
    radial-gradient(circle at 24% 80%, rgba(159,107,255,.20), transparent 20%),
    linear-gradient(180deg, #1a1720, #0c0c11);
}
.promo-card__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.16) 45%, rgba(0,0,0,.78) 100%);
}
.promo-card__label--left {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
}
.promo-card__kicker,
.latest-card__meta,
.video-card__caption,
.carousel-subtitle,
.latest-card__cta,
.promo-card__cta {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
}
.promo-card__label strong {
  font-family: var(--font-heading);
  font-size: clamp(32px, 2.8vw, 54px);
  line-height: .92;
  letter-spacing: -.05em;
  text-transform: uppercase;
   color: #ffffff !important;
}
.promo-card__label p {
  margin: 0;
  max-width: 280px;
  color: rgba(255,255,255,.84);
  line-height: 1.55;
}
.promo-card__cta,
.latest-card__cta {
  color: rgba(255,255,255,.92);
}
.carousel-header--stacked {
  align-items: end;
  gap: 18px;
}
.carousel-subtitle {
  color: var(--muted);
  max-width: 460px;
  line-height: 1.6;
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
}
.carousel-footer {
  margin-top: 28px;
}

.pe-home-carousel [data-track] {
  overflow-x: auto;
  scrollbar-width: none;
}

.pe-home-carousel .carousel-track {
  display: flex;
  flex-wrap: nowrap;
}

.pe-home-carousel .promo-card,
.pe-home-carousel .promo-card--ghost {
  flex: 0 0 100%;
  min-width: 100%;
}

.carousel-track > * {
  flex: 0 0 48%;
  min-width: 48%;
}

.pe-home-carousel { 
  
  
  padding-top: 22px; }



.product-card__media {
   border: none !important;
  box-shadow: none !important
  
}
.product-card,
.product-card *,
.product-card__media {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.product-card__body {
  padding-top: 8px;
}
.product-card__title {
  font-family: var(--font-heading);
  text-transform: uppercase;
    font-size: 16px;
}
.video-strip { padding-top: 32px; }
.section-title-row--split {
  justify-content: space-between;
  align-items: end;
}
.video-card-link,
.latest-card--ghost { color: inherit; }
.video-card {
  border: 1px solid rgba(255,255,255,.05);
  aspect-ratio: 16 / 11;
}
.video-card__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.42));
}
.video-card__caption {
  margin-top: 14px;
  color: var(--muted);
}
.latest-grid { padding-top: 22px; padding-bottom: 92px; }
.latest-grid__items--ghost {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.latest-card--ghost {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 18px;
}
.latest-card__media {
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: linear-gradient(145deg, #171721, #0c0c11);
}
.latest-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
}
.latest-card__title {
  margin: 0;
  font-size: clamp(26px, 2.2vw, 40px);
  line-height: .94;
}
.latest-card__text {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}
@media (max-width: 1100px) {
  .promo-grid--ghost {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .promo-card--ghost { min-height: 420px; }
  .latest-grid__items--ghost { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .pe-hero-home {     min-height: 72svh !important;
 }
  .pe-hero-home__image--desktop { display: none; }
  .pe-hero-home__image--mobile { display: block; }
  .pe-hero-home__inner { padding-bottom: 30px; }
  .pe-hero-home__text { font-size: 14px; }
  .pe-home-promo-grid__intro,
  .promo-grid--ghost { padding-left: 18px; padding-right: 18px; }
  .promo-grid--ghost { grid-template-columns: 1fr; }
  .promo-card--ghost { min-height: 420px; }
  .section-title-row--split,
  .carousel-header--stacked { align-items: flex-start; }
  .latest-grid__items--ghost { grid-template-columns: 1fr; }
}


/* Peter Ferreira Designs — homepage hero white editorial treatment */
.pe-hero-home {
  background: #ffffff !important;
  color: #111111;
}

.pe-hero-home__overlay {
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.16) 35%, rgba(255,255,255,.34) 100%) !important;
}

.pe-hero-home__inner {
  padding: 0 clamp(24px, 5vw, 84px) 54px !important;
}

.pe-hero-home__content {
  max-width: 760px;
  margin-left: 0;
}

.pe-hero-home__eyebrow,
.pe-hero-home__text,
.pe-hero-home__actions .button:not(.button--solid) {
  color: #111111 !important;
}

.pe-hero-home__text {
  color: rgba(17,17,17,.78) !important;
}

.pe-hero-home__actions .button--solid {
  background: #111111;
  border-color: #111111;
  color: #ffffff !important;
}

.pe-hero-home__actions .button--solid:hover {
  background: #ff4fb3;
  border-color: #ff4fb3;
  color: #ffffff !important;
}

.pe-hero-home__actions .button:not(.button--solid) {
  border-color: rgba(17,17,17,.18);
  background: rgba(255,255,255,.8);
}

@media (max-width: 768px) {
  /* Peter Ferreira Designs — mobile hero spacing */
  .pe-hero-home__inner {
    padding: 0 22px 30px !important;
  }


}
/* Peter Ferreira Designs — push header items closer to screen edges */
.site-header .page-width.site-header__inner,
.site-header__inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.site-header__nav {
  justify-self: start !important;
  margin-left: 0 !important;
}

.site-header__icons {
  justify-self: end !important;
  margin-right: 0 !important;
}

/* =========================================
   CLEANUP OVERRIDES — remove pink/purple glow overlays
   ========================================= */
body,
.shopify-section,
main,
.site-main {
  background: #ffffff;
}

.product-card__media::before,
.main-product__media::before,
.video-card::before,
.latest-card__media::before,
.promo-card::before,
.app-promo__media::before,
.hero__media::after {
  content: none !important;
  background: none !important;
}

.hero__media,
.feature-banner__media,
.nav-dropdown__feature-media,
.pe-hero-home__image--placeholder,
.promo-card__image--placeholder {
  background-image: none !important;
}

.product-card__media,
.main-product__media,
.latest-card__media,
.video-card,
.app-promo__media,
.promo-card__media,
.promo-card,
.feature-banner,
.hero,
.pe-hero-home,
.nav-dropdown__feature {
  background-color: #ffffff !important;
}

/* 2026-03-24 patch: restore dark text on white content sections */
.pe-home-promo-grid__intro .section-kicker,
.pe-home-promo-grid__intro .section-title,
.pe-home-promo-grid__intro .pe-home-promo-grid__title,
.pe-home-carousel .section-kicker,
.pe-home-carousel .carousel-title,
.pe-home-carousel .carousel-subtitle,
.pe-home-carousel .product-card,
.pe-home-carousel .product-card__title,
.pe-home-carousel .product-card__meta,
.pe-home-carousel .product-card__price {
  color: #0b0b10 !important;
  opacity: 1 !important;
    font-size: 15px;
}

.pe-home-carousel .button {
  color: #0b0b10 !important;
  border-color: rgba(11,11,16,.16) !important;
}

.pe-home-carousel .button:hover {
  background: #0b0b10 !important;
  color: #ffffff !important;
}




/* ===== White-background readability + footer polish overrides ===== */
:root{
  --text: #0b0b10;
  --muted: rgba(11,11,16,.58);
  --line: rgba(11,11,16,.12);
}

/* Keep dark hero/header areas intentional */
.site-header{
  background: #0b0b10 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.site-header a,
.site-header .header-icon,
.site-header .header-burger,
.site-header .site-logo,
.site-header .nav-link--parent{
  color: #ffffff !important;
}
.site-header .nav-link--parent:hover,
.site-header a:hover,
.site-header .header-icon:hover{
  color: var(--brand) !important;
}

/* White sections: restore black headings + readable supporting copy */
.section-kicker,
.carousel-subtitle,
.product-card__meta,
.video-card__caption,
.app-promo__text,
.latest-card__meta,
.latest-card__text,
.rte,
.newsletter,
.newsletter__title,
.newsletter__form input,
.site-footer,
.site-footer__col a,
.site-footer__heading,
.button,
.button--ghost,
.button--secondary{
  color: #0b0b10 !important;
  opacity: 1 !important;
}

.section-title,
.hero__title,
.feature-banner__title,
.carousel-title,
.newsletter__title,
.latest-card__title,
.product-card__title,
.app-promo__title,
h1,h2,h3,h4{
  color: #0b0b10;
}

/* White section buttons */
.button{
  border-color: rgba(11,11,16,.16) !important;
  background: transparent !important;
  color: #0b0b10 !important;
}
.button:hover{
  background: #0b0b10 !important;
  color: #ffffff !important;
}
.button--solid{
  background: #0b0b10 !important;
  border-color: #0b0b10 !important;
  color: #ffffff !important;
}
.button--solid:hover{
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #ffffff !important;
}

/* Newsletter / subscribe block */
.newsletter{
  background: #ffffff !important;
}
.newsletter__title,
.newsletter .section-kicker,
.newsletter p,
.newsletter label{
  color: #0b0b10 !important;
  opacity: 1 !important;
}
.newsletter__form input{
  border: 1px solid rgba(11,11,16,.14) !important;
  background: #ffffff !important;
}

/* Footer to echo top-nav energy: black into white, black links, pink hover */
.site-footer,
.site-footer--mega{
  background: linear-gradient(180deg, #0b0b10 0%, #ffffff 22%, #ffffff 100%) !important;
  border-top: 1px solid rgba(11,11,16,.10) !important;
}
.site-footer__heading,
.site-footer__col a,
.site-footer__inner,
.site-footer p,
.site-footer span,
.site-footer small{
  color: #0b0b10 !important;
  opacity: 1 !important;
  
}
.site-footer a:hover,
.site-footer__col a:hover{
  color: var(--brand) !important;
   font-size: 12px;
  line-height: 1.4;
  opacity: 0.7;
}

/* Make card/meta text in white catalog sections readable */
.product-card__price,
.product-card__meta,
.product-card__title{
  color: #0b0b10 !important;
  opacity: 1 !important;
}


.main-product__media {
  aspect-ratio: 4 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.main-product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.main-product__media img {
  display: block;
}



/* ===== FORCE FOOTER BLACK ===== */
.site-footer,
.site-footer--mega {
  background: #0b0b10 !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}

.site-footer * {
  color: #ffffff !important;
}

.site-footer a:hover,
.site-footer__col a:hover {
  color: #ff4fb3 !important;
}

/* keep inputs readable */
.site-footer input {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}




/* ===== FOOTER LINKS WHITE + NAV FONT STYLE ===== */
.site-footer a,
.site-footer__col a {
  color: #ffffff !important;
  font-family: var(--font-heading) !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.site-footer a:hover,
.site-footer__col a:hover {
  color: #ff4fb3 !important;
}




/* ===== Homepage full-width section fix ===== */
.template-index .page-width,
body.template-index .page-width,
.template-index .shopify-section .page-width {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-left: var(--gutter) !important;
  padding-right: var(--gutter) !important;
}

/* Let homepage section grids/cards span the available width */
.template-index .carousel-shell,
.template-index .latest-grid,
.template-index .latest-grid__items,
.template-index .latest-grid__items--ghost,
.template-index .app-promo,
.template-index .app-promo__intro,
.template-index .app-promo__grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep product/video cards distributed edge-to-edge */
.template-index .latest-grid__items,
.template-index .latest-grid__items--ghost {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}



/* Variant image sync polish */
.main-product__media img.main-product__image{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 20%;
}



/* ===== Homepage middle sections full-bleed fix ===== */
.template-index .shopify-section,
body.template-index .shopify-section {
  width: 100% !important;
  max-width: 100% !important;
}

.template-index .page-width,
body.template-index .page-width,
.template-index .shopify-section .page-width,
.template-index .carousel-shell,
.template-index .latest-grid,
.template-index .latest-grid__items,
.template-index .latest-grid__items--ghost,
.template-index .app-promo,
.template-index .app-promo__intro,
.template-index .app-promo__grid,
.template-index .section-title-row,
.template-index .carousel-header,
.template-index .carousel-track-wrap,
.template-index .carousel-track {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.template-index .page-width,
.template-index .shopify-section .page-width,
.template-index .app-promo__intro,
.template-index .app-promo__grid,
.template-index .latest-grid,
.template-index .carousel-shell {
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}



.template-index .product-card {
  min-width: 0 !important;
  width: 100% !important;
}

@media (max-width: 1200px) {
  .template-index .carousel-track {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .template-index .carousel-track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}




/* ===== Real homepage full-width fix via section wrappers ===== */
.page-width--full {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
}

.page-width--edge {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

.template-index .page-width--full .carousel-track-wrap,
.template-index .page-width--full .carousel-track,
.template-index .page-width--full .video-grid,
.template-index .page-width--full .latest-grid__items,
.template-index .page-width--full .latest-grid__items--ghost,
.template-index .page-width--full .section-title-row,
.template-index .page-width--full .carousel-header {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.template-index .page-width--full .carousel-track {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.template-index .page-width--full .product-card {
  width: 100% !important;
  min-width: 0 !important;
}

.template-index .page-width--full .video-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.template-index .page-width--full .latest-grid__items,
.template-index .page-width--full .latest-grid__items--ghost {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1200px) {
  .template-index .page-width--full .carousel-track {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .template-index .page-width--full .video-grid,
  .template-index .page-width--full .latest-grid__items,
  .template-index .page-width--full .latest-grid__items--ghost {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .template-index .page-width--full .carousel-track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}




/* ===== Pete-style search overlay redesign ===== */
.search-overlay{
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: min(calc(100vw - 28px), 1560px);
  max-width: calc(100vw - 28px);
  background: rgba(246,246,246,.985);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 32px 90px rgba(0,0,0,.12);
}
.search-overlay.is-open{
  transform: translateX(-50%) translateY(0);
}
.search-overlay__inner{
  padding: 22px 32px 30px;
}
.search-overlay__masthead{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-bottom: 18px;
}
.search-overlay__wordmark{
  display:flex;
  align-items:center;
  justify-content:center;
}
.search-overlay__logo{
  max-width: 120px;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
  display:block;
  filter: grayscale(1) contrast(1.1);
}
.search-overlay__close{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  font-size: 32px;
}
.search-overlay__top{
  margin-bottom: 6px;
}
.search-overlay__title{
  font-family: var(--font-heading);
  font-size: clamp(36px, 2.6vw, 56px);
  letter-spacing: -.03em;
  color: rgba(11,11,16,.34);
}
.search-overlay__form--ghost{
  display:block;
  margin-bottom: 28px;
}
.search-overlay__input-wrap{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap: 16px;
  border-bottom: 2px solid #0b0b10;
  padding-bottom: 12px;
}
.search-overlay__input{
  height: 68px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 30px;
  line-height: 1;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: -.02em;
}
.search-overlay__input::placeholder{
  color: rgba(11,11,16,.28);
  text-transform: uppercase;
}
.search-overlay__input:focus{
  outline: none;
}
.search-overlay__submit--icon{
  width: 42px;
  height: 42px;
  background: transparent !important;
  color: #0b0b10 !important;
  padding: 0;
  border: 0;
}
.search-overlay__submit--icon svg{
  width: 36px;
  height: 36px;
}
.search-overlay__content--ghost,
.search-results-live__grid--ghost{
  display:grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}
.search-overlay__rail,
.search-results-live__rail{
  min-width: 0;
}
.search-overlay__feature,
.search-results-live__feature{
  min-width: 0;
}
.search-overlay__tags--stacked,
.predictive-links--stacked{
  display:grid;
  gap: 12px;
}
.search-overlay__tags--stacked a,
.predictive-links--stacked a{
  font-family: var(--font-heading);
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: -.01em;
  color: #0b0b10 !important;
}
.search-overlay__feature-card{
  display:grid;
  grid-template-columns: minmax(260px, 340px) minmax(260px, 1fr);
  gap: 20px;
  align-items: end;
}
.search-overlay__feature-media{
  aspect-ratio: 1 / 1.25;
  background: linear-gradient(180deg, #efefef, #ececec);
  border: 1px solid rgba(0,0,0,.05);
}
.search-overlay__feature-copy{
  padding-bottom: 8px;
}
.search-overlay__feature-title{
  font-family: var(--font-heading);
  font-size: clamp(26px, 2.3vw, 42px);
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: -.03em;
  color: #0b0b10;
  margin-bottom: 12px;
}
.search-overlay__feature-text{
  max-width: 520px;
  color: rgba(11,11,16,.64);
  font-size: 14px;
  line-height: 1.6;
}
.search-overlay__eyebrow{
  color: rgba(11,11,16,.56);
  margin-bottom: 18px;
}
.search-results-live{
  margin-top: 6px;
}
.predictive-products--ghost{
  display:grid;
  gap: 18px;
}
.predictive-item--ghost{
  display:grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  align-items:end;
  padding: 0;
  border: 0;
  background: transparent;
}
.predictive-item__image-wrap{
  aspect-ratio: 1 / 1.25;
  background: linear-gradient(180deg, #efefef, #ececec);
  border: 1px solid rgba(0,0,0,.05);
  overflow:hidden;
}
.predictive-item__image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.predictive-item--ghost .predictive-item__content{
  padding-bottom: 10px;
}
.predictive-item--ghost .predictive-item__type{
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,11,16,.48);
  margin-bottom: 10px;
}
.predictive-item--ghost .predictive-item__title{
  font-family: var(--font-heading);
  font-size: clamp(24px, 2vw, 38px);
  line-height: .95;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #0b0b10;
}
.predictive-item--ghost .predictive-item__meta{
  margin-top: 12px;
  color: #0b0b10;
  font-size: 15px;
  font-weight: 700;
}
.predictive-link{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.predictive-link__type{
  display:none;
}
.predictive-link__title{
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.1;
  color: #0b0b10;
}
.search-results-live__footer--ghost{
  margin-top: 24px;
}
.search-results-live__empty--ghost{
  padding: 10px 0 0;
  color: #0b0b10;
}
@media (max-width: 980px){
  .search-overlay__content--ghost,
  .search-results-live__grid--ghost,
  .search-overlay__feature-card,
  .predictive-item--ghost{
    grid-template-columns: 1fr;
  }
  .search-overlay__input{
    font-size: 22px;
    height: 54px;
  }
  .search-overlay__title{
    font-size: 30px;
  }
}




/* ===== Styled search results page ===== */
.main-search{
  padding-top: 34px;
  padding-bottom: 80px;
}
.main-search__shell{
  background: #f6f6f6;
  border: 1px solid rgba(0,0,0,.06);
  padding: 28px 32px 38px;
}
.main-search__masthead{
  margin-bottom: 12px;
}
.main-search__title{
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(36px, 2.6vw, 56px);
  line-height: .95;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: rgba(11,11,16,.92);
}
.main-search__form{
  margin-bottom: 24px;
}
.main-search__input-wrap{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:16px;
  align-items:center;
  border-bottom:2px solid #0b0b10;
  padding-bottom:12px;
}
.main-search__input{
  height: 68px;
  border:0;
  background: transparent;
  padding:0;
  box-shadow:none;
  font-size:30px;
  line-height:1;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing:-.02em;
  color:#0b0b10;
}
.main-search__input:focus{ outline:none; }
.main-search__input::placeholder{ color: rgba(11,11,16,.28); }
.main-search__submit{
  width:42px;
  height:42px;
  border:0;
  background:transparent;
  color:#0b0b10;
  padding:0;
}
.main-search__submit svg{
  width:36px;
  height:36px;
}
.main-search__meta{
  margin-bottom: 24px;
}
.main-search__query{
  color: rgba(11,11,16,.64);
  font-size:14px;
}
.main-search__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.main-search-card{
  color: inherit;
}
.main-search-card__media{
  aspect-ratio: 1 / 1.25;
  background: linear-gradient(180deg, #efefef, #ececec);
  border: 1px solid rgba(0,0,0,.05);
  overflow:hidden;
}
.main-search-card__image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.main-search-card__content{
  padding-top: 14px;
}
.main-search-card__title{
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-size: clamp(22px, 1.6vw, 30px);
  line-height:.95;
  letter-spacing:-.03em;
  text-transform: uppercase;
  color:#0b0b10;
}
.main-search-card__price{
  color:#0b0b10;
  font-size:15px;
  font-weight:700;
}
.main-search-card__excerpt{
  color: rgba(11,11,16,.68);
  line-height:1.6;
  font-size:14px;
}
.main-search-card--text{
  padding-top: 10px;
  border-top: 1px solid rgba(11,11,16,.10);
}
.main-search__empty{
  padding: 18px 0 8px;
  color:#0b0b10;
}
.main-search__pagination{
  display:flex;
  gap: 12px;
  margin-top: 30px;
}
@media (max-width: 1200px){
  .main-search__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 820px){
  .main-search__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .main-search__shell{
    padding: 20px 18px 28px;
  }
  .main-search__input{
    font-size: 22px;
    height: 54px;
  }
  .main-search__grid{
    grid-template-columns: 1fr;
  }
}



/* ===== Search close button upgrade ===== */
.search-overlay__close {
  color: var(--brand) !important;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}

.search-overlay__close svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

.search-overlay__close:hover {
  color: #0b0b10 !important;
}





/* Catch plain links used as CTA text in the dark feature panel */
.nav-dropdown__feature-copy a:not(.nav-dropdown__grid-link),
.nav-dropdown__feature-copy .promo-card__cta,
.nav-dropdown__feature-copy [class*="cta"] {
  color: #ffffff !important;
}

.nav-dropdown__feature-copy a:not(.nav-dropdown__grid-link):hover,
.nav-dropdown__feature-copy .promo-card__cta:hover,
.nav-dropdown__feature-copy [class*="cta"]:hover {
  color: var(--brand) !important;
}




/* ===== Restore dark mega-nav CTA button ===== */
.nav-dropdown__feature-copy .button,
.nav-dropdown__feature-copy .button:link,
.nav-dropdown__feature-copy .button:visited,
.nav-dropdown__feature .button,
.nav-dropdown__feature .button:link,
.nav-dropdown__feature .button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  background: #0b0b10 !important;
  color: #ffffff !important;
  border: 1px solid #0b0b10 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.nav-dropdown__feature-copy .button *,
.nav-dropdown__feature .button * {
  color: #ffffff !important;
}

.nav-dropdown__feature-copy .button:hover,
.nav-dropdown__feature-copy .button:focus,
.nav-dropdown__feature .button:hover,
.nav-dropdown__feature .button:focus {
  background: #ff4fb3 !important;
  color: #0b0b10 !important;
  border-color: #ff4fb3 !important;
}

.nav-dropdown__feature-copy .button:hover *,
.nav-dropdown__feature-copy .button:focus *,
.nav-dropdown__feature .button:hover *,
.nav-dropdown__feature .button:focus * {
  color: #0b0b10 !important;
}




/* Dynamic menu support polish */
.nav-dropdown__columns {
  align-content: start;
}
.nav-dropdown__column:only-child {
  max-width: 360px;
}
/* FIX: Wild Side CTA button */
.nav-dropdown__intro .button.button--solid {
  background: #0b0b10 !important;
  color: #ffffff !important;
  border: 1px solid #0b0b10 !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Target ONLY your Shop Now buttons if needed */
/* target your exact button */



/* Hover = Pink */
.nav-dropdown__intro .button.button--solid:hover {
  background: var(--brand) !important;
  color: #ffffff !important;
  border-color: var(--brand) !important;
}

.nav-dropdown__intro .button.button--solid:hover * {
  color: #0b0b10 !important;
}

/* NAV hover = Pink + Bold */
.site-header__nav .nav-link:hover,
.site-header__nav .nav-link:focus {
  color: var(--brand) !important;
  font-weight: 700 !important;
}

/* Keep active/open state consistent */
.site-header__nav .nav-item.is-open > .nav-link,
.site-header__nav .nav-link[aria-expanded="true"] {
  color: var(--brand) !important;
  font-weight: 700 !important;
}
.site-header__nav .nav-link {
  transition: color .2s ease, font-weight .2s ease;
}

/* SUBMENU hover = Pink + Bold */
.nav-dropdown__heading:hover,
.nav-dropdown__heading:focus,
.nav-dropdown__list a:hover,
.nav-dropdown__list a:focus {
  color: var(--brand) !important;
  font-weight: 700 !important;
}

.nav-dropdown__heading[aria-current="true"],
.nav-dropdown__list a[aria-current="true"] {
  color: var(--brand) !important;
  font-weight: 700 !important;
    transition: color .2s ease, font-weight .2s ease;
}

/* FORCE submenu links to pink on hover */
.nav-dropdown__heading:hover,
.nav-dropdown__heading:focus,
.nav-dropdown__list a:hover,
.nav-dropdown__list a:focus,
.nav-dropdown__list li a:hover,
.nav-dropdown__list li a:focus {
  color: #ff4fb3 !important;
  -webkit-text-fill-color: #ff4fb3 !important;
}

/* Also force ALL children (in case spans are inside) */
.nav-dropdown__heading:hover *,
.nav-dropdown__list a:hover * {
  color: #ff4fb3 !important;
}



/* ===== Stable account system ===== */
body.account-drawer-open{
  overflow:hidden;
}

.account-drawer{
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 120;
  transition: opacity .22s ease, visibility .22s ease;
}
.account-drawer.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.account-drawer__overlay{
  position:absolute;

  background: rgba(0,0,0,.42);
  backdrop-filter: blur(4px);
}
.account-drawer__panel {
position:absolute !important;
  right:0 !important;
  top:100px !important;
  left:auto !important;
  bottom:auto !important;
  inset:auto !important;
  width:min(460px, 100vw) !important;
  height:100% !important;
  background:#f6f6f6;
  color:#0b0b10;
  border-left:1px solid rgba(0,0,0,.06);
  box-shadow:-20px 0 60px rgba(0,0,0,.14);
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.22,1,.36,1);
  padding: 26px 26px 34px;
  overflow-y:auto;
}

@media (min-width: 769px) {
  .account-drawer__panel {
    inset: 115px 0 0 auto !important;
    height: auto !important;
  }
}


.account-drawer.is-open .account-drawer__panel{
  transform: translateX(0);
}
.account-drawer__close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:var(--brand);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.account-drawer__close svg{ width:22px; height:22px; }
.account-drawer__close:hover{ color:#0b0b10; }
.account-drawer__masthead{ padding-top:18px; margin-bottom:24px; }
.account-drawer__eyebrow,
.account-dashboard__eyebrow{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(11,11,16,.56);
}
.account-drawer__title{
  margin:0 0 10px;
  font-family:var(--font-heading);
  font-size:clamp(34px,3vw,50px);
  line-height:.95;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#0b0b10;
}
.account-drawer__text{
  margin:0;
  color:rgba(11,11,16,.66);
  line-height:1.6;
  font-size:14px;
  max-width:320px;
}
.account-drawer__action-grid{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.account-launch{
  display:grid;
  gap:10px;
  padding:18px 18px 20px;
  border:1px solid rgba(11,11,16,.10);
  background:#fff;
  color:#0b0b10;
  transition:.2s ease;
}
.account-launch strong{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.account-launch span:last-child{
  color:rgba(11,11,16,.66);
  line-height:1.6;
  font-size:14px;
}
.account-launch--dark{
  background:#0b0b10;
  border-color:#0b0b10;
  color:#fff;
}
.account-launch--dark span:last-child{ color:rgba(255,255,255,.78); }
.account-launch:hover{
  border-color:var(--brand);
  color:var(--brand);
}
.account-launch--dark:hover{
  background:var(--brand);
  border-color:var(--brand);
  color:#0b0b10;
}
.account-launch--dark:hover span:last-child{ color:#0b0b10; }
.account-drawer__subgrid{ margin-top:14px; }
.account-drawer__info-card{
  border:1px solid rgba(11,11,16,.10);
  background:#fff;
  padding:18px;
}
.account-drawer__info-card h3{
  margin:0 0 10px;
  font-family:var(--font-heading);
  font-size:28px;
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.account-drawer__info-card p:last-child{
  margin:0;
  color:rgba(11,11,16,.66);
  line-height:1.6;
  font-size:14px;
}

.account-dashboard{
  color:#0b0b10;
}
.account-dashboard__shell{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap:24px;
}
.account-dashboard__sidebar{
  display:grid;
  gap:18px;
  align-content:start;
}
.account-dashboard__identity,
.account-dashboard__sidebar-card,
.account-dashboard__hero-card,
.account-dashboard__card,
.account-order-card,
.account-dashboard__logged-out{
  background:#f6f6f6;
  border:1px solid rgba(0,0,0,.06);
}
.account-dashboard__identity{
  padding:22px;
}
.account-dashboard__name{
  margin:0 0 8px;
  font-family:var(--font-heading);
  font-size:clamp(30px,2.2vw,44px);
  line-height:.95;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#0b0b10;
}
.account-dashboard__email{
  margin:0;
  color:rgba(11,11,16,.66);
}
.account-dashboard__sidebar-card{
  padding:20px 22px;
}
.account-dashboard__badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  background:#0b0b10;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:12px;
}
.account-dashboard__small{
  margin:0;
  color:rgba(11,11,16,.66);
  line-height:1.6;
  font-size:14px;
}
.account-dashboard__metric-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(11,11,16,.08);
}
.account-dashboard__metric-row:first-of-type{
  border-top:0;
}
.account-dashboard__main{
  min-width:0;
}
.account-dashboard__tabs{
  display:flex;
  gap:8px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.account-dashboard__tab{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(11,11,16,.10);
  background:#fff;
  color:#0b0b10;
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px;
  cursor:pointer;
}
.account-dashboard__tab.is-active{
  background:#0b0b10;
  color:#fff;
  border-color:#0b0b10;
}
.account-dashboard__panel{
  display:none;
}
.account-dashboard__panel.is-active{
  display:block;
}
.account-dashboard__hero-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:20px;
  padding:24px;
  margin-bottom:18px;
}
.account-dashboard__hero-card h2,
.account-dashboard__panel-head h2,
.account-dashboard__card h3,
.account-order-card h3,
.account-dashboard__logged-out h1{
  margin:0 0 10px;
  font-family:var(--font-heading);
  line-height:.95;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#0b0b10;
}
.account-dashboard__hero-card h2{ font-size:clamp(30px,2.4vw,42px); }
.account-dashboard__hero-card p,
.account-dashboard__card p,
.account-order-card p,
.account-dashboard__logged-out p{
  color:rgba(11,11,16,.66);
  line-height:1.6;
}
.account-dashboard__points-card{
  display:grid;
  align-content:end;
  justify-items:start;
  padding:18px;
  background:#fff;
  border:1px solid rgba(11,11,16,.08);
}
.account-dashboard__points-card strong{
  font-family:var(--font-heading);
  font-size:48px;
  line-height:.9;
}
.account-dashboard__points-card small{
  color:rgba(11,11,16,.56);
}
.account-dashboard__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.account-dashboard__grid--profile{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.account-dashboard__card{
  padding:22px;
}
.account-dashboard__progress{
  width:100%;
  height:8px;
  background:rgba(11,11,16,.08);
  margin-top:16px;
}
.account-dashboard__progress span{
  display:block;
  height:100%;
  background:var(--brand);
}
.account-dashboard__orders{
  display:grid;
  gap:18px;
}
.account-order-card{
  padding:22px;
}
.account-order-card__top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.account-order-card__price{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:.95;
  color:#0b0b10;
}
.account-order-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:10px 0 18px;
  color:rgba(11,11,16,.56);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.account-dashboard__panel-head{
  margin-bottom:18px;
}
.account-dashboard__logged-out{
  padding:28px;
  max-width:760px;
}
@media (max-width: 1024px){
  .account-dashboard__shell{
    grid-template-columns:1fr;
  }
  .account-dashboard__grid{
    grid-template-columns:1fr;
  }
  .account-dashboard__grid--profile{
    grid-template-columns:1fr;
  }
  .account-dashboard__hero-card{
    grid-template-columns:1fr;
  }
}



/* Account drawer gateway polish */
.account-drawer__action-grid{
  display:grid;
  gap:14px;
}
.account-launch{
  display:grid;
  gap:10px;
  padding:18px 18px 20px;
  border:1px solid rgba(11,11,16,.10);
  background:#fff;
  color:#0b0b10 !important;
  transition:.2s ease;
}
.account-launch strong{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.account-launch__eyebrow{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(11,11,16,.56);
}
.account-launch span:last-child{
  color:rgba(11,11,16,.66);
  line-height:1.6;
  font-size:14px;
}
.account-launch--dark{
  background:#0b0b10;
  border-color:#0b0b10;
  color:#fff !important;
}
.account-launch--dark strong,
.account-launch--dark .account-launch__eyebrow{
  color:#fff !important;
}
.account-launch--dark span:last-child{
  color:rgba(255,255,255,.78) !important;
}
.account-launch:hover{
  border-color:var(--brand);
  color:var(--brand) !important;
}
.account-launch--dark:hover{
  background:var(--brand);
  border-color:var(--brand);
  color:#0b0b10 !important;
}
.account-launch--dark:hover strong,
.account-launch--dark:hover .account-launch__eyebrow,
.account-launch--dark:hover span:last-child{
  color:#0b0b10 !important;
}




/* ===== Premium account dashboard ===== */
.account-dashboard-premium{
  color:#0b0b10;
    margin-top: 100px;
}
.account-dashboard-premium__shell{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:24px;

}
.card-premium{
  background:#f6f6f6;
  border:1px solid rgba(0,0,0,.06);
  padding:22px;
}
.card-premium--dark{
  background:#0b0b10;
  border-color:#0b0b10;
  color:#fff;
}
.account-dashboard-premium__sidebar{
  display:grid;
  gap:18px;
  align-content:start;
    font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #444 !important;
  letter-spacing: 0 !important;
}
.account-dashboard-premium__identity{
  padding:24px 22px;
}
.account-dashboard-premium__eyebrow{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(11,11,16,.56);
}
.account-dashboard-premium__eyebrow--light{
  color:rgba(255,255,255,.68);
}
.account-dashboard-premium__name,
.account-dashboard-premium__hero h2,
.account-dashboard-premium__panel-head h2,
.account-dashboard-premium__logged-out h1,
.account-dashboard-premium__grid h3,
.account-order-premium h3{
  margin:0 0 10px;
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:-.03em;
  line-height:.95;
  color:#0b0b10;
}
.card-premium--dark h2{
  color:#fff;
}
.account-dashboard-premium__name{
  font-size:clamp(34px,2.6vw,48px);
}
.account-dashboard-premium__email,
.account-dashboard-premium__copy,
.account-dashboard-premium__grid p,
.account-dashboard-premium__logged-out p,
.account-order-premium p,
.account-dashboard-premium__hero p{
  color:rgba(11,11,16,.68);
  line-height:1.6;
  margin-top: 100px;
}
.card-premium--dark p{
  color:rgba(255,255,255,.78);
}
.account-dashboard-premium__badge{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 14px;
  background:#0b0b10;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:12px;
}
.account-dashboard-premium__stat-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(11,11,16,.08);
}
.account-dashboard-premium__stat-row:first-of-type{
  border-top:0;
}
.account-dashboard-premium__main{
  min-width:0;
}
.account-dashboard-premium__tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.account-dashboard-premium__tab{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(11,11,16,.10);
  background:#fff;
  color:#0b0b10;
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px;
  cursor:pointer;
  transition:.2s ease;
}
.account-dashboard-premium__tab.is-active{
  background:#0b0b10;
  border-color:#0b0b10;
  color:#fff;
}
.account-dashboard-premium__tab--muted{
  opacity:.9;
}
.account-dashboard-premium__tab:hover{
  color:var(--brand);
  border-color:var(--brand);
}
.account-dashboard-premium__panel{
  display:none;
}
.account-dashboard-premium__panel.is-active{
  display:block;
}
.account-dashboard-premium__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:20px;
  margin-bottom:18px;
}
.account-dashboard-premium__hero-stat{
  display:grid;
  align-content:end;
  padding:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.account-dashboard-premium__hero-stat span,
.account-dashboard-premium__hero-stat small{
  color:rgba(255,255,255,.72);
}
.account-dashboard-premium__hero-stat strong{
  font-family:var(--font-heading);
  font-size:52px;
  line-height:.9;
  color:#fff;
}
.account-dashboard-premium__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.account-dashboard-premium__grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.account-dashboard-premium__panel-head{
  margin-bottom:18px;
}
.account-dashboard-premium__orders{
  display:grid;
  gap:18px;
}
.account-order-premium__top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.account-order-premium__price{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:.95;
  color:#0b0b10;
}
.account-order-premium__meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:10px 0 18px;
  color:rgba(11,11,16,.56);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.account-dashboard-premium__logged-out{
  max-width:760px;
}
@media (max-width:1024px){
  .account-dashboard-premium__shell{
    grid-template-columns:1fr;
  }
  .account-dashboard-premium__hero,
  .account-dashboard-premium__grid,
  .account-dashboard-premium__grid--two{
    grid-template-columns:1fr;
  }
}



/* ===== FINAL ACCOUNT DRAWER FIX (CLEAN OVERRIDE) ===== */

.account-drawer .account-launch {
  background: #ffffff !important;
  color: #0b0b10 !important;
  border: 1px solid rgba(11,11,16,.10) !important;
}

.account-drawer .account-launch strong,
.account-drawer .account-launch .account-launch__eyebrow,
.account-drawer .account-launch span,
.account-drawer .account-launch span:last-child {
  color: #0b0b10 !important;
}

.account-drawer .account-launch:hover {
  border-color: var(--brand) !important;
  color: var(--brand) !important;
}

.account-drawer .account-launch:hover strong,
.account-drawer .account-launch:hover .account-launch__eyebrow,
.account-drawer .account-launch:hover span,
.account-drawer .account-launch:hover span:last-child {
  color: var(--brand) !important;
}

.account-drawer .account-launch.account-launch--dark {
  background: #0b0b10 !important;
  border-color: #0b0b10 !important;
  color: #ffffff !important;
}

.account-drawer .account-launch.account-launch--dark strong,
.account-drawer .account-launch.account-launch--dark .account-launch__eyebrow,
.account-drawer .account-launch.account-launch--dark span,
.account-drawer .account-launch.account-launch--dark span:last-child {
  color: #ffffff !important;
}

.account-drawer .account-launch.account-launch--dark:hover {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #0b0b10 !important;
}

.account-drawer .account-launch.account-launch--dark:hover strong,
.account-drawer .account-launch.account-launch--dark:hover .account-launch__eyebrow,
.account-drawer .account-launch.account-launch--dark:hover span,
.account-drawer .account-launch.account-launch--dark:hover span:last-child {
  color: #0b0b10 !important;
}


/* Members Only drawer label polish */
.account-drawer .account-launch--dark strong{
  letter-spacing: -.02em;
}




/* ===== PINK ELEPHANT -close cart drawer ===== */
body.cart-drawer-open{overflow:hidden;}
.cart-drawer{
  position:fixed;
  inset:0;
  z-index:130;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}
.cart-drawer.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cart-drawer__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.34);
}
.cart-drawer__panel{
  position:absolute;
  top:115px;
  right:0;
  width:min(560px, 100vw);
  height:100%;
  background:#fff;
  color:#0b0b10;
  display:grid;
  grid-template-rows:auto 1fr auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.16);
}
.cart-drawer.is-open .cart-drawer__panel{ transform:translateX(0); }
.cart-drawer__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:22px 22px 18px;
  border-bottom:1px solid rgba(11,11,16,.12);
}
.cart-drawer__title-wrap{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.cart-drawer__title{
  margin:0;
  font-family:var(--font-heading);
  font-size:22px;
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.cart-drawer__count{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(11,11,16,.56);
}
.cart-drawer__close{
  border:0;background:transparent;color:#0b0b10;width:28px;height:28px;padding:0;cursor:pointer;
}
.cart-drawer__close svg{width:20px;height:20px;}
.cart-drawer__body{
 min-height: 0 !important;
    overflow-y: auto !important;
    display: block !important;
}
.cart-drawer__items{
  border-bottom:1px solid rgba(11,11,16,.12);
}
.cart-line{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:18px;
  padding:18px 22px;
  border-bottom:1px solid rgba(11,11,16,.12);
}
.cart-line__image{
  width:90px;height:108px;background:#f1f1f1;display:block;overflow:hidden;
}
.cart-line__image img{
  width:100%;height:100%;object-fit:cover;
}
.cart-line__content{display:grid;gap:14px;}
.cart-line__top{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
}
.cart-line__title{
  font-family:var(--font-heading);
  font-size:17px;
  line-height:1.02;
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:#0b0b10;
}
.cart-line__variant{
  margin-top:6px;
  color:rgba(11,11,16,.68);
  font-size:14px;
}
.cart-line__remove{
  border:0;background:transparent;color:rgba(11,11,16,.52);font-size:26px;line-height:1;cursor:pointer;padding:0;
}
.cart-line__bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;}
.cart-line__qty{
  display:inline-grid;
  grid-template-columns:30px auto 30px;
  align-items:center;
  border:1px solid rgba(11,11,16,.12);
}
.cart-line__qty button{
  border:0;background:#fff;height:30px;width:30px;cursor:pointer;color:#0b0b10;font-size:20px;
}
.cart-line__qty span{padding:0 12px;min-width:32px;text-align:center;font-weight:700;}
.cart-line__price{
  font-family:var(--font-heading);
  font-size:18px;
  color:#0b0b10;
}
.cart-drawer__upsells{
  padding:20px 22px 12px;
}
.cart-drawer__subheading{
  margin:0 0 18px;
  font-family:var(--font-heading);
  font-size:22px;
  text-transform:uppercase;
  line-height:.95;
  letter-spacing:-.03em;
}
.cart-upsell{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:14px;
  padding:0 0 18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(11,11,16,.08);
}
.cart-upsell:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0;}
.cart-upsell__image{width:76px;height:92px;background:#f1f1f1;overflow:hidden;}
.cart-upsell__image img{width:100%;height:100%;object-fit:cover;}
.cart-upsell__content{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;}
.cart-upsell__title{
  grid-column:1 / span 2;
  font-family:var(--font-heading);
  font-size:16px;
  line-height:1.04;
  text-transform:uppercase;
}
.cart-upsell__price{font-weight:700;}
.cart-upsell__select{
  min-width:64px;height:34px;border:1px solid rgba(11,11,16,.18);background:#fff;padding:0 8px;
}
.cart-upsell__add{
  min-width:88px;height:34px;border:0;background:#d7ef2c;color:#0b0b10;font-weight:800;padding:0 14px;cursor:pointer;
}
.cart-drawer__footer{
  padding:100px 22px 22px;
  border-top:1px solid rgba(11,11,16,.12);
  padding-bottom:250px;
}
@media {
.cart-drawer__footer{
  padding:100px 22px 22px;
  border-top:1px solid rgba(11,11,16,.12);
  
}

.cart-drawer__subtotal-row{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:10px;
  
}
.cart-drawer__subtotal-label{
  font-family:var(--font-heading);
  font-size:22px;
  line-height:.95;
  text-transform:uppercase;
    
}
.cart-drawer__subtotal-value{
  font-family:var(--font-heading);
  font-size:24px;
  line-height:.95;
 
}
.cart-drawer__note{
  margin:0 0 16px;
  color:rgba(11,11,16,.62);
  font-size:14px;
}
.cart-drawer__checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease;
  background: #0b0b10 !important;
  color: #fff !important;
  text-decoration: none !important;
  
}

.cart-drawer__checkout:hover {
  transform: translateY(-1px);
  opacity: .92;
}
.cart-drawer__empty{
  padding:30px 22px;
}
.cart-drawer__empty h3{
  margin:0 0 10px;
  font-family:var(--font-heading);
  text-transform:uppercase;
  font-size:28px;
  line-height:.95;
  color:#0b0b10;
}

.cart-drawer__checkout-form {
  margin: 0;
}

.cart-drawer__checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  border: 0;
  cursor: pointer;
}
.cart-drawer__empty p{margin:0;color:rgba(11,11,16,.62);}
@media (max-width: 640px){
  .cart-drawer__panel{width:100vw;}
}

.cart-drawer__checkout {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}


/* ===== Header icon visibility + hover fix ===== */

/* keep the account icon visible at all times */
.header-icon--text,
.site-header:hover .header-icon--text,
.site-header:focus-within .header-icon--text,
.site-header.is-search-open .header-icon--text,
.site-header.is-drawer-open .header-icon--text {
  opacity: 1 !important;
  transform: none !important;
}

/* stable icon frames */
.site-header__icons .header-icon,
.site-header__icons .header-icon--button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  position: relative !important;
  transition:
    color .18s ease,
    fill .18s ease,
    stroke .18s ease,
    transform .18s ease,
    opacity .18s ease,
    filter .18s ease !important;
  transform: translateY(0);
}

/* subtle hover lift + pink color */
.site-header__icons .header-icon:hover,
.site-header__icons .header-icon--button:hover {
  color: var(--brand) !important;
  fill: var(--brand) !important;
  stroke: var(--brand) !important;
  transform: translateY(-2px) !important;
}

/* ensure search/cart svg follows hover color */
.site-header__icons .header-icon svg,
.site-header__icons .header-icon--button svg {
  transition:
    color .18s ease,
    fill .18s ease,
    stroke .18s ease,
    transform .18s ease !important;
}

.site-header__icons .header-icon:hover svg,
.site-header__icons .header-icon--button:hover svg {
  color: var(--brand) !important;
  fill: var(--brand) !important;
  stroke: var(--brand) !important;
}

/* account icon image: visible on dark header, pink on hover */
.site-header .header-elephant-logo {
  display: block !important;
  height: 24px !important;
  width: auto !important;
  opacity: 1 !important;
  transform: none !important;
  filter: brightness(0) invert(1) !important; /* white on dark header */
  transition: filter .18s ease, transform .18s ease, opacity .18s ease !important;
}

/* when header turns white, make account icon black by default */
.site-header:hover .header-elephant-logo,
.site-header:focus-within .header-elephant-logo,
.site-header.is-search-open .header-elephant-logo,
.site-header.is-drawer-open .header-elephant-logo {
  filter: brightness(0) saturate(100%) !important;
}

/* account icon pink hover in all states */
.site-header__icons .header-icon--account:hover .header-elephant-logo,
.site-header__icons .header-icon--account:focus-visible .header-elephant-logo {
  filter: brightness(0) saturate(100%) invert(43%) sepia(84%) saturate(1718%) hue-rotate(296deg) brightness(104%) contrast(101%) !important;
  transform: translateY(-2px) !important;
}

/* keep account icon width stable */
.header-icon--account {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}

/* bubble stays put */
.cart-count {
  top: -5px !important;
  right: -5px !important;
}





/* Keep card body tighter before hover */
.product-card--quick-buy .product-card__body {
  padding-top: 16px;
}

/* Mobile: keep quick-buy visible since there is no real hover */
@media (max-width: 760px) {
  .product-card--quick-buy .product-card__quick-buy {
    opacity: 1;
    visibility: visible;
    transform: none;
    max-height: none;
    overflow: visible;
    pointer-events: auto;
  }
}








/* ===== Collection quick-buy Pink Elephant horizontal ===== */
.product-card--quick-buy {
  min-width: 0 !important;
  width: 100% !important;
}
.product-card--quick-buy .product-card__media {
  position: relative;
  border: 1px solid rgba(11,11,16,.42);
  overflow: hidden;
  background: #ececec;
}
.product-card--quick-buy .product-card__media::before {
  display: none !important;
}
.product-card__media-link {
  display:block;
  color: inherit;
}
.product-card--quick-buy .product-card__img {
  width: 100%;
  height: auto;
  display: block;
  transform: translateY(-5px) !important;
}
.product-card--quick-buy .product-card__quick-buy-overlay {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  padding: 6px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(11,11,16,.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 4;
}
.product-card--quick-buy:hover .product-card__quick-buy-overlay,
.product-card--quick-buy:focus-within .product-card__quick-buy-overlay {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.product-card__quick-buy-bar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: stretch;
}
.card-sizes {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
}
.card-sizes__item {
  min-width: 38px;
  height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(11,11,16,.12);
  background: #f5f5f5;
  color: #0b0b10;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.card-sizes__item.is-active {
  background: #fff;
  border-color: #0b0b10;
}
.product-card__add {
  min-width: 74px;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid #0b0b10;
  background: #0b0b10;
  color: #fff;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease, opacity .16s ease;
}
.product-card__add:hover:not(:disabled) {
  background: var(--brand);
  border-color: var(--brand);
  color: #0b0b10;
}
.product-card__add:disabled {
  opacity: .65;
  cursor: not-allowed;
}
.product-card--quick-buy .product-card__body {
  padding-top: 16px;
}
.product-card__title-link {
  color: inherit;
  text-decoration: none;
}
.card-variant-group--colors {
  margin-top: 12px;
}
.card-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.card-swatches__item {
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}
.card-swatches__dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.28);
  display: block;
}
.card-swatches__item.is-active .card-swatches__dot {
  box-shadow: 0 0 0 1px #0b0b10;
}
@media (max-width: 760px) {
  .product-card--quick-buy .product-card__quick-buy-overlay {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}



/* ===== Luxury collection interactions ===== */
.product-card--quick-buy .product-card__img {
  transition: opacity .18s ease, transform .35s ease;
  transform: scale(1);
}
.product-card--quick-buy:hover .product-card__img,
.product-card--quick-buy:focus-within .product-card__img {
  transform: scale(1.015);
}
.product-card--quick-buy .product-card__img.is-swapping {
  opacity: .72;
}
.product-card--quick-buy .product-card__quick-buy-overlay {
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}
.card-swatches__item,
.card-sizes__item,
.product-card__add {
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease, opacity .16s ease;
}
.card-swatches__item:hover,
.card-swatches__item:focus-visible {
  transform: translateY(-1px);
}
.card-sizes__item:hover:not(.is-active),
.card-sizes__item:focus-visible {
  transform: translateY(-1px);
  border-color: #0b0b10;
  background: #ffffff;
}
.product-card__add:hover:not(:disabled),
.product-card__add:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}
.product-card__add.is-added {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #0b0b10 !important;
  box-shadow: 0 10px 22px rgba(255,79,179,.28);
}



/* ===== Pink Elephatn -close collection layout + sidebar filters ===== */
.page-width--edge {
  width: min(calc(100% - (var(--gutter) * 2)), 1680px);
}




.collection-grid__sidebar {
  position: sticky;
  top: calc(var(--header-h) + 18px);
  align-self: start;
}

.collection-grid__sidebar-inner {
  padding-right: 10px;
}



.collection-grid__eyebrow {
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 11px;
  color: rgba(11,11,16,.56);
}

.collection-grid__title {
  margin: 0;
 
  font-family: var(--font-heading);
  font-size: clamp(42px, 5vw, 76px);
  line-height: .9;
  letter-spacing: -.06em;
  text-transform: uppercase;
  color: #0b0b10;
}

@media (min-width: 769px) {
  .collection-grid__title {
    margin-top: 90px;
  }
}

.collection-grid__title--mobile {
  display: none;
}

.collection-grid__meta {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(11,11,16,.58);
  font-weight: 700;
  white-space: nowrap;
    margin-left: auto;
  text-align: right;
}
}

.collection-filters {
  display: grid;
  gap: 18px;
}

.collection-filters__toolbar {
  display: grid;
  gap: 12px;
  margin: 18px 0 6px;
}

.collection-filters__sort {
  display: grid;
  gap: 8px;
}

.collection-filters__sort span {
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,11,16,.54);
}

.collection-filters__sort select,
.collection-filter__price input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(11,11,16,.16);
  background: rgba(255,255,255,.78);
  color: #0b0b10;
  padding: 0 12px;
}

.collection-filters__clear {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(11,11,16,.62);
}

.collection-filters__groups {
  display: grid;
  gap: 10px;
}

.collection-filter {
  border-top: 1px solid rgba(11,11,16,.12);
  padding-top: 10px;
}

.collection-filter__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
  color: #0b0b10;
}

.collection-filter__summary::-webkit-details-marker {
  display: none;
}

.collection-filter__count {
  color: rgba(11,11,16,.44);
  font-size: 11px;
}

.collection-filter__body {
  display: grid;
  gap: 8px;
  padding-top: 14px;
}

.collection-filter__option {
  display: grid;
  grid-template-columns: 16px 1fr auto;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #0b0b10;
}

.collection-filter__option em {
  font-style: normal;
  color: rgba(11,11,16,.48);
  font-size: 12px;
}

.collection-filter__option input {
  margin: 0;
}

.collection-filter__option.is-disabled {
  opacity: .42;
}

.collection-filter__body--price {
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
  gap: 8px;
}

.collection-filter__price {
  display: grid;
  gap: 6px;
}

.collection-filter__price span {
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,11,16,.54);
}

.collection-filter__apply {
  min-width: 82px;
  min-height: 42px;
  border: 1px solid #0b0b10;
  background: #0b0b10;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
}

.collection-filters__empty {
  padding-top: 10px;
  color: rgba(11,11,16,.58);
  line-height: 1.6;
  font-size: 14px;
}




  .collection-grid__sidebar {
    position: static;
  }

  .collection-grid__sidebar-head {
    display: none;
  }

  .collection-grid__title--mobile {
    display: block;
  }

  .collection-filter__body--price {
    grid-template-columns: 1fr 1fr;
  }

  .collection-filter__apply {
    grid-column: 1 / -1;
  }
}






/* ===== Collection page final 3-column PINK ELEPHANT -close override ===== */
.collection-grid--ghost {
  padding-top: 110px;
  padding: 34px 0 100px;
}



.collection-grid__shell.page-width--edge {
  width: min(calc(100% - 24px), 1820px);
}



.collection-grid__sidebar {
  top: 108px;
}

.collection-grid__sidebar-inner {
  padding-right: 0;
}

.collection-grid__heading-row {
  margin: 0 0 18px;
  
}

.collection-grid__eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: .18em;
  color: rgba(11,11,16,.44);
}

.collection-grid__title,
.collection-grid__title--mobile {
  font-size: clamp(62px, 7vw, 110px);
  line-height: .84;
  letter-spacing: -.08em;
  font-weight: 900;
}

.collection-filters__toolbar {
  gap: 14px;
  margin: 20px 0 10px;
}

.collection-filters__sort span,
.collection-filter__price span {
  font-size: 11px;
  letter-spacing: .16em;
  color: rgba(11,11,16,.42);
}

.collection-filters__sort select,
.collection-filter__price input {
  min-height: 38px;
  border: 1px solid rgba(11,11,16,.12);
  background: transparent;
  font-size: 14px;
}

.collection-filters__clear {
  font-size: 12px;
  letter-spacing: .16em;
  color: rgba(11,11,16,.54);
}

.collection-filter {
  border-top: 1px solid rgba(11,11,16,.10);
  padding-top: 12px;
}

.collection-filter__summary {
  font-size: 13px;
  letter-spacing: .10em;
  font-weight: 900;
}

.collection-filter__body {
  gap: 10px;
  padding-top: 12px;
}

.collection-filter__option {
  grid-template-columns: 14px 1fr auto;
  gap: 10px;
  font-size: 13px;
}

.collection-filter__option em {
  font-size: 11px;
}

.collection-filter__apply {
  min-width: 74px;
  min-height: 38px;
}



.collection-grid__items  * {
  min-width: 0;
}

.product-card--quick-buy {
  border-right: 1px solid rgba(11,11,16,.16);
  border-bottom: 1px solid rgba(11,11,16,.16);
  padding: 0 0 18px;
  background: transparent;
}

.product-card--quick-buy .product-card__media {
  border: 0 !important;
  border-bottom: 1px solid rgba(11,11,16,.10);
  background: rgba(0,0,0,.03);
}

.product-card--quick-buy .product-card__body {
  padding: 14px 0 0 !important;
}

.product-card--quick-buy .product-card__title {
  font-size: 17px;
  line-height: .96;
  letter-spacing: -.05em;
}

.product-card--quick-buy .product-card__meta {
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(11,11,16,.56);
  font-weight: 700;
  margin-left: auto;
  text-align: right;
}

.product-card--quick-buy .product-card__price {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.card-variant-group--colors {
  margin-top: 10px;
}

.card-swatches__item {
  width: 15px;
  height: 15px;
}

.card-swatches__dot {
  width: 13px;
  height: 13px;
}

.product-card__quick-buy-overlay {
  left: 8px;
  right: 8px;
  bottom: 8px;
  background: rgba(255,255,255,.98);
}





.product-card--quick-buy {
  padding-bottom: 22px !important;
}

.product-card--quick-buy .product-card__body {
  padding: 18px 16px 0 !important;
}

.product-card--quick-buy .product-card__title {
  margin-bottom: 6px;
}

.product-card--quick-buy .product-card__meta {
  margin-bottom: 8px;
}

.product-card--quick-buy .product-card__price {
  margin-top: 4px;
}

.card-variant-group--colors {
  margin-top: 12px !important;
}



@media (min-width: 1041px) {
  .collection-grid__heading-row {
    margin-top: -6px;
  }
}






@media (min-width: 1041px) {
  .collection-grid__heading-row {
    padding-top: 8px;
  }
}

@media (max-width: 1040px) {
  .collection-grid__heading-row {
    padding-top: 0;
  }
}




/* ===== Collection prominent 3-column with expansion on ultra-wide ===== */




/* Keep 3 large cards for most desktops */
@media (min-width: 1680px) {
  .collection-grid__items {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2080px) {
  .collection-grid__items {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Tablet + mobile remain tighter */
@media (max-width: 1040px) {
  .collection-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .collection-grid__items {
    grid-template-columns: 1fr !important;
  }
}






/* 4 columns only on true ultrawide */
@media (min-width: 1920px) {
  .collection-grid__items {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* 5 columns only on extreme widths */
@media (min-width: 2360px) {
  .collection-grid__items {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

.product-card--quick-buy {
  border-right: 1px solid rgba(11,11,16,.16);
  border-bottom: 1px solid rgba(11,11,16,.16);
  padding: 0 0 22px;
  background: transparent;
}

.product-card--quick-buy .product-card__media {
  border: 0 !important;
  border-bottom: 1px solid rgba(11,11,16,.10);
  background: rgba(0,0,0,.03);
}

.product-card--quick-buy .product-card__body {
  padding: 18px 16px 0 !important;
}

.product-card--quick-buy .product-card__title {
  margin-bottom: 6px;
  font-size: 17px;
  line-height: .96;
  letter-spacing: -.05em;
}

.product-card--quick-buy .product-card__meta {
  margin-bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(11,11,16,.56);
  font-weight: 700;
}

.product-card--quick-buy .product-card__price {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.card-variant-group--colors {
  margin-top: 12px !important;
}

.card-swatches__item {
  width: 15px;
  height: 15px;
}

.card-swatches__dot {
  width: 13px;
  height: 13px;
}

.product-card__quick-buy-overlay {
  left: 8px;
  right: 8px;
  bottom: 8px;
  background: rgba(255,255,255,.98);
}

@media (max-width: 1040px) {
  .collection-grid--ghost {
    padding-top: 88px;
  }



  .collection-grid__sidebar {
    position: static;
  }

  .collection-grid__heading-row {
    align-items: start;
    flex-direction: column;
    gap: 10px;
    padding-top: 0;
  }

  .collection-grid__title {
    font-size: clamp(44px, 10vw, 72px);
  }

 
}






/* ===== PINK ELEPHANT -exact sidebar rail ===== */
.ghost-filter-rail {
  display: grid;
  gap: 6px;
  margin-bottom: 28px;
}

.ghost-filter-rail__toggle {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 14px;
  font-weight: 900;
  color: #0b0b10;
  cursor: default;
}

.ghost-filter-rail__toggle span {
  display: inline-block;
  margin-left: 4px;
}

.ghost-filter-rail__nav {
  display: grid;
  gap: 0px;
}

.ghost-filter-rail__link {
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: rgba(11,11,16,.56);
  transition: color .16s ease, transform .16s ease;
flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
  border: 0;
  white-space: nowrap;
}

.ghost-filter-rail__link:hover {
  color: #0b0b10;
  transform: translateX(1px);
}

.ghost-filter-rail__link.is-active {
  color: #0b0b10;
}

.ghost-filter-rail__currency {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border-radius: 999px;
  background: rgba(11,11,16,.06);
  width: fit-content;
}

.ghost-filter-rail__pill {
  min-width: 76px;
  min-height: 38px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: rgba(11,11,16,.56);
  cursor: pointer;
  transition: background .16s ease, color .16s ease;
}

.ghost-filter-rail__pill.is-active {
  background: #fff;
  color: #0b0b10;
  box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 6px rgba(0,0,0,.05);
}

/* make functional filters sit below the ghost rail more cleanly */
.collection-filters {
  border-top: 1px solid rgba(11,11,16,.10);
  padding-top: 18px;
}

.collection-filters__toolbar {
  margin-top: 0 !important;
}

@media (max-width: 1040px) {
  .ghost-filter-rail {
    gap: 18px;
    margin-bottom: 22px;
  }

  .ghost-filter-rail__nav {
   display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
}

/* ===== Collection filter drawer final clean block ===== */
.collection-filters {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.collection-filters__toolbar {
  display: none !important;
}

.collection-filter-drawer__overlay {
  position: fixed;
  inset: 0;
  background: rgba(11,11,16,.28);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  z-index: 79;
    top: 116px;
}

.collection-filter-drawer {
  position: fixed;
top: 116px;
left: 0;
bottom: 0;
  width: min(380px, 92vw);
  max-width: 100vw;
  z-index: 80;
  pointer-events: none;
}

.collection-filter-drawer__panel {
  height: 100%;
  background: #fff;
  color: #0b0b10;
  transform: translateX(-100%);
  transition: transform .24s cubic-bezier(.22,1,.36,1);
  display: grid;
  grid-template-rows: auto 1fr auto;
  box-shadow: 14px 0 40px rgba(0,0,0,.12);
  border-right: 1px solid rgba(11,11,16,.12);
}

body.is-filter-drawer-open .collection-filter-drawer {
  pointer-events: auto;
}

body.is-filter-drawer-open .collection-filter-drawer__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.is-filter-drawer-open .collection-filter-drawer__panel {
  transform: translateX(0);
}

body.is-filter-drawer-open {
  overflow: hidden;
}

.collection-filter-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(11,11,16,.10);
}

.collection-filter-drawer__head h2 {
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 900;
}

.collection-filter-drawer__close {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 34px;
  line-height: .8;
  font-weight: 300;
  cursor: pointer;
  color: #0b0b10;
}

.collection-filters--drawer {
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 0;
  align-content: start;
  height: 100%;
}

.collection-filters--drawer .collection-filters__groups,
.collection-filters--drawer .collection-filters__empty {
  display: block;
  overflow: auto;
  max-height: calc(100vh - 170px);
  padding: 0 18px 14px;
}

.collection-filters--drawer .collection-filter {
  margin: 0;
  padding-top: 0;
  border-top: 0;
  border-bottom: 1px solid rgba(11,11,16,.10);
}

.collection-filters--drawer .collection-filter__summary {
  min-height: 44px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  letter-spacing: .02em;
  font-weight: 900;
  text-transform: uppercase;
  color: #0b0b10;
}

.collection-filter__chevron {
  font-size: 16px;
  line-height: 1;
  color: #0b0b10;
  transition: transform .16s ease;
}

.collection-filter[open] .collection-filter__chevron {
  transform: rotate(180deg);
}

.collection-filters--drawer .collection-filter__body {
  padding: 0 0 10px;
  gap: 8px;
}

.collection-filters--drawer details:not([open]) .collection-filter__body {
  display: none;
}

.collection-filters--drawer .collection-filter__option {
  display: grid;
  grid-template-columns: 16px 1fr auto;
  gap: 8px;
  font-size: 12px;
  color: #0b0b10;
  align-items: center;
}

.collection-filters--drawer .collection-filter__option input {
  appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(11,11,16,.34);
  background: #fff;
  margin: 0;
}

.collection-filters--drawer .collection-filter__option input:checked {
  background: #0b0b10;
  box-shadow: inset 0 0 0 2px #fff;
}

.collection-filters--drawer .collection-filter__option em {
  font-size: 11px;
  color: rgba(11,11,16,.40);
}

.collection-filters--drawer .collection-filter__body--price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.collection-filters--drawer .collection-filter__price span {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .14em;
  color: rgba(11,11,16,.34);
}

.collection-filters--drawer .collection-filter__price input {
  min-height: 36px;
  border: 1px solid rgba(11,11,16,.12);
  background: #fff;
  padding: 0 10px;
  font-size: 13px;
}

.collection-filter-drawer__foot {
  padding: 10px;
  border-top: 1px solid rgba(11,11,16,.10);
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 8px;
  background: #fff;
}

.collection-filter-drawer__reset,
.collection-filter-drawer__save {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 900;
}

.collection-filter-drawer__reset {
  border: 1px solid rgba(11,11,16,.10);
  color: rgba(11,11,16,.54);
  background: #fff;
}

.collection-filter-drawer__save {
  border: 1px solid #0b0b10;
  background: #0b0b10;
  color: #fff;
}


.collection-filter-drawer__head h2 {
  all: unset;
  display: inline-block;
}

.collection-filter-drawer__head h2 {
  font-family: inherit;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.collection-filter-drawer__head h2 {
  font-family: inherit;
}

.ghost-filter-rail__toggle {
  font-family: inherit;
}

/* === PRODUCT CARD HOVER IMAGE SYSTEM === */

.product-card__media {
  position: relative;
  overflow: hidden;
}

.product-card__img--primary {
  position: relative;
  z-index: 1;
}

.product-card__img--hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  transition: opacity 0.25s ease;
}

.product-card.has-hover-image:hover .product-card__img--hover {
  opacity: 1;
}

.product-card.has-hover-image:hover .product-card__img--primary {
  opacity: 0;
}
.product-card__img--hover {
  pointer-events: none;
}

.collection-grid__heading-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 20px !important;
  width: 100% !important;
  
}

.collection-grid__heading-copy {
  min-width: 0 !important;
}

.collection-grid__meta {
  justify-self: end !important;
  align-self: end !important;
  text-align: right !important;
  white-space: nowrap !important;
  margin: 0 !important;
}


.collection-grid__heading-row,






/* collection heading + shell final */
/* FINAL — do not duplicate */


.collection-grid {
  padding: 40px var(--gutter) 100px;
  margin: 0;
}

.collection-grid__heading-row--full {
  width: 100%;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
}

.collection-grid__shell--full {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.collection-grid__main {
  min-width: 0;
  width: 100%;
}

.collection-grid__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0px;
  width: 100%;
  border-top: 1px solid rgba(11,11,16,.16);
  border-left: 1px solid rgba(11,11,16,.16);
  background: transparent;
}

/* MOBILE */
/* Hamburger hover → pink */
/* Hamburger turns pink on hover */
.header-burger {
  transition: color .25s ease;
}

.header-burger:hover,
.header-burger:focus-visible,
.site-header:hover .header-burger,
.site-header:focus-within .header-burger {
  color: #ff4fb3 !important;
}

.header-burger:hover span,
.header-burger:focus-visible span,
.site-header:hover .header-burger span,
.site-header:focus-within .header-burger span {
  background: #ff4fb3 !important;
}

@media (max-width: 900px) {
  .collection-grid__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .collection-grid__items {
    grid-template-columns: 1fr;
  }
}
.rte { color: var(--muted); line-height: 1.7; }
@media (max-width: 1100px) {
  .nav-dropdown { width: min(calc(100vw - 24px), 980px); }
  .nav-dropdown__inner { grid-template-columns: 280px 1fr; }
  .nav-dropdown__feature { display:none; }
}
@media (max-width: 760px) {
  :root { --gutter: 18px; --header-h: 74px; }
  .site-header__inner { grid-template-columns: auto auto 1fr !important; }
  .site-header__nav { display:none; position: static;  margin-left: 150px; /* 👈 THIS LINE */ justify-self: start; }
  .site-header__icons { justify-content:flex-end; }
  .hero__content, .feature-banner__content { padding-bottom: 34px; }
  .hero__heading, .feature-banner__heading { max-width: 100%; }
  .newsletter__form { grid-template-columns:1fr; }
}

@media (max-width: 1400px) {
  .collection-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1040px) {
  .collection-grid__shell {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  @media (max-width: 760px) {
  .collection-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  
}

@media (max-width: 560px) {
  .collection-grid__items {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
 

  .collection-grid__items {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1400px) {
  .collection-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1040px) {
  .collection-grid--ghost {
    padding-top: 88px;
  }
  .collection-grid__shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .collection-grid__title--mobile {
    display: block;
    font-size: clamp(44px, 10vw, 72px);
  }

}

@media (max-width: 640px) {
  .collection-grid__shell.page-width--edge {
    width: min(calc(100% - 12px), 100%);
  }
  .collection-grid__items {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .collection-grid__heading-row {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }

  .collection-grid__meta {
    justify-self: start !important;
    text-align: left !important;
  }
}
@media (max-width: 640px) {
  .collection-filter-drawer__head {
    padding: 22px 20px 16px;
  }
@media (max-width: 1040px) {
  .collection-grid__shell {
    grid-template-columns: 1fr !important;
  }
}


/* =========================
   COLLECTION — MOBILE CLEAN
   ========================= */

@media (max-width: 768px) {

  /* Stack layout (kills sidebar column) */
  .collection-grid__shell,
  .collection-grid__shell--full {
    display: block !important;
  }

  /* Full width main */
  .collection-grid__main {
    width: 100% !important;
  }

  /* 1 column products */
  .collection-grid__items {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 16px;
    width: 100%;
  }

  /* Heading stack */
  .collection-grid__heading-row,
  .collection-grid__heading-row--full {
    display: block !important;
    margin-bottom: 16px;
  }

  /* Align meta under title */
  .collection-grid__meta {
    margin-top: 6px;
    text-align: left !important;
  }

  /* Filter rail spacing */
  .ghost-filter-rail {
    margin-bottom: 20px;
  }

  /* Nav links full width */
  .ghost-filter-rail__nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

}

@media (max-width: 768px) {

  /* Mobile nav links */
  .site-header__nav a {
    color: #0b0b10 !important;
  }

  /* Account + icons */
  .site-header__icons a,
  .header-icon {
    color: #0b0b10 !important;
  }

  /* SVG icons (cart, account, etc.) */
  .site-header__icons svg {
    fill: #0b0b10 !important;
    stroke: #0b0b10 !important;
  }

}
@media (max-width: 768px) {
@media (max-width: 768px) {

  /* Keep mobile header icons/text dark */
  .site-header a,
  .site-header button,
  .site-header svg {
    color: #0b0b10 !important;
    fill: #0b0b10 !important;
    stroke: #0b0b10 !important;
  }

  /* Mobile drawer links */
  .mobile-nav-drawer a,
  .mobile-nav-drawer .mobile-nav-link,
  .mobile-nav-drawer .mobile-nav-link--account {
    color: #0b0b10 !important;
     
  }

  /* ONLY affect drawer logo, not header logo */
  .mobile-nav-drawer .header-elephant-logo {
    filter: none !important;
    opacity: 1 !important;
  }

}
/* =========================
   MOBILE TRANSPARENT HEADER
   ========================= */

@media (max-width: 768px) {



  /* Keep icons/text visible (white over hero) */
  .site-header a,
  .site-header button,
  .site-header svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

}@media (max-width: 768px) {

  /* Pull hero up under header */
  .pe-hero-home {
    margin-top: calc(-1 * var(--header-h));
  }



@media (max-width: 768px) {
  .site-header__inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 12px !important;
    padding-right: 2px !important;
  }

  .site-header__icons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    transform: translateX(6px) !important;
  }

  .header-icon,
  .header-icon--button {
    margin-right: 0 !important;
  }
}




  /* prevent page content from sliding under fixed header */
  body {
    padding-top: 74px;
  }
}

/* =========================
   MOBILE: REMOVE HEADER HOVER EFFECTS
   ========================= */

@media (max-width: 768px) {

  /* Keep hamburger always white */
  .header-burger,
  .header-burger:hover,
  .header-burger:focus,
  .header-burger:active {
    color: #ffffff !important;
  }

  /* Bars use currentColor → force them white too */
  .header-burger span,
  .header-burger:hover span,
  .header-burger:focus span,
  .header-burger:active span {
    background: #ffffff !important;
  }

  /* Prevent header hover/state from overriding it */
  .site-header:hover .header-burger,
  .site-header:focus-within .header-burger,
  .site-header.is-search-open .header-burger,
  .site-header.is-drawer-open .header-burger {
    color: #ffffff !important;
  }

  .site-header:hover .header-burger span,
  .site-header:focus-within .header-burger span,
  .site-header.is-search-open .header-burger span,
  .site-header.is-drawer-open .header-burger span {
    background: #ffffff !important;
  }
}


@media (max-width: 768px) {

  /* Keep hamburger always white */
  .header-burger,
  .header-burger:hover,
  .header-burger:focus,
  .header-burger:active {
    color: #ffffff !important;
  }

  /* Bars use currentColor → force them white too */
  .header-burger span,
  .header-burger:hover span,
  .header-burger:focus span,
  .header-burger:active span {
    background: #ffffff !important;
  }

  /* Prevent header hover/state from overriding it */
  .site-header:hover .header-burger,
  .site-header:focus-within .header-burger,
  .site-header.is-search-open .header-burger,
  .site-header.is-drawer-open .header-burger {
    color: #ffffff !important;
  }

  .site-header:hover .header-burger span,
  .site-header:focus-within .header-burger span,
  .site-header.is-search-open .header-burger span,
  .site-header.is-drawer-open .header-burger span {
    background: #ffffff !important;
  }
}

@media (max-width: 768px) {
  /* Search button stays white no matter what */
  .header-icon--button[data-search-toggle],
  .header-icon--button[data-search-toggle]:hover,
  .header-icon--button[data-search-toggle]:focus,
  .header-icon--button[data-search-toggle]:active,
  .site-header:hover .header-icon--button[data-search-toggle],
  .site-header:focus-within .header-icon--button[data-search-toggle],
  .site-header.is-search-open .header-icon--button[data-search-toggle],
  .site-header.is-drawer-open .header-icon--button[data-search-toggle] {
    color: #fff !important;
  }

  .header-icon--button[data-search-toggle] svg,
  .header-icon--button[data-search-toggle]:hover svg,
  .header-icon--button[data-search-toggle]:focus svg,
  .header-icon--button[data-search-toggle]:active svg,
  .site-header:hover .header-icon--button[data-search-toggle] svg,
  .site-header:focus-within .header-icon--button[data-search-toggle] svg,
  .site-header.is-search-open .header-icon--button[data-search-toggle] svg,
  .site-header.is-drawer-open .header-icon--button[data-search-toggle] svg {
    fill: #fff !important;
    stroke: #fff !important;
    color: #fff !important;
  }
}

@media (max-width: 768px) {

  /* Keep search icon always white */
  .header-icon,
  .header-icon:hover,
  .header-icon:focus,
  .header-icon:active {
    color: #ffffff !important;
  }

  /* SVG inside search icon */
  .header-icon svg,
  .header-icon:hover svg,
  .header-icon:focus svg,
  .header-icon:active svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* Block header hover/state from changing it */
  .site-header:hover .header-icon,
  .site-header:focus-within .header-icon,
  .site-header.is-search-open .header-icon,
  .site-header.is-drawer-open .header-icon {
    color: #ffffff !important;
  }

  .site-header:hover .header-icon svg,
  .site-header:focus-within .header-icon svg,
  .site-header.is-search-open .header-icon svg,
  .site-header.is-drawer-open .header-icon svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }
}

@media (max-width: 768px) {

  /* Lower the cart drawer close button */
  .cart-drawer__close {
    top: 16px !important;   /* 👈 adjust this */
    right: 16px !important;
  }

}

@media (max-width: 768px) {

  .cart-drawer__panel {
    top: 100px !important;
    height: calc(100dvh - 100px) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

}

@media (max-width: 768px) {

  /* Target the account/login trigger */
  .header-icon--account,
  .header-icon--account:hover,
  .header-icon--account:focus,
  .header-icon--account:active,
  .site-header:hover .header-icon--account,
  .site-header:focus-within .header-icon--account,
  .site-header.is-search-open .header-icon--account,
  .site-header.is-drawer-open .header-icon--account {
    opacity: 1 !important;
    filter: none !important;
    background: none !important;
  }

  /* Lock the image (no swap, no invert, no fade) */
  .header-icon--account img,
  .header-icon--account:hover img,
  .header-icon--account:focus img,
  .header-icon--account:active img,
  .site-header:hover .header-icon--account img,
  .site-header:focus-within .header-icon--account img,
  .site-header.is-search-open .header-icon--account img,
  .site-header.is-drawer-open .header-icon--account img {
    content: unset !important;        /* prevents CSS image swapping */
    filter: none !important;         /* kills invert/brightness tricks */
    opacity: 1 !important;           /* no fade */
    transform: none !important;      /* no scale/anim */
  }
}

@media (max-width: 768px) {
  /* stop generic pink hover on the account trigger */
  .site-header__icons .header-icon--account:hover,
  .site-header__icons .header-icon--account:focus-visible,
  .site-header:hover .header-icon--account,
  .site-header:focus-within .header-icon--account,
  .site-header.is-search-open .header-icon--account,
  .site-header.is-drawer-open .header-icon--account {
    color: inherit !important;
    fill: inherit !important;
    stroke: inherit !important;
    transform: none !important;
  }

  @media (max-width: 768px) {
  /* stop generic pink hover on the account trigger */
  .site-header__icons .header-icon--account:hover,
  .site-header__icons .header-icon--account:focus-visible,
  .site-header:hover .header-icon--account,
  .site-header:focus-within .header-icon--account,
  .site-header.is-search-open .header-icon--account,
  .site-header.is-drawer-open .header-icon--account {
    color: inherit !important;
    fill: inherit !important;
    stroke: inherit !important;
    transform: none !important;
  }

  /* keep the elephant icon white and never pink/black */
  .site-header .header-elephant-logo,
  .site-header__icons .header-icon--account:hover .header-elephant-logo,
  .site-header__icons .header-icon--account:focus-visible .header-elephant-logo,
  .site-header:hover .header-elephant-logo,
  .site-header:focus-within .header-elephant-logo,
  .site-header.is-search-open .header-elephant-logo,
  .site-header.is-drawer-open .header-elephant-logo {
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {

  /* Account drawer panel */
  .account-drawer,
  .account-drawer__content {
    height: calc(100% - 100px) !important;
   top: 54px !important;

  }










@media (max-width: 768px) {

  /* Lock cart icon color */
  .icon-cart,
  .icon-cart:hover,
  .site-header:hover .icon-cart,
  .site-header:focus-within .icon-cart,
  .site-header.is-search-open .icon-cart,
  .site-header.is-drawer-open .icon-cart {
    color: #ffffff !important;
  }

  /* Also force SVG fill/stroke */
  .icon-cart path,
  .icon-cart circle {
    stroke: #ffffff !important;
    fill: #ffffff !important;
  }

}

@media (max-width: 768px) {
  .site-header {
    background: #0b0b10 !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }



  .site-header:hover,
  .site-header:focus-within,
  .site-header.is-search-open,
  .site-header.is-drawer-open {
    background: #0b0b10 !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;


    
  }
}



@media (min-width: 769px) {
  .announcement-bar {
    display: flex !important;
     position: fixed !important;
    z-index: 10001 !important;
    background: #ffffff !important;
    color: #0b0b10 !important;
    min-height: 40px !important;
     top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10001 !important;
  }

  .announcement-bar * {
    color: #0b0b10 !important;
    opacity: 1 !important;
  }

  .site-header {
  position: fixed !important;
    top: 40px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
  }

  body {
  padding-top: calc(40px + var(--header-h)) !important;
  }
}

/* MOBILE: hide it if you still want that */
@media (max-width: 768px) {
  .announcement-bar {
    display: none !important;
  }
}



a {
  text-decoration: none;
  text-decoration-line: none;
}

@media (max-width: 768px) {
  .pe-home-promo-grid {
    margin-right: 1px;
  }

  .pe-home-promo-grid .promo-grid--ghost {
    width: calc(100% + 24px);
  }
}
@media (max-width: 768px) {
  .pe-home-promo-grid .page-width,
  .pe-home-promo-grid .copy-width {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .pe-home-promo-grid,
  .pe-home-promo-grid .section-pad,
  .pe-home-promo-grid .promo-grid,
  .pe-home-promo-grid .promo-grid--ghost {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.footer-meta {
  font-size: 9px;
  letter-spacing: 0px;
  opacity: 0.7;
}

.footer-disclaimer {
  font-size: 5px !important;
  line-height: 1.5 !important;
  opacity: 0.7;
  max-width: 520px;
  margin: 0 auto;

.footer-disclaimer {
  transition: opacity .2s ease;
}

.footer-disclaimer:hover {
  opacity: 0.8;
}

.legal {
  font-size: 10px;
}
.pe-cart-page {
  background: #fff;
  color: #0b0b10;
  padding: 42px 0 64px;
}

.pe-cart-page__hero {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.pe-cart-page__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(36px, 6vw, 64px);
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: -.03em;
}

.pe-cart-page__count {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(11,11,16,.56);
}

.pe-cart-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 32px;
}

.pe-cart-page__items {
  border-top: 1px solid rgba(11,11,16,.12);
  border-bottom: 1px solid rgba(11,11,16,.12);
}

.pe-cart-line {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(11,11,16,.12);
}

.pe-cart-line:last-child {
  border-bottom: 0;
}

.pe-cart-line__image {
  width: 90px;
  height: 108px;
  background: #f1f1f1;
  display: block;
  overflow: hidden;
}

.pe-cart-line__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pe-cart-line__content {
  display: grid;
  gap: 14px;
}

.pe-cart-line__top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.pe-cart-line__title {
  font-family: var(--font-heading);
  font-size: 17px;
  line-height: 1.02;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: #0b0b10;
  text-decoration: none;
}

.pe-cart-line__variant {
  margin-top: 6px;
  color: rgba(11,11,16,.68);
  font-size: 14px;
}

.pe-cart-line__remove {
  border: 0;
  background: transparent;
  color: rgba(11,11,16,.52);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

.pe-cart-line__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.pe-cart-line__qty {
  display: inline-grid;
  grid-template-columns: 30px auto 30px;
  align-items: center;
  border: 1px solid rgba(11,11,16,.12);
}

.pe-cart-line__qty button {
  border: 0;
  background: #fff;
  height: 30px;
  width: 30px;
  cursor: pointer;
  color: #0b0b10;
  font-size: 20px;
}

.pe-cart-line__qty input {
  width: 56px;
  border: 0;
  text-align: center;
  font: inherit;
  color: #0b0b10;
  background: #fff;
  padding: 0 8px;
}

.pe-cart-line__price {
  font-family: var(--font-heading);
  font-size: 18px;
  line-height: .95;
}

.pe-cart-page__summary {
  border-top: 1px solid rgba(11,11,16,.12);
  padding: 20px 22px 22px;
  height: fit-content;
  position: sticky;
  top: 24px;
}

.pe-cart-summary__row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-end;
  margin-bottom: 10px;
}

.pe-cart-summary__label {
  font-family: var(--font-heading);
  font-size: 22px;
  line-height: .95;
  text-transform: uppercase;
}

.pe-cart-summary__value {
  font-family: var(--font-heading);
  font-size: 24px;
  line-height: .95;
}

.pe-cart-summary__note {
  margin: 0 0 16px;
  color: rgba(11,11,16,.62);
  font-size: 14px;
}

.pe-cart-summary__actions {
  display: grid;
  gap: 10px;
}

.pe-cart-summary__checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
}

.pe-cart-page__empty {
  padding: 30px 0;
}

.pe-cart-page__empty h2 {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-size: 28px;
  line-height: .95;
  color: #0b0b10;
}

.pe-cart-page__empty p {
  margin: 0 0 18px;
  color: rgba(11,11,16,.62);
}

@media (max-width: 900px) {
  .pe-cart-page__layout {
    grid-template-columns: 1fr;
  }

  .pe-cart-page__summary {
    position: static;
    padding-left: 0;
    padding-right: 0;
  }

  .pe-cart-line {
    padding-left: 0;
    padding-right: 0;
  }
}

.pe-product-section {
  padding-top: 32px;
  padding-bottom: 48px;
}

.pe-product {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: 56px;
  align-items: start;
}

.pe-product__media-frame {
  background: #f6f3ef;
  overflow: hidden;
}

.pe-product__image {
  display: block;
  width: 100%;
  height: auto;
}

.pe-product__info-wrap {
  position: relative;
}

.pe-product__info {
  position: sticky;
  top: 110px;
}

.pe-product__eyebrow-wrap {
  margin-bottom: 12px;
}

.pe-product__eyebrow {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .65;
}

.pe-product__title {
  margin: 0 0 14px;
  font-size: clamp(2.2rem, 4.2vw, 4.2rem);
  line-height: .95;
  letter-spacing: -.04em;
  text-transform: uppercase;
}

.pe-product__price {
  margin-bottom: 18px;
  font-size: 28px;
  font-weight: 700;
}

.pe-product__intro {
  margin-bottom: 24px;
  max-width: 32ch;
  font-size: 15px;
  line-height: 1.5;
  opacity: .82;
}

.pe-product__intro p {
  margin: 0;
}

.pe-product__options {
  display: grid;
  gap: 18px;
  margin: 28px 0 24px;
}

.product-option {
  margin: 0;
  padding: 0;
  border: 0;
}

.product-option__label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.variant-swatches,
.variant-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.variant-swatches__item,
.variant-buttons__item {
  cursor: pointer;
}

.variant-buttons__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.14);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: all .18s ease;
}

.variant-picker__input:checked + .variant-buttons__item {
  border-color: #111;
  background: #111;
  color: #fff;
}

.variant-buttons__item:hover {
  border-color: #111;
}

.variant-swatches__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(0,0,0,.14);
  transition: all .18s ease;
}

.variant-picker__input:checked + .variant-swatches__item {
  border-color: #111;
}

.variant-swatches__swatch {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  flex: 0 0 auto;
}

.variant-swatches__text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* PRODUCT PAGE */
/* ===== PINK ELEPHANT PDP HARD OVERRIDE ===== */

.shopify-section .pe-product-section {
  padding-top: 20px !important;
  padding-bottom: 148px !important;
}

.shopify-section .pe-product {
  display: grid !important;
  grid-template-columns: 64px 420px minmax(320px, 420px) !important;
  column-gap: 24px !important;
  align-items: start !important;
  justify-content: center !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}

.shopify-section .pe-product__media {
  display: contents !important;
}

.shopify-section .pe-product__thumbs {
  grid-column: 1 !important;
  display: grid !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  align-self: start !important;
  justify-self: start !important;
  position: sticky !important;
  top: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shopify-section .pe-product__thumb {
  display: block !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
  cursor: pointer !important;
  appearance: none !important;
}

.shopify-section .pe-product__thumb.is-active,
.shopify-section .pe-product__thumb:hover {
  border-color: #111 !important;
}

.shopify-section .pe-product__thumb-image,
.shopify-section .pe-product__thumb img {
  display: block !important;
  width: 64px !important;
  height: auto !important;
  max-width: 64px !important;
  object-fit: cover !important;
}

.shopify-section .pe-product__main-image-wrap {
  grid-column: 2 !important;
  width: 420px !important;
  max-width: 420px !important;
  min-width: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f5f2ee !important;
  overflow: hidden !important;
  align-self: start !important;
}

.shopify-section .pe-product__main-image {
  display: block !important;
  width: 420px !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 !important;
}

.shopify-section .pe-product__info-wrap {
  grid-column: 3 !important;
  width: 100% !important;
  min-width: 320px !important;
  max-width: 420px !important;
}

.shopify-section .pe-product__info {
  position: sticky !important;
  top: 100px !important;
  max-width: 420px !important;
  width: 100% !important;
  margin: 0 !important;
}

.shopify-section .pe-product__eyebrow {
  margin: 0 0 10px !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  opacity: .65 !important;
}

.shopify-section .pe-product__title {
  margin: 0 0 12px !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: .96 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
}

.shopify-section .pe-product__price {
  margin: 0 0 16px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.shopify-section .pe-product__intro {
  margin: 0 0 20px !important;
  max-width: 28ch !important;
}

.shopify-section .pe-product__intro p {
  margin: 0 !important;
}

.shopify-section .pe-product__options {
  display: grid !important;
  gap: 16px !important;
  margin: 0 0 20px !important;
}

.shopify-section .product-option {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
}

.shopify-section .product-option__label {
  display: block !important;
  margin: 0 0 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.shopify-section .variant-buttons,
.shopify-section .variant-swatches {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.shopify-section .variant-buttons__item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  background: #fff !important;
}

.shopify-section .variant-picker__input:checked + .variant-buttons__item {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

.shopify-section .variant-swatches__item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  background: #fff !important;
  cursor: pointer !important;
}

.shopify-section .variant-picker__input:checked + .variant-swatches__item {
  border-color: #111 !important;
}

.shopify-section .variant-swatches__swatch {
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  flex: 0 0 auto !important;
}

.shopify-section .variant-swatches__text {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.shopify-section .pe-product__actions {
  margin: 0 !important;
}

.shopify-section .pe-product__submit {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.shopify-section .pe-product__meta {
  display: grid !important;
  gap: 8px !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(0,0,0,.1) !important;
}

.shopify-section .pe-product__meta-item {
  font-size: 11px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  opacity: .72 !important;
}

.shopify-section .pe-product__description {
  margin-top: 22px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(0,0,0,.1) !important;
}

/* mobile */
@media (max-width: 989px) {
  .shopify-section .pe-product {
    grid-template-columns: 1fr !important;
    max-width: none !important;
    gap: 18px !important;
  }

  .shopify-section .pe-product__media {
    display: block !important;
  }

  .shopify-section .pe-product__main-image-wrap,
  .shopify-section .pe-product__main-image,
  .shopify-section .pe-product__info-wrap,
  .shopify-section .pe-product__info {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .shopify-section .pe-product__thumbs {
    position: static !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 56px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .shopify-section .pe-product__thumb,
  .shopify-section .pe-product__thumb-image,
  .shopify-section .pe-product__thumb img {
    width: 56px !important;
    max-width: 56px !important;
  }

  .shopify-section .pe-product__info {
    position: static !important;
  }
}



.site-footer .footer-disclaimer,
.site-footer--mega .footer-disclaimer {
  font-size: 12px !important;
  line-height: 1.5 !important;
}


}

.mobile-nav-drawer__inner { padding: 20px 20px 24px; }
.mobile-nav-item + .mobile-nav-item { margin-top: 18px; border-bottom: 1px solid rgba(0,0,0,.08);  border-bottom: none;}

.mobile-nav-link {
  display: block;
  color: #0b0b10;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: none;
}

@media (max-width: 768px) {
  .mobile-nav-item {
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
  }
}

.mobile-nav-overview {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  color: #0b0b10 !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mobile-nav-group + .mobile-nav-group {
  margin-top: 14px;
}

.mobile-nav-heading {
  display: block;
  color: #0b0b10;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mobile-nav-children {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}


.mobile-nav-sublink {
  display: block;
  color: #0b0b10 !important;
  text-decoration: none;
  font-size: 14px;
}

.mobile-nav-link:hover,
.mobile-nav-heading:hover,
.mobile-nav-overview:hover,
.mobile-nav-sublink:hover {
  color: #0b0b10 !important;
}


/* FORCE mobile submenu links to black */
@media (max-width: 768px) {

  .mobile-nav-drawer .mobile-nav-children a,
  .mobile-nav-drawer .mobile-nav-overview,
  .mobile-nav-drawer .mobile-nav-heading,
  .mobile-nav-drawer .mobile-nav-sublink {
    color: #0b0b10 !important;
  }

  /* keep hover pink */
  .mobile-nav-drawer a:hover {
    color: var(--brand) !important;
  }

}

@media (max-width: 768px) {

  /* hide "Shop" and "Shop Wild Side" in mobile drawer */
  .mobile-nav-drawer a[href="/collections/all"],
  .mobile-nav-drawer a[href="/collections/shop"],
  .mobile-nav-drawer a[href="/collections/wild-side"] {
    display: none !important;
  }

}




#CollectionFilterDrawer {
  position: fixed;
  top: 0;
  left: 0;
  width: min(420px, 90vw);
  height: 100vh;
  background: #fff;
  z-index: 9999;
  transform: translateX(-100%);
  transition: transform .3s ease;
  overflow-y: auto;
}

body.is-filter-drawer-open #CollectionFilterDrawer {
  transform: translateX(0);
}

body.is-filter-drawer-open {
  overflow: hidden;
}

/* ===== MOBILE HERO HARD FIX ===== */
html, body {
  overflow-x: clip !important;
  max-width: 100% !important;
}

body {
  position: relative;
}

.site-header,
.announcement-bar,
.pe-hero-home,
.pe-home-promo-grid,
.promo-grid,
.page-width,
.full-bleed {
  max-width: 100% !important;
}

.pe-home-promo-grid .promo-grid {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 768px) {
  * {
    max-width: 100%;
  }
}