/** Shopify CDN: Minification failed

Line 336:24 Unexpected "#"
Line 2701:0 Unexpected "<"
Line 2706:20 Unexpected "{"
Line 2706:29 Expected ":"
Line 2706:36 Unexpected "{"
Line 2711:20 Unexpected "{"
Line 2711:29 Expected ":"
Line 2712:20 Unexpected "{"
Line 2712:29 Expected ":"
Line 2713:20 Unexpected "{"
... and 16 more hidden warnings

**/
@media(min-width:600px){
.template-index .slide-item .collection-item h3 {
    font-size: 14.9px;
    text-align: center;
  text-transform: uppercase;
}
.s-s p.link-s {
    text-align: center;
    text-decoration: underline;
    font-size: 19px;
}
.s-s .collection-item img {
    height: 220px !important;
    object-fit: cover;
}
.s-s p.link-s {
    margin: 0px;
}
.s-s .flickity-viewport {
    height: 300px !important;
}
}
@media(max-width:600px){
  .s-s .look__products__holder .flickity-slider .slide-item .collection-item {
    text-align: center;
}
  div#shopify-section-header {
    background: #000;
}
  .collection-split .collection-split__products .custom-scrollbar.small-down--show, .section-list-collections .custom-scrollbar.small-down--show {
    background: #000;
}
}
.s-s p.link-s {
    text-decoration: underline;
}
.template-index .s-s .look__products__holder.look__products__holder--slides.look__products__holder--left.palette--dark.bg--invert.is-expanded {
    background: #000;
}
p.link-s {
    font-size: 12.75px !important;
}
.template-index .s-s button.flickity-button.flickity-prev-next-button {
    background: #000 !important;
  margin: 0px;
}
.s-s p.link-s:hover {
    text-decoration: none;
}

/* MOBILE logo size override */
@media screen and (max-width: 749px) {
  /* Common Shopify/Dawn logo image */
  .header__heading-logo,
  .header__logo img,
  .site-header__logo img,
  .header-logo img {
    max-width: 220px !important; /* <-- change this */
    width: 220px !important;     /* <-- change this */
    height: auto !important;
  }

  /* If the link/wrapper is constraining it */
  .header__heading-link,
  .header__logo,
  .site-header__logo {
    max-width: 220px !important; /* <-- keep consistent */
  }
}


/* =========================================================
   PDP Desktop — EXTRA COMPACT + LONGER (TALLER) ATC
   + Size picker matches ATC width
   ========================================================= */
@media (min-width: 990px) {
  :root { --pdp-sticky-top: 120px; }

  /* Keep sticky */
  body.template-product .product__main__content.grid__item{
    position: sticky !important;
    top: var(--pdp-sticky-top) !important;
    align-self: flex-start !important;
    z-index: 20 !important;
  }

  /* Slightly narrower + tighter */
  body.template-product .product__main__content .product__inner{
    max-width: 700px !important;   /* more compact */
    margin-left: auto !important;

    /* ONE knob: set ATC width, size picker will match */
    --pdp-atc-width: 760px; /* tweak: 680 / 720 / 760 / 800 */
  }

  /* Kill vertical bloat globally inside the buy box */
  body.template-product .product__main__content .product__inner > *{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Common Pipeline blocks tend to add extra spacing */
  body.template-product .product__main__content .product__block__description,
  body.template-product .product__main__content .tabs-wrapper,
  body.template-product .product__main__content .product__block__share,
  body.template-product .product__main__content .product__block__upsell,
  body.template-product .product__main__content .product__block__icon,
  body.template-product .product__main__content .product__block__text{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Title smaller */
  body.template-product .product__main__content .product__inner h1,
  body.template-product .product__main__content .product__inner .product__title,
  body.template-product .product__main__content .product__inner .product__heading{
    
  }

  /* Text smaller */
  body.template-product .product__main__content .product__inner,
  body.template-product .product__main__content .product__inner p,
  body.template-product .product__main__content .product__inner .p,
  body.template-product .product__main__content .product__inner .price,
  body.template-product .product__main__content .product__inner .product__price{
    
    line-height: 1.25 !important;
  }

  /* Variant/size tiles tighter */
  body.template-product .product__main__content .variant-wrapper,
  body.template-product .product__main__content .selector-wrapper{
    margin: 6px 0 !important;
  }

  body.template-product .product__main__content .radio__button,
  body.template-product .product__main__content .variant__button,
  body.template-product .product__main__content .product__option label{
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  /* =========================================================
     SIZE PICKER: constrain to match ATC width
     ========================================================= */
  body.template-product .product__main__content .product__inner .selector-wrapper,
  body.template-product .product__main__content .product__inner .variant-wrapper,
  body.template-product .product__main__content .product__inner .product__option{
    width: 100% !important;
    max-width: var(--pdp-atc-width) !important;
    margin-left: auto !important;   /* centers like ATC */
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.template-product .product__main__content .product__inner select,
  body.template-product .product__main__content .product__inner .select{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* =========================================================
     ATC BLOCK: match same width, even if wrapper is funky
     ========================================================= */
  body.template-product .product__main__content .product__inner .product__block__buttons,
  body.template-product .product__main__content .product__inner .product__buttons,
  body.template-product .product__main__content .product__inner .product__form,
  body.template-product .product__main__content .product__inner form{
    width: 100% !important;
    max-width: none !important; /* don't constrain the whole form */
  }

  /* Force the visible ATC button width + center */
  body.template-product .product__main__content .product__inner button[type="submit"],
  body.template-product .product__main__content .product__inner [type="submit"],
  body.template-product .product__main__content .product__inner .btn,
  body.template-product .product__main__content .product__inner .btn--solid,
  body.template-product .product__main__content .product__inner .product__submit,
  body.template-product .product__main__content .product__inner .product__add-to-cart{
    width: 100% !important;
    max-width: var(--pdp-atc-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    box-sizing: border-box !important;

    /* taller = “longer” feel */
    padding: 18px 3px !important;
    min-height: 56px !important;
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }
}


/* =========================================================
   Desktop: lock page scroll when size dropdown is open
   ========================================================= */
@media (min-width: 990px) {
  html.en-scroll-locked,
  body.en-scroll-locked {
    overflow: hidden !important;
  }

  /* prevents layout shift when scrollbar disappears */
  body.en-scroll-locked {
    width: 100%;
  }
}

/* =========================================================
   Desktop: Size dropdown shows only 4 visible rows (Pipeline popout)
   ========================================================= */
@media (min-width: 990px) {
  /* Most common Pipeline popout list wrappers */
  body.template-product .product__main__content .select-popout__list,
  body.template-product .product__main__content [data-popout-list] {
    max-height: calc(3 * 52px) !important; /* 4 rows visible */
    overflow-y: auto !important;
  }

  /* Make row height consistent so “4 rows” is real */
  body.template-product .product__main__content .select-popout__item,
  body.template-product .product__main__content [data-popout-option] {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
  }
}

@media (min-width: 990px) {
  body.template-product .product__price--off {
    border-radius: 0 !important;
  }
}


/* =========================================================
   PDP: square SALE badge + inline SPRING SALE (desktop)
   ========================================================= */
@media (min-width: 990px) {
  body.template-product .product__price__main[data-price-wrapper]{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
  }

  body.template-product .product__price--off{
    border-radius:0 !important;
  }

  body.template-product .free-shipping-box{
    border:1px solid currentColor;
    border-radius:0 !important;
    padding:6px 12px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    margin:0 !important;
  }

 

  /* Left-align with title */
  body.template-product .product__headline,
  body.template-product .product__title__wrapper {
    text-align: left !important;
    align-items: flex-start !important;
  }
}

/* =========================================================
   PDP Mobile — clean price stack (no phantom spacing)
   ========================================================= */
@media (max-width: 989px) {

  /* Title → price tighter */
  body.template-product .product__title,
  body.template-product .product__heading {
    margin-bottom: 8px;
  }

  /* Price wrapper: single row, no gaps */
  body.template-product .product__price__main[data-price-wrapper] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  /* Only show sale badge when real */
  body.template-product .product__price--off.hide {
    display: none;
  }

  /* Spring sale removed on mobile */
  body.template-product .free-shipping-box {
    display: none;
  }

  /* Afterpay closer */
  body.template-product .shopify-payment-terms,
  body.template-product .afterpay-paragraph {
    margin-top: 6px;
  }
}



@media (min-width: 990px) {
  /* Make the entire SIZE row clickable (not just the letter) */
  body.template-product #*-select-size,
  body.template-product [id$="select-size"],
  body.template-product [id*="select-size"]{
    /* this targets the popout panel container */
  }

  body.template-product [id$="select-size"] * ,
  body.template-product [id*="select-size"] *{
    /* nothing here; keeping specificity simple */
  }

  /* Most themes render the options as buttons/links inside the popout */
  body.template-product [id$="select-size"] button,
  body.template-product [id$="select-size"] a,
  body.template-product [id*="select-size"] button,
  body.template-product [id*="select-size"] a{
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 14px 16px !important;   /* bigger click area */
    box-sizing: border-box !important;
  }

  /* If options are list items, make the li full width too */
  body.template-product [id$="select-size"] li,
  body.template-product [id*="select-size"] li{
    width: 100% !important;
  }
}

/* Hide SPRING SALE pill */
.free-shipping-box {
  display: none !important;
}

/* Hide SPRING SALE on mobile only */
@media (max-width: 989px) {
  body.template-product .free-shipping-box {
    display: none !important;
  }
}

/* FIX: never show SALE badge when Pipeline marks it hidden */
@media (max-width: 989px) {
  body.template-product .product__price--off.hide,
  body.template-product .product__price--off[data-price-off-amount=""] {
    display: none !important;
  }
}




/* =========================================
   Bundle spacing: add air under quantity selector
   (ONLY when our bundle UI exists)
   ========================================= */
html.ed-bundle-active .product__quantity,
html.ed-bundle-active .quantity-selector,
html.ed-bundle-active [data-quantity-selector]{
  margin-bottom: 24px !important; /* adjust 20–32px if you want */
}

/* =========================================
   ED Bundle UI
   ========================================= */
.ed-bundle { margin: 14px 0; }

/* Base title style */
.ed-bundle__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 10px;
}

/* Title between tier 1 and 2: centered with lines */
.ed-bundle__title--between{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 20px 0 12px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  opacity: .9;
}

.ed-bundle__title--between:before,
.ed-bundle__title--between:after{
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.15); /* very light grey lines */
}

.ed-bundle__tiers { display: grid; gap: 10px; }

.ed-bundle__tier {
  width: 100%;
  background: #000;
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.ed-bundle__tier.is-active { border-color: #fff; }

/* Hide Kaching bundles UI (corrected selectors) */
.kaching-bundle,
.kaching-bundles-block {
  display: none !important;
}


/* =========================================
   Quantity -> space before bundle
   ========================================= */
body.template-product .product__block__quantity{ margin-bottom:12px !important; }
body.template-product .quantity__wrapper[data-quantity-selector]{ margin-bottom:12px !important; }

/* =========================================================
   ED Bundle — centered, responsive, no desktop clipping
   ========================================================= */
body.template-product{ overflow-x:hidden; }

/* allow shrinking inside Pipeline flex/grid wrappers */
body.template-product .product__content,
body.template-product .product__info,
body.template-product .product__form{ min-width:0 !important; }

body.template-product [data-ed-bundle]{
  display:block;
  margin-top:12px !important;
  width:min(100%, 600px) !important;
  max-width:600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
  min-width:0;
}

body.template-product [data-ed-bundle],
body.template-product [data-ed-bundle] *{ box-sizing:border-box; }

body.template-product [data-ed-bundle] .ed-bundle__tier[data-qty="1"]{ margin-top:0 !important; }

/* =========================================
   Bundle title
   ========================================= */
.ed-bundle__title--between{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px, 3vw, 18px);
  margin:18px 0 10px;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:clamp(12px, 2.6vw, 14px);
  opacity:1;
}
.ed-bundle__title--between:before,
.ed-bundle__title--between:after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(255,255,255,.28);
}

/* =========================================
   Tiers (grid, always left/right)
   ========================================= */
.ed-bundle__tiers{ display:grid; gap:10px; }

.ed-bundle__tier{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  column-gap:12px;
  row-gap:8px;
  padding:14px;
  text-align:left;
  border:1px solid rgba(255,255,255,.18);
  max-width:100%;
}

.ed-bundle__tier-left{ min-width:0; }

.ed-bundle__tier-right{
  text-align:right;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-end;
  white-space:nowrap;
}

/* =========================================
   Typography
   ========================================= */
.ed-bundle__tier-label{
  font-weight:800;
  font-size:clamp(20px, 3.6vw, 24px);
  line-height:1.05;
}

.ed-bundle__tier-price{
  font-weight:900;
  font-size:clamp(22px, 4vw, 26px);
  line-height:1;
}

.ed-bundle__tier-compare{
  font-size:clamp(16px, 3.1vw, 20px);
  opacity:.7;
  text-decoration:line-through;
  text-decoration-thickness:2px;
}

/* badge */
.ed-bundle__tier-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:5px 10px;
  background:#fff;
  color:#000;
  border-radius:999px;
  font-weight:800;
  font-size:clamp(12px, 3vw, 13px);
  letter-spacing:.02em;
  line-height:1.1;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* description (force wrap; defeat theme clamp/ellipsis) */
.ed-bundle__tier-desc{
  margin-top:8px;
  font-size:clamp(14px, 3.3vw, 16px);
  line-height:1.25;
  opacity:.92;
  max-width:100%;
  min-width:0;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:initial !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}

/* =========================================
   Mobile tighten (still left/right)
   ========================================= */
@media (max-width:520px){
  .ed-bundle__tier{ padding:12px; column-gap:10px; }
  .ed-bundle__tier-price{ font-size:clamp(20px, 5.2vw, 24px); }
  .ed-bundle__tier-compare{ font-size:clamp(14px, 4.2vw, 18px); }
}

/* =========================================
   Bundle Editor
   ========================================= */
.ed-bundle__editor{ display:none; padding-top:12px; }
.ed-bundle__editor.is-open{ display:block; }
.ed-bundle__editor-grid{ display:grid; gap:12px; }

.ed-bundle__line{
  display:grid;
  grid-template-columns:48px 1fr 1fr;
  gap:10px;
  align-items:end;
}

.ed-bundle__line-thumb{
  width:48px;
  height:48px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
}

.ed-bundle__field label{
  display:block;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:6px;
}

/* =========================================
   Bundle popout dropdown
   ========================================= */
.ed-line-popout{ position:relative; width:100%; }

.ed-line-popout__toggle{
  width:100%;
  height:44px;
  padding:10px 12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.ed-line-popout__toggle:after{
  content:"";
  float:right;
  width:0; height:0;
  margin-top:8px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #f1cf54;
}

.ed-line-popout__menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  max-width:100%;
  background:#000;
  border:1px solid rgba(255,255,255,.18);
  overflow-y:auto;
  max-height:min(260px, calc(100vh - 160px));
  z-index:9999;
  box-shadow:0 18px 50px rgba(0,0,0,.55);
}

.ed-line-popout__option{
  width:100%;
  padding:12px;
  background:transparent;
  border:0;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.ed-line-popout__option:hover{ background:rgba(255,255,255,.06); }

.ed-bundle__line.is-invalid .ed-line-popout__toggle{
  outline:2px solid rgba(255,80,80,.75);
  outline-offset:2px;
}

/* =========================================
   Hide main quantity selector on bundle PDPs
   ========================================= */
html.ed-bundle-active .product__block__quantity,
html.ed-bundle-active .quantity__wrapper[data-quantity-selector],
html.ed-bundle-active input.quantity__input[data-quantity-input]{ display:none !important; }

html.ed-bundle-active .product__block__quantity{ margin:0 !important; padding:0 !important; }

/* =========================================
   Mobile: editor stacks
   ========================================= */
@media (max-width:520px){
  .ed-bundle__line{ grid-template-columns:44px 1fr; align-items:start; }
  .ed-bundle__line .ed-bundle__field{ grid-column:2 / -1; }
  .ed-bundle__line-thumb{ width:44px; height:44px; }
  .ed-line-popout__toggle{ height:42px; }
}

/* =========================================
   1-pack "Please select a size" warning
   ========================================= */
.ed-size-error{
  margin:10px 0 8px;
  font-weight:700;
  letter-spacing:.01em;
  color:#ff3b3b;
}

.ed-size-error--focus{
  outline:2px solid rgba(255,59,59,.85) !important;
  outline-offset:2px !important;
}
/* keep the outer swatch circle */
.swatch__button label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* larger thumbnail inside circle */
.swatch__thumb {
  width: 72% !important;
  height: auto !important;
  max-width: 72% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  background: transparent !important;
  position: static !important;
  display: block !important;
  margin: 0 auto !important;
}

body.template-product .product__main__content .selector-wrapper--color {
  margin-bottom: 2px !important;
}

body.template-product .product__main__content .selector-wrapper[data-select-label="Size"] {
  margin-top: 0 !important;
}

body.template-product .product__price__main .glc-money {
  color: #F1CF54 !important;
}

body.template-product .select-popout__item,
body.template-product .select-popout__option,
body.template-product .select-popout__option span,
body.template-product .select-popout__option.unavailable,
body.template-product .select-popout__option.unavailable span {
  opacity: 1 !important;
}

body.template-product .select-popout__option.unavailable,
body.template-product .select-popout__option.unavailable span {
  text-decoration: none !important;
}

/* =========================================
   RETURN PORTAL — GLOBAL DARK THEME
   ========================================= */

/* First page card */
.return-card {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
  font-family: var(--FONT-STACK-BODY) !important;
}

.return-card * {
  font-family: var(--FONT-STACK-BODY) !important;
}

/* Second page and later steps */
.return-widget-container,
.return-widget-container * {
  font-family: var(--FONT-STACK-BODY) !important;
}

.return-widget-container {
  background: #000 !important;
  color: #fff !important;
}

/* =========================================
   TYPOGRAPHY
   ========================================= */

.return-card .return-title,
.return-widget-container h1,
.return-widget-container h2,
.return-widget-container h3,
.return-widget-container h4,
.return-widget-container #funnel-title,
.return-widget-container #funnel-amount {
  color: #fff !important;
  font-family: var(--FONT-STACK-BODY) !important;
}

.return-card .return-subtitle,
.return-widget-container .return-subtitle,
.return-widget-container p,
.return-widget-container span,
.return-widget-container label,
.return-widget-container .card p,
.return-widget-container #funnel-description,
.return-widget-container #funnel-no-more p {
  color: rgba(255,255,255,0.72) !important;
}

.return-card .form-label,
.return-widget-container .form-label {
  color: #fff !important;
}

/* Fix app inline text colors */
.return-card p[style*="color: #6d7175"],
.return-widget-container [style*="color: #6d7175"] {
  color: rgba(255,255,255,0.55) !important;
}

.return-widget-container [style*="color: #202223"] {
  color: #fff !important;
}

/* =========================================
   INPUTS / FIELDS
   ========================================= */

.return-card .form-input,
.return-card .form-select,
.return-widget-container .form-input,
.return-widget-container .form-select,
.return-widget-container input,
.return-widget-container select,
.return-widget-container textarea {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.return-card .form-input::placeholder,
.return-widget-container .form-input::placeholder,
.return-widget-container input::placeholder,
.return-widget-container textarea::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

.return-widget-container option,
.return-widget-container optgroup {
  background: #111 !important;
  color: #fff !important;
}

/* =========================================
   DIVIDERS / BORDERS
   ========================================= */

.return-card .divider,
.return-widget-container .divider {
  color: rgba(255,255,255,0.5) !important;
}

.return-card [style*="border-top: 1px solid #e1e3e5"],
.return-widget-container [style*="border-top: 1px solid #e1e3e5"] {
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}

.return-widget-container hr,
.return-widget-container [style*="border-bottom"] {
  border-color: rgba(255,255,255,0.16) !important;
}

/* =========================================
   LINKS
   ========================================= */

.return-card a,
.return-widget-container a {
  color: #F1CF54 !important;
}

.return-widget-container .back-link {
  color: rgba(255,255,255,0.72) !important;
  text-decoration: none !important;
}

.return-widget-container .back-link:hover {
  color: #fff !important;
}

/* =========================================
   BUTTONS
   ========================================= */

.return-card .submit-btn,
.return-widget-container .btn,
.return-widget-container button,
.return-widget-container .btn-primary,
.return-widget-container .btn-secondary {
  background: #F1CF54 !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--FONT-STACK-BODY) !important;
  letter-spacing: 0.06em !important;
  border-radius: 8px !important;
  text-transform: uppercase !important; /* ← THIS is the key */
}

.return-card .submit-btn:hover,
.return-widget-container .btn:hover,
.return-widget-container button:hover,
.return-widget-container .btn-primary:hover {
  opacity: 0.92;
}

.return-widget-container .btn-secondary,
.return-widget-container button.btn-secondary {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.return-widget-container .btn-secondary:hover,
.return-widget-container button.btn-secondary:hover {
  border-color: rgba(255,255,255,0.3) !important;
}

.return-widget-container .btn-primary:disabled,
.return-widget-container .btn-primary[disabled] {
  background: rgba(241,207,84,0.45) !important;
  color: rgba(0,0,0,0.7) !important;
  cursor: not-allowed;
}

/* =========================================
   PROGRESS BAR / STEP FLOW
   ========================================= */

.return-widget-container .progress-bar,
.return-widget-container .progress-steps {
  background: transparent !important;
}

.return-widget-container .progress-step {
  position: relative;
}

.return-widget-container .step-circle {
  background: #000 !important;
  color: rgba(255,255,255,0.72) !important;
  border: 2px solid rgba(255,255,255,0.28) !important;
  box-shadow: none !important;
}

.return-widget-container .progress-step.active .step-circle,
.return-widget-container .step-circle.active,
.return-widget-container .step-circle.current,
.return-widget-container .step-circle#step-1-circle.active,
.return-widget-container .step-circle#step-2-circle.active,
.return-widget-container .step-circle#step-3-circle.active,
.return-widget-container .step-circle#step-4-circle.active {
  background: #000 !important;
  color: #fff !important;
  border-color: #F1CF54 !important;
}

.step-label,
.return-widget-container .step-label {
  color: rgba(255,255,255,0.75) !important;
  font-family: var(--FONT-STACK-BODY) !important;
}

.return-widget-container .progress-step.active .step-label,
.return-widget-container .active .step-label,
.step.active .step-label,
.active .step-label {
  color: #fff !important;
}

/* =========================================
   CARDS / PANELS
   ========================================= */

.return-widget-container .card,
.return-widget-container .step-content {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

/* =========================================
   ITEM SELECTION
   ========================================= */

.return-widget-container .item-card {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.return-widget-container .item-card.selected {
  border-color: #F1CF54 !important;
  box-shadow: 0 0 0 1px rgba(241,207,84,0.25) inset !important;
}

.return-widget-container .item-card h4,
.return-widget-container .item-card p {
  color: #fff !important;
}

.return-widget-container .item-checkbox-custom {
  border: 1px solid rgba(255,255,255,0.24) !important;
  background: transparent !important;
}

.return-widget-container .item-checkbox-custom.checked {
  background: #F1CF54 !important;
  border-color: #F1CF54 !important;
}

/* =========================================
   RETURN REASONS / RADIO GROUPS
   ========================================= */

.return-widget-container .radio-group {
  display: grid;
  gap: 10px;
}

.return-widget-container .radio-group label {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  color: #fff !important;
  cursor: pointer;
}

.return-widget-container .radio-group label:hover {
  border-color: rgba(241,207,84,0.45) !important;
}

.return-widget-container .radio-group input[type="radio"] {
  accent-color: #F1CF54;
}

.return-widget-container .radio-group input[type="radio"] + span {
  color: #fff !important;
}

/* =========================================
   FUNNEL / REFUND OFFER
   ========================================= */

.return-widget-container #funnel-offer,
.return-widget-container #funnel-no-more {
  color: #fff !important;
}

.return-widget-container #funnel-description {
  color: rgba(255,255,255,0.72) !important;
}

.return-widget-container .offer-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.return-widget-container .offer-badge {
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

.return-widget-container .offer-badge-check {
  color: #F1CF54 !important;
  margin-right: 6px;
}

.return-widget-container .offer-note {
  border-radius: 8px !important;
  padding: 12px 14px !important;
}

.return-widget-container .offer-note-warning {
  background: rgba(241,207,84,0.08) !important;
  border: 1px solid rgba(241,207,84,0.22) !important;
  color: rgba(255,255,255,0.85) !important;
}

.return-widget-container .offer-note-info {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.82) !important;
}

/* =========================================
   HELP / FOOTER
   ========================================= */

.return-widget-container a[href^="mailto:"] {
  color: #F1CF54 !important;
  text-decoration: none !important;
}

.return-widget-container a[href^="mailto:"]:hover {
  opacity: 0.92;
}

.return-widget-container div[style*="text-align: center"] p {
  color: rgba(255,255,255,0.6) !important;
}

/* =========================================
   CTA / REVIEW LABEL FIXES
   ========================================= */

/* Base CTA styling */
.return-widget-container #funnel-accept {
  background: #F1CF54 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--FONT-STACK-BODY) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  position: relative;
}

/* Exchange state */
.return-widget-container #funnel-exchange-variants[style*="display: block"] ~ div[style*="flex"] #funnel-accept,
.return-widget-container #funnel-warning[style*="display: block"] ~ div[style*="flex"] #funnel-accept {
  font-size: 0 !important;
}

.return-widget-container #funnel-exchange-variants[style*="display: block"] ~ div[style*="flex"] #funnel-accept::after,
.return-widget-container #funnel-warning[style*="display: block"] ~ div[style*="flex"] #funnel-accept::after {
  content: "EXCHANGE ITEM";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #000;
  font-family: var(--FONT-STACK-BODY) !important;
}

/* Refund state */
.return-widget-container #funnel-exchange-variants[style*="display: none"] ~ div[style*="flex"] #funnel-accept,
.return-widget-container #funnel-partial-note[style*="display: block"] ~ div[style*="flex"] #funnel-accept {
  font-size: 0 !important;
}

.return-widget-container #funnel-exchange-variants[style*="display: none"] ~ div[style*="flex"] #funnel-accept::after,
.return-widget-container #funnel-partial-note[style*="display: block"] ~ div[style*="flex"] #funnel-accept::after {
  content: "KEEP ITEM & GET REFUND";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #000;
  font-family: var(--FONT-STACK-BODY) !important;
}

/* =========================================
   SMART SECONDARY BUTTON TEXT
   ========================================= */

.return-widget-container #funnel-decline {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.58) !important;
  font-family: var(--FONT-STACK-BODY) !important;
  font-size: 0 !important;
  cursor: pointer !important;
  padding: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  position: relative;
  text-transform: uppercase !important;
}

/* EXCHANGE SCREEN */
.return-widget-container #funnel-warning[style*="display: block"] 
  ~ div #funnel-decline::after {
  content: "VIEW REFUND OPTION";
  font-size: 13px;
  color: rgba(255,255,255,0.58);
}

/* REFUND SCREEN */
.return-widget-container #funnel-partial-note[style*="display: block"] 
  ~ div #funnel-decline::after {
  content: "VIEW OTHER OPTIONS";
  font-size: 13px;
  color: rgba(255,255,255,0.58);
}

/* Hover */
.return-widget-container #funnel-decline:hover::after {
  color: rgba(255,255,255,0.82) !important;
}

.return-widget-container #funnel-decline:hover::after {
  color: rgba(255,255,255,0.82) !important;
}

/* Review page address label only */
.return-widget-container #review-content .review-item:nth-child(2) > strong {
  position: relative;
  font-size: 0 !important;
}

.return-widget-container #review-content .review-item:nth-child(2) > strong::after {
  content: "Return Address:";
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: var(--FONT-STACK-BODY) !important;
}
.enx-stock-status {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin-top: 4px;
}

.enx-stock-status__left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  overflow: visible !important;
}

.enx-stock-status__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #f3f3f3;
  white-space: nowrap;
}

.enx-stock-status__dot {
  position: relative;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: visible !important;
}

/* ---------------- LOW STOCK (RED PULSE) ---------------- */

.enx-stock-status.is-low-stock .enx-stock-status__dot {
  background: #ff6a57;
}

.enx-stock-status.is-low-stock .enx-stock-status__dot::before,
.enx-stock-status.is-low-stock .enx-stock-status__dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 106, 87, 0.55);
  transform: translate(-50%, -50%) scale(1);
  animation: enx-pulse-red 2.2s ease-out infinite;
  pointer-events: none;
}

.enx-stock-status.is-low-stock .enx-stock-status__dot::after {
  animation-delay: 1.1s;
}

@keyframes enx-pulse-red {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translate(-50%, -50%) scale(2.4);
    opacity: 0.25;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

/* ---------------- IN STOCK (GREEN PULSE) ---------------- */

.enx-stock-status.is-in-stock .enx-stock-status__dot {
  background: #22c55e;
}

.enx-stock-status.is-in-stock .enx-stock-status__dot::before,
.enx-stock-status.is-in-stock .enx-stock-status__dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid rgba(34, 197, 94, 0.5);
  transform: translate(-50%, -50%) scale(1);
  animation: enx-pulse-green 2.6s ease-out infinite;
  pointer-events: none;
}

.enx-stock-status.is-in-stock .enx-stock-status__dot::after {
  animation-delay: 1.3s;
}

@keyframes enx-pulse-green {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.75;
  }
  70% {
    transform: translate(-50%, -50%) scale(2.6);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(3.2);
    opacity: 0;
  }
}

/* ---------------- BAR ---------------- */

.enx-low-stock-bar {
  position: relative;
  height: 4px;
  flex: 1;
  background: #2f2f2f;
  border-radius: 999px;
  overflow: hidden;
}

.enx-low-stock-bar__fill {
  display: block;
  width: 10%;
  height: 100%;
  background: #ff6a57;
  border-radius: 999px;
}

.trust-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.trust-image {
  border-radius: 50%;
  object-fit: cover;
}

.trust-text {
  font-size: 13px;
  color: #a1a1a1; /* muted luxury grey */
  line-height: 1.4;
}

.trust-text strong {
  color: #fff;
  font-weight: 600;
}

/* full scrollbar background bar */
.collection-split .collection-split__products .custom-scrollbar.small-down--show,
.section-list-collections .custom-scrollbar.small-down--show,
.custom-scrollbar.small-down--show,
.custom-scrollbar[data-custom-scrollbar] {
  background: #2A2A2A !important;
  border-radius: 999px;
}

/* active / current position bar */
.custom-scrollbar__track,
.custom-scrollbar[data-custom-scrollbar] .custom-scrollbar__track {
  background: #B8B8B8 !important; /* change if you want */
  border-radius: 999px;
}

/* Layout */
.product__price {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Current price (gold) */
.product__price--sale,
[data-product-price] {
  color: #c6a75e !important;
}

/* Compare price (muted gold) */
.product__price--compare {
  color: #8f7a2f !important;
  opacity: 0.55;
  text-decoration: line-through;
}

/* SALE TODAY badge */
.product__price__main .product__price--off,
.product__price__main .product__price--off span,
.product__price__main .product__price--off [data-price-off-type],
.product__price__main .product__sale-today-label,
.product__price__main .product__sale-today-label span {
  color: #34C759 !important;
  letter-spacing: 0.08em;
  font-weight: 600;
}

.grid__swatch__placeholder {
  color: #ffffff !important;
}

[data-price-off-type] {
  font-size: 0 !important;
}

[data-price-off-type]::after {
  content: "Sale Today";
  font-size: 12px !important;
  line-height: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: #34C759 !important;
}

/* MOBILE ONLY: make collection split products 2x2 instead of carousel */
@media screen and (max-width: 749px) {
  .collection-split .grid[data-custom-scrollbar-items] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;

    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;

    --grid-small-items: 2 !important;
  }

  .collection-split .grid[data-custom-scrollbar-items] .grid__item,
  .collection-split .collection-split__product {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    scroll-snap-align: unset !important;
  }

  .collection-split .product-grid-item__container {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Hide mobile carousel scrollbar */
  .collection-split .collection-split__products .custom-scrollbar.small-down--show,
  .collection-split .custom-scrollbar[data-custom-scrollbar] {
    display: none !important;
  }
}

/* MOBILE ONLY: stack collection carousel items 1x1x1 */
@media screen and (max-width: 749px) {
  .section-list-collections .grid[data-carousel][data-custom-scrollbar-items],
  .grid.flickity-disabled-mobile[data-carousel][data-custom-scrollbar-items] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;

    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;

    --grid-small-items: 1 !important;
  }

  .section-list-collections .grid[data-carousel][data-custom-scrollbar-items] .grid__item,
  .grid.flickity-disabled-mobile[data-carousel][data-custom-scrollbar-items] .grid__item {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    position: relative !important;
    left: auto !important;
    transform: none !important;
    scroll-snap-align: unset !important;
  }

  .section-list-collections .custom-scrollbar.small-down--show,
  .section-list-collections .custom-scrollbar[data-custom-scrollbar] {
    display: none !important;
  }
}

/* MOBILE ONLY: testimonials stacked + truly centered */
@media screen and (max-width: 749px) {
  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100vw !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: visible !important;
    overflow-x: hidden !important;

    transform: none !important;
    left: auto !important;
    right: auto !important;

    box-sizing: border-box !important;

    --grid-small-items: 1 !important;
  }

  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) > .index__column.grid__item.slide-item {
    width: 86% !important;
    max-width: 360px !important;
    min-width: 0 !important;

    flex: none !important;
    flex-basis: auto !important;

    display: block !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 34px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    text-align: center !important;
    box-sizing: border-box !important;
  }

  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) h3,
  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) .rte,
  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) .rte--column,
  div[data-grid-flex][data-custom-scrollbar-items]:has(.index__column.grid__item.slide-item) p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   FLAT DRAWER MENU — FINAL CLEAN VERSION
   ========================================================= */

/* Drawer scroll */
.drawer[data-drawer="hamburger"] .drawer__content {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

.drawer[data-drawer="hamburger"] .drawer__inner {
  min-height: 0 !important;
  overflow: hidden !important;
}

.drawer[data-drawer="hamburger"] .drawer__menu {
  display: flex !important;
  flex-direction: column !important;

  height: calc(100vh - 70px) !important;
  max-height: calc(100vh - 70px) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;

  padding: 34px 0 32px !important;
  background: #000 !important;
}

/* Section spacing */
.drawer-flat-menu__section {
  margin: 0 0 28px !important;
  padding: 0 !important;
}

.drawer-flat-menu__section:first-child {
  margin-top: 0 !important;
}

.drawer-flat-menu__item + .drawer-flat-menu__section {
  margin-top: 34px !important;
}

/* Muted category headers */
.drawer-flat-menu__heading {
  display: block !important;
  margin: 0 38px 16px !important;
  padding: 0 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;

  color: rgba(255, 255, 255, 0.38) !important;
  text-decoration: none !important;
}

/* Full row links */
.drawer-flat-menu__link,
.drawer-flat-menu__single {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: auto !important;
  margin: 0 38px !important;
  padding: 9px 0 !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.085em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;

  color: #fff !important;
  text-decoration: none !important;
}

/* Text itself */
.drawer-flat-menu__text {
  position: relative !important;
  display: inline-block !important;
}

/* Underline relative to word width */
.drawer-flat-menu__text::after {
  content: "" !important;
  position: absolute !important;

  left: 50% !important;
  bottom: -5px !important;

  width: 100% !important;
  height: 1px !important;

  background: #F1CF54 !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.28s ease !important;
}

.drawer-flat-menu__link:hover .drawer-flat-menu__text::after,
.drawer-flat-menu__single:hover .drawer-flat-menu__text::after {
  transform: translateX(-50%) scaleX(1) !important;
}

/* Do not turn text gold on hover */
.drawer-flat-menu__link:hover,
.drawer-flat-menu__single:hover {
  color: #fff !important;
}

/* Right aligned arrow for normal clickable links */
.drawer-flat-menu__link[href]::after,
.drawer-flat-menu__single[href]::after {
  content: "›" !important;

  margin-left: auto !important;
  padding-left: 24px !important;

  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  color: rgba(255, 255, 255, 0.72) !important;
  transition: transform 0.22s ease !important;
}

.drawer-flat-menu__link:hover::after,
.drawer-flat-menu__single:hover::after {
  color: rgba(255, 255, 255, 0.72) !important;
  transform: translateX(3px) !important;
}

/* Standalone item spacing */
.drawer-flat-menu__item {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

/* Push footer group to bottom */
.drawer-flat-menu__item:has(> .drawer-flat-menu__single[href="/pages/contact"]) {
  margin-top: auto !important;
}

/* Footer utility links */
.drawer-flat-menu__single[href="/pages/contact"],
.drawer-flat-menu__single[href="/apps/track"],
.drawer-flat-menu__single[href="/apps/return"] {
  display: inline-flex !important;
  align-self: flex-start !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;

  color: rgba(255, 255, 255, 0.42) !important;

  margin-left: 30px !important;
  margin-right: 0 !important;
  padding: 6px 0 !important;
}

/* Footer links stay muted */
.drawer-flat-menu__single[href="/pages/contact"]:hover,
.drawer-flat-menu__single[href="/apps/track"]:hover,
.drawer-flat-menu__single[href="/apps/return"]:hover {
  color: rgba(255, 255, 255, 0.42) !important;
}

/* No arrows on footer links */
.drawer-flat-menu__single[href="/pages/contact"]::after,
.drawer-flat-menu__single[href="/apps/track"]::after,
.drawer-flat-menu__single[href="/apps/return"]::after {
  content: none !important;
  display: none !important;
}

/* No underline on muted section headers */
.drawer-flat-menu__heading::before,
.drawer-flat-menu__heading::after {
  display: none !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .drawer[data-drawer="hamburger"] .drawer__menu {
    height: calc(100vh - 64px) !important;
    max-height: calc(100vh - 64px) !important;
    padding: 28px 0 32px !important;
  }

  .drawer-flat-menu__heading {
    margin-left: 30px !important;
    margin-right: 30px !important;
    font-size: 12px !important;
  }

  .drawer-flat-menu__link,
  .drawer-flat-menu__single {
    margin-left: 30px !important;
    margin-right: 30px !important;
    font-size: 15px !important;
  }

  .drawer-flat-menu__single[href="/pages/contact"],
  .drawer-flat-menu__single[href="/apps/track"],
  .drawer-flat-menu__single[href="/apps/return"] {
    margin-left: 30px !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   TOP FEATURE LINKS — Rewards / VIP / Blog
   ========================================================= */

/* Make these top links bigger */
.drawer-flat-menu__single[href="/pages/rewards"],
.drawer-flat-menu__single[href="/pages/vip"],
.drawer-flat-menu__single[href="/blogs/sovereign-threads"] {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.11em !important;
  color: #fff !important;

  margin-left: 38px !important;
  margin-right: 38px !important;
  padding: 12px 0 !important;
}

/* Remove arrows from these 3 */
.drawer-flat-menu__single[href="/pages/rewards"]::after,
.drawer-flat-menu__single[href="/pages/vip"]::after,
.drawer-flat-menu__single[href="/blogs/sovereign-threads"]::after {
  content: none !important;
  display: none !important;
}

/* Keep text white on hover */
.drawer-flat-menu__single[href="/pages/rewards"]:hover,
.drawer-flat-menu__single[href="/pages/vip"]:hover,
.drawer-flat-menu__single[href="/blogs/sovereign-threads"]:hover {
  color: #fff !important;
}

/* Optional: add space under these before OUTERWEAR */
.drawer-flat-menu__single[href="/blogs/sovereign-threads"] {
  margin-bottom: 36px !important;
}

/* Footer utility links — lighter on hover */
.drawer-flat-menu__single[href="/pages/contact"]:hover,
.drawer-flat-menu__single[href="/apps/track"]:hover,
.drawer-flat-menu__single[href="/apps/return"]:hover {
  color: rgba(255, 255, 255, 0.72) !important;
}



/* PDP size radio selected state: black letter on selected box */
body.template-product .radio__button input[type="radio"]:checked + label,
body.template-product .radio__button input[type="radio"]:checked + label span {
  color: #000 !important;
}

/* Keep unselected size letters white */
body.template-product .radio__button input[type="radio"]:not(:checked) + label,
body.template-product .radio__button input[type="radio"]:not(:checked) + label span {
  color: #fff !important;
}

/* Remove the theme's crossed-out unavailable look */
body.template-product .radio__button input.unavailable + label,
body.template-product .radio__button input.unavailable + label span {
  opacity: 1 !important;
  text-decoration: none !important;
}

body.template-product .radio__button input.unavailable + label::before,
body.template-product .radio__button input.unavailable + label::after,
body.template-product .radio__button input.unavailable + label span::before,
body.template-product .radio__button input.unavailable + label span::after {
  display: none !important;
  content: none !important;
}

/* Manually cross out only S */
body.template-product .radio__button input[value="S"] + label {
  opacity: 0.45 !important;
  position: relative !important;
}

body.template-product .radio__button input[value="S"] + label::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 12% !important;
  right: 12% !important;
  top: 50% !important;
  height: 1px !important;
  background: currentColor !important;
  transform: rotate(-18deg) !important;
  opacity: 0.9 !important;
}

/* Selected available size text black */
body.template-product .radio__button input[type="radio"]:checked:not([value="S"]) + label,
body.template-product .radio__button input[type="radio"]:checked:not([value="S"]) + label span {
  color: #000 !important;
  opacity: 1 !important;
}

/* Selected sold-out S stays faded */
body.template-product .radio__button input[type="radio"]:checked[value="S"] + label,
body.template-product .radio__button input[type="radio"]:checked[value="S"] + label span {
  color: #fff !important;
  opacity: 0.45 !important;
}

.cart__footer__savings,
.cart__footer__savings .cart__footer__label,
.cart__footer__savings .cart__footer__savings-value {
  color: #34C759 !important;
}

/* Sale price green */
.product__grid__price .price.on-sale,
.product__grid__price .price.on-sale .glc-money {
  color: #34C759 !important;
}

/* Hide "2 colors available" */
.grid__swatch__container .grid__swatch__placeholder {
  display: none !important;
}

/* Keep original theme sizing, just force hover swatches visible */
.grid__swatch__container .grid__swatch__hover {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  position: static !important;
}

/* Collection swatches: circular elegant color dots, no product thumbnails */
.grid__swatch__container .swatch__button label {
  border-radius: 50% !important;
  overflow: hidden !important;

  background-image: none !important;
  --swatch-image: none !important;
  background: var(--swatch, #d8d8d8) !important;

  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) !important;
}

/* Global collection swatch color map */
.grid__swatch__container label[data-swatch="Black"] {
  --swatch: #050505 !important;
}

.grid__swatch__container label[data-swatch="White"] {
  --swatch: #f2f2f2 !important;
}

.grid__swatch__container label[data-swatch="Cream"] {
  --swatch: #eee5d2 !important;
}

.grid__swatch__container label[data-swatch="Beige"] {
  --swatch: #d8c3a5 !important;
}

.grid__swatch__container label[data-swatch="Brown"] {
  --swatch: #6b3f25 !important;
}

.grid__swatch__container label[data-swatch="Grey"],
.grid__swatch__container label[data-swatch="Gray"] {
  --swatch: #9a9a9a !important;
}

.grid__swatch__container label[data-swatch="Navy"] {
  --swatch: #101a33 !important;
}

.grid__swatch__container label[data-swatch="Green"] {
  --swatch: #2f5f3f !important;
}

.grid__swatch__container label[data-swatch="Red"] {
  --swatch: #8b1e1e !important;
}

.grid__swatch__container label[data-swatch="Gold"] {
  --swatch: #c9a24d !important;
}

.grid__swatch__container label[data-swatch="Silver"] {
  --swatch: #c7c7c7 !important;
}

.grid__swatch__container label[data-swatch="Cheetah"] {
  --swatch: #C58D4F !important;
}

.grid__swatch__container label[data-swatch="Snow Leopard"] {
  --swatch: #BFC1C4 !important;
}

/* Fix collection swatches getting cut off at bottom */
.grid__swatch__container {
  overflow: visible !important;
  padding-bottom: 8px !important;
  margin-bottom: 4px !important;
}

.grid__swatch__container .grid__swatch__hover {
  overflow: visible !important;
  padding-bottom: 6px !important;
}

.grid__swatch__container .swatch__button {
  overflow: visible !important;
}

.grid__swatch__container .swatch__button label {
  overflow: hidden !important;
}

/* MOBILE ONLY: product image count indicator blocks */
@media screen and (max-width: 749px) {
  .product-grid-item,
  .product-grid-item__container,
  .grid__item {
    position: relative !important;
  }

  .en-mobile-image-dots {
    position: absolute !important;
    left: 50% !important;
    top: auto !important;
bottom: -14px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    width: auto !important;
    margin: 0 !important;

    z-index: 50 !important;
    pointer-events: none !important;
  }

  .en-mobile-image-dot {
    display: block !important;
    width: 11px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: rgba(170, 170, 170, 0.35) !important;
    transition: all 0.22s ease !important;
  }

  .en-mobile-image-dot.is-active {
    width: 18px !important;
    background: #F1CF54 !important;
  }
}

/* =========================================================
   IPHONE BURGER MENU SCROLL FIX — CLEAN VERSION
   ========================================================= */

@media screen and (max-width: 899px) {
  .drawer[data-drawer="hamburger"] {
    z-index: 99999 !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__content {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__inner[data-drawer-scrolls] {
    height: calc(100dvh - 64px) !important;
    max-height: calc(100dvh - 64px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    background: #000 !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__menu {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
    background: #000 !important;
    padding-bottom: 140px !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__promo {
    background: #000 !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__promo-image {
    height: 150px !important;
  }

  .drawer-flat-menu__item:has(> .drawer-flat-menu__single[href="/pages/contact"]) {
    margin-top: 34px !important;
  }
}

/* Push Contact / Track / Manage to bottom-left of burger menu */
@media screen and (max-width: 899px) {
  .drawer[data-drawer="hamburger"] .drawer__inner[data-drawer-scrolls] {
    display: flex !important;
    flex-direction: column !important;
  }

  .drawer[data-drawer="hamburger"] .drawer__menu {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
  }

  .drawer-flat-menu__item:has(> .drawer-flat-menu__single[href="/pages/contact"]) {
    margin-top: auto !important;
    padding-top: 48px !important;
  }

  .drawer-flat-menu__single[href="/pages/contact"],
  .drawer-flat-menu__single[href="/apps/track"],
  .drawer-flat-menu__single[href="/apps/return"] {
    margin-left: 16px !important;
    margin-right: 0 !important;
    padding: 8px 0 !important;

    font-size: 12px !important;
    letter-spacing: 0.12em !important;
    color: rgba(255, 255, 255, 0.42) !important;
  }
}

/* =========================================================
   COLLECTION SWATCHES — no border + underline active label
   ========================================================= */

/* remove border/ring */
.grid__swatch__container radio-swatch.swatch__button label,
.grid__swatch__container .swatch__button label {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* underline base */
.grid__swatch__container radio-swatch.swatch__button label::before,
.grid__swatch__container .swatch__button label::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -8px !important;
  width: 28px !important;
  height: 1px !important;
  background: #F1CF54 !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

/* show underline only on active label */
.grid__swatch__container radio-swatch.swatch__button label.is-active::before,
.grid__swatch__container .swatch__button label.is-active::before {
  transform: translateX(-50%) scaleX(1) !important;
}

/* Product image area should never be white behind images */
.product-grid-item,
.product-grid-item__container,
.product__grid__image,
.product__grid__image__link,
.product-item__image,
[data-grid-image],
.grid__image {
  background-color: #000 !important;
}

/* when JS active exists, don't force first one */
.grid__swatch__container:has(label.is-active) radio-swatch.swatch__button:first-of-type label:not(.is-active)::before,
.grid__swatch__container:has(label.is-active) .swatch__button:first-of-type label:not(.is-active)::before {
  transform: translateX(-50%) scaleX(0) !important;
}
/* =========================================================
   PRODUCT PAGE BOTTOM COLLECTION CARDS — SHOW REAL THEME SWATCHES
   Safe: only affects product page product-grid-item swatches
   ========================================================= */

/* Hide empty Variant King wrapper on product page cards */
.template-product product-grid-item variant-king-combined-listing {
  display: none !important;
}

/* Make product info area allow swatches to show */
.template-product product-grid-item .product__grid__info {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 24px !important;
}

/* Show swatch container */
.template-product product-grid-item .product__grid__info .grid__swatch__container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 42px !important;
  overflow: visible !important;
  margin-top: 12px !important;
  position: relative !important;
  z-index: 20 !important;
}

/* Hide "2 colors available" text */
.template-product product-grid-item .product__grid__info .grid__swatch__placeholder {
  display: none !important;
}

/* Force actual swatch form visible */
.template-product product-grid-item .product__grid__info .grid__swatch__hover {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  position: relative !important;
  inset: auto !important;
  transform: none !important;

  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Force each swatch button visible */
.template-product product-grid-item .product__grid__info radio-swatch.swatch__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  flex: 0 0 auto !important;
}

/* Hide radio input but keep label clickable */
.template-product product-grid-item .product__grid__info radio-swatch.swatch__button input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Actual visible circle */
.template-product product-grid-item .product__grid__info radio-swatch.swatch__button label {
  display: block !important;

  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;

  border-radius: 50% !important;
  background-color: var(--swatch, #e5e5e5) !important;
  background-image: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  overflow: visible !important;
  cursor: pointer !important;
}

/* =========================================================
   COLLECTION + PRODUCT PAGE SWATCHES — SUBTLE GOLD OUTLINE
   Helps black swatches show on black background
   ========================================================= */

.grid__swatch__container radio-swatch.swatch__button label,
.grid__swatch__container .swatch__button label {
  border: 1px solid rgba(241, 207, 84, 0.35) !important;
  box-shadow: 0 0 0 1px rgba(241, 207, 84, 0.08) !important;
}

/* Slightly stronger on hover/focus */
.grid__swatch__container radio-swatch.swatch__button label:hover,
.grid__swatch__container .swatch__button label:hover,
.grid__swatch__container radio-swatch.swatch__button label:focus,
.grid__swatch__container .swatch__button label:focus {
  border-color: rgba(241, 207, 84, 0.65) !important;
  box-shadow: 0 0 0 1px rgba(241, 207, 84, 0.18) !important;
}

/* Active swatch */
.grid__swatch__container radio-swatch.swatch__button label.is-active,
.grid__swatch__container .swatch__button label.is-active {
  border-color: rgba(241, 207, 84, 0.85) !important;
  box-shadow: 0 0 0 1px rgba(241, 207, 84, 0.22) !important;
}

/* =========================================================
   MOBILE COLLECTION TABS + FILTER BAR — FINAL LAYERING
   Drawer > sticky tabs/filter > product badges
   ========================================================= */
@media screen and (max-width: 749px) {
  :root {
    --mobile-header-height: 48px;
    --mobile-tabs-height: 30px;
    --mobile-filter-lift: 10px;
  }

  /* Sticky collection tabs */
  [class^="ai-sticky-tabs-"].is-sticky {
    z-index: 100 !important;
  }

  [class^="ai-sticky-tabs-bar-"] {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }

  /* Filter/sort bar — lifted slightly higher */
  nav.collection__nav[data-collection-tools] {
    position: sticky !important;
    top: calc(var(--mobile-header-height) + var(--mobile-tabs-height) - var(--mobile-filter-lift)) !important;
    z-index: 99 !important;
    margin-top: calc(var(--mobile-filter-lift) * -1) !important;
    padding-top: 0 !important;

    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;

    border-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
  }

  nav.collection__nav[data-collection-tools]::before {
    display: none !important;
    content: none !important;
  }

  nav.collection__nav[data-collection-tools] .collection__nav__buttons,
  nav.collection__nav[data-collection-tools] .collection__layout,
  nav.collection__nav[data-collection-tools] button,
  nav.collection__nav[data-collection-tools] .popout--navbar,
  nav.collection__nav[data-collection-tools] .popout__toggle {
    background: transparent !important;
  }

  /* Product sale badge must stay below tabs/filter */
  .product__badge,
  .product__badge--sale,
  .product__badge.product__badge--sale {
    z-index: 1 !important;
  }

  .product-grid-item,
  .product-grid-item__container,
  .grid__item {
    position: relative !important;
    z-index: 0 !important;
  }

  /* Drawer must stay above everything */
  [data-drawer="hamburger"],
  .drawer[data-drawer="hamburger"],
  .drawer[data-drawer="hamburger"] .drawer__content,
  .drawer[data-drawer="hamburger"] .drawer__inner,
  .drawer[data-drawer="hamburger"] .drawer__menu,
  #header-menu {
    z-index: 99999 !important;
  }
}

/* Cart free shipping success message */
.cart__message-success {
  color: #34C759 !important;
}

/* Hide scrollbar inside mobile drawer menu */
.drawer__inner,
.drawer__content,
.drawer__scrolls,
.drawer__menu,
.drawer[data-drawer="hamburger"] {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* old Edge */
}

.drawer__inner::-webkit-scrollbar,
.drawer__content::-webkit-scrollbar,
.drawer__scrolls::-webkit-scrollbar,
.drawer__menu::-webkit-scrollbar,
.drawer[data-drawer="hamburger"]::-webkit-scrollbar {
  display: none !important; /* Chrome/Safari/iPhone */
}

/* =========================================================
   TOP FEATURE LINKS — Gold underline hover fallback
   For VIP / Rewards / Sovereign Threads
   ========================================================= */

.drawer-flat-menu__single[href="/pages/rewards"],
.drawer-flat-menu__single[href="/pages/vip"],
.drawer-flat-menu__single[href="/blogs/sovereign-threads"] {
  position: relative !important;
  display: inline-flex !important;
  width: fit-content !important;
}

/* gold underline directly on the link */
.drawer-flat-menu__single[href="/pages/rewards"]::before,
.drawer-flat-menu__single[href="/pages/vip"]::before,
.drawer-flat-menu__single[href="/blogs/sovereign-threads"]::before {
  content: "" !important;
  position: absolute !important;

  left: 50% !important;
  bottom: 4px !important;

  width: 100% !important;
  height: 1px !important;

  background: #F1CF54 !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.28s ease !important;

  display: block !important;
  pointer-events: none !important;
}

/* show underline on hover */
.drawer-flat-menu__single[href="/pages/rewards"]:hover::before,
.drawer-flat-menu__single[href="/pages/vip"]:hover::before,
.drawer-flat-menu__single[href="/blogs/sovereign-threads"]:hover::before {
  transform: translateX(-50%) scaleX(1) !important;
}

/* =========================================================
   DRAWER STANDALONE COLLECTION LINKS — centered word underline
   Trousers / Glasses / Jewelry / Watches / Bags / Shoes
   ========================================================= */

.drawer-flat-menu__single[href="/collections/trousers"],
.drawer-flat-menu__single[href="/collections/glasses"],
.drawer-flat-menu__single[href="/collections/jewelry"],
.drawer-flat-menu__single[href="/collections/watches"],
.drawer-flat-menu__single[href="/collections/bags"],
.drawer-flat-menu__single[href="/collections/shoes"] {
  position: relative !important;
  text-decoration: none !important;
}

/* Remove any text-decoration underline from the arrow */
.drawer-flat-menu__single[href="/collections/trousers"]::after,
.drawer-flat-menu__single[href="/collections/glasses"]::after,
.drawer-flat-menu__single[href="/collections/jewelry"]::after,
.drawer-flat-menu__single[href="/collections/watches"]::after,
.drawer-flat-menu__single[href="/collections/bags"]::after,
.drawer-flat-menu__single[href="/collections/shoes"]::after {
  text-decoration: none !important;
}

/* Use the link's ::before as the animated underline */
.drawer-flat-menu__single[href="/collections/trousers"]::before,
.drawer-flat-menu__single[href="/collections/glasses"]::before,
.drawer-flat-menu__single[href="/collections/jewelry"]::before,
.drawer-flat-menu__single[href="/collections/watches"]::before,
.drawer-flat-menu__single[href="/collections/bags"]::before,
.drawer-flat-menu__single[href="/collections/shoes"]::before {
  content: "" !important;
  position: absolute !important;

  left: 0 !important;
  bottom: 4px !important;

  height: 1px !important;
  background: #F1CF54 !important;

  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.28s ease !important;

  pointer-events: none !important;
  display: block !important;
}

/* Exact word-width underline — tighter match */
.drawer-flat-menu__single[href="/collections/trousers"]::before {
  width: 84px !important;
}

.drawer-flat-menu__single[href="/collections/glasses"]::before {
  width: 70px !important;
}

.drawer-flat-menu__single[href="/collections/jewelry"]::before {
  width: 70px !important;
}

.drawer-flat-menu__single[href="/collections/watches"]::before {
  width: 76px !important;
}

.drawer-flat-menu__single[href="/collections/bags"]::before {
  width: 42px !important;
}

.drawer-flat-menu__single[href="/collections/shoes"]::before {
  width: 54px !important;
}

/* Expand from center on hover */
.drawer-flat-menu__single[href="/collections/trousers"]:hover::before,
.drawer-flat-menu__single[href="/collections/glasses"]:hover::before,
.drawer-flat-menu__single[href="/collections/jewelry"]:hover::before,
.drawer-flat-menu__single[href="/collections/watches"]:hover::before,
.drawer-flat-menu__single[href="/collections/bags"]:hover::before,
.drawer-flat-menu__single[href="/collections/shoes"]:hover::before {
  transform: scaleX(1) !important;
}

/* Drawer account icon color */
.drawer__account .icon-account,
.drawer__account .icon-account path {
  fill: #F1CF54 !important;
  color: #F1CF54 !important;
}

/* Drawer close X icon color */
.drawer__close .icon-close,
.drawer__close .icon-close path,
.drawer__close .icon-close g {
  fill: #F1CF54 !important;
  color: #F1CF54 !important;
}

/* =========================================================
   MOBILE COLLECTION SWATCHES — final stable spacing
   ========================================================= */
@media screen and (max-width: 749px) {
  .product-grid-item,
  .product-grid-item__container,
  .product__grid__info,
  .grid__swatch__container {
    overflow: visible !important;
  }

  /* gives product info enough room so swatches/underline don't get clipped */
  .product__grid__info {
    padding-bottom: 20px !important;
  }

  /* lock swatch row position so it does not jump after first tap */
  .grid__swatch__container {
    display: block !important;
    position: relative !important;
    z-index: 60 !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin-top: 12px !important; /* gap from price */
    margin-bottom: 0 !important;

    padding: 0 0 12px 0 !important;

    overflow: visible !important;
    transform: none !important;
  }

  .grid__swatch__container .grid__swatch__hover {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .grid__swatch__container .swatch__button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    overflow: visible !important;
    flex: 0 0 28px !important;
    pointer-events: auto !important;
  }

  .grid__swatch__container .swatch__button label {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    overflow: visible !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .grid__swatch__container .swatch__button label::before {
    bottom: -8px !important;
  }

  .grid__swatch__container .swatch__button input {
    pointer-events: none !important;
  }
}

<style>
  /* =========================================================
     LOGO LIST — keep normal size, but low layer
     ========================================================= */

  #shopify-section-{{ section.id }} {
    position: relative !important;
    z-index: 1 !important;
  }

  #shopify-section-{{ section.id }} .homepage-logos,
  #shopify-section-{{ section.id }} .logo-bar__wrapper,
  #shopify-section-{{ section.id }} .logo-bar__outer,
  #shopify-section-{{ section.id }} .logo-bar__holder,
  #shopify-section-{{ section.id }} .logo-bar,
  #shopify-section-{{ section.id }} .logo-bar__message,
  #shopify-section-{{ section.id }} .logo-bar__scale,
  #shopify-section-{{ section.id }} .logo-bar__text,
  #shopify-section-{{ section.id }} .logo-bar__item,
  #shopify-section-{{ section.id }} .logo-bar__image {
    z-index: 1 !important;
  }
</style>

.ed-merged-upsells {
  display: block;
  margin: 28px 0;
}

/* Keep each theme upsell looking normal, but remove the spacing between them */
.ed-merged-upsell-item {
  margin: 0 !important;
}

/* Pull boxes together so they look like one continuous box */
.ed-merged-upsell-item + .ed-merged-upsell-item {
  margin-top: -1px !important;
}

/* hide repeated header only, do not hide product titles */
.ed-merged-upsell-item:not(.ed-merged-upsell-item--first) .upsell__heading,
.ed-merged-upsell-item:not(.ed-merged-upsell-item--first) .upsell__label,
.ed-merged-upsell-item:not(.ed-merged-upsell-item--first) .product-upsell__heading,
.ed-merged-upsell-item:not(.ed-merged-upsell-item--first) .product-upsell__label {
  display: none !important;
}

/* Remove the fake gap where the hidden header was */
.ed-merged-upsell-item:not(.ed-merged-upsell-item--first) {
  padding-top: 0 !important;
}

.enx-stock-status.is-low-stock,
.enx-stock-status.is-low-stock.count-is-unavailable {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.enx-stock-status.is-low-stock .enx-low-stock-bar {
  display: block !important;
}

/* =========================================================
   COLLECTION STICKY TABS — centered on large screens,
   scroll-from-left on smaller desktop/laptop
   ========================================================= */

/* Large desktop: keep premium centered spread */
@media screen and (min-width: 1400px) {
  [class^="ai-sticky-tabs-container-"] {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  [class^="ai-sticky-tabs-list-"] {
    justify-content: center !important;
    gap: 22px !important;
    overflow-x: visible !important;
  }

  [class^="ai-sticky-tabs-link-"] {
    font-size: 13px !important;
    letter-spacing: 1.1px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
  }

  [class^="ai-sticky-tabs-product-count-"] {
    font-size: 10px !important;
    margin-left: 4px !important;
  }
}

/* Laptop / smaller desktop: keep size, but scroll from Jackets */
@media screen and (min-width: 750px) and (max-width: 1399px) {
  [class^="ai-sticky-tabs-container-"] {
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  [class^="ai-sticky-tabs-list-"] {
    justify-content: flex-start !important;
    gap: 18px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  [class^="ai-sticky-tabs-list-"]::-webkit-scrollbar {
    display: none !important;
  }

  [class^="ai-sticky-tabs-item-"] {
    flex: 0 0 auto !important;
  }

  [class^="ai-sticky-tabs-link-"] {
    font-size: 13px !important;
    letter-spacing: 1.1px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
  }

  [class^="ai-sticky-tabs-product-count-"] {
    font-size: 10px !important;
    margin-left: 4px !important;
  }
}

/* Add Hats / Belts / Accessories to drawer standalone collection styling */
.drawer-flat-menu__single[href="/collections/hats"],
.drawer-flat-menu__single[href="/collections/belts"],
.drawer-flat-menu__single[href="/collections/accessories"] {
  position: relative !important;
  text-decoration: none !important;
}

/* Remove any text-decoration underline from the arrow */
.drawer-flat-menu__single[href="/collections/hats"]::after,
.drawer-flat-menu__single[href="/collections/belts"]::after,
.drawer-flat-menu__single[href="/collections/accessories"]::after {
  text-decoration: none !important;
}

/* Gold hover underline */
.drawer-flat-menu__single[href="/collections/hats"]::before,
.drawer-flat-menu__single[href="/collections/belts"]::before,
.drawer-flat-menu__single[href="/collections/accessories"]::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 4px !important;
  height: 1px !important;
  background: #F1CF54 !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.28s ease !important;
  pointer-events: none !important;
  display: block !important;
}

/* Exact word-width underline */
.drawer-flat-menu__single[href="/collections/hats"]::before {
  width: 44px !important;
}

.drawer-flat-menu__single[href="/collections/belts"]::before {
  width: 48px !important;
}

.drawer-flat-menu__single[href="/collections/accessories"]::before {
  width: 112px !important;
}

/* Show underline on hover */
.drawer-flat-menu__single[href="/collections/hats"]:hover::before,
.drawer-flat-menu__single[href="/collections/belts"]:hover::before,
.drawer-flat-menu__single[href="/collections/accessories"]:hover::before {
  transform: scaleX(1) !important;
}

@media screen and (max-width: 749px) {
  /* Default: no bottom sticky ATC */
  [class*="ai-roulette-floating-icon"],
  [class*="roulette-floating-icon"] {
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    right: 18px !important;
    left: auto !important;
    z-index: 99998 !important;
  }

  [class*="ai-music-player"],
  [class*="music-player"] {
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    right: 18px !important;
    left: auto !important;
    z-index: 99999 !important;
  }

  /* Music icon size */
  [class*="ai-music-player"] button,
  [class*="music-player"] button,
  [class*="ai-music-player"] img,
  [class*="music-player"] img {
    width: 64px !important;
    height: 64px !important;
  }

  /* When sticky ATC is visible at the bottom */
  body.enx-sticky-atc-bottom-visible [class*="ai-roulette-floating-icon"],
  body.enx-sticky-atc-bottom-visible [class*="roulette-floating-icon"] {
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }

  body.enx-sticky-atc-bottom-visible [class*="ai-music-player"],
  body.enx-sticky-atc-bottom-visible [class*="music-player"] {
    bottom: calc(144px + env(safe-area-inset-bottom)) !important;
  }
}

@media screen and (min-width: 750px) {
  /* Roulette stays bottom right */
  [class*="ai-roulette-floating-icon"],
  [class*="roulette-floating-icon"] {
    bottom: calc(22px + env(safe-area-inset-bottom)) !important;
    right: 22px !important;
    left: auto !important;
    z-index: 99998 !important;
  }

  /* Music player stacks above roulette on desktop */
  [class*="ai-music-player"],
  [class*="music-player"] {
    bottom: calc(98px + env(safe-area-inset-bottom)) !important;
    right: 22px !important;
    left: auto !important;
    z-index: 99999 !important;
  }
}

@media screen and (min-width: 750px) {
  [class*="ai-music-player-bubble"] {
    bottom: 70px !important;
    right: -4px !important;
  }

  [class*="ai-music-player-bubble"]::after {
    right: 34px !important;
    bottom: -7px !important;
  }
}