/** Shopify CDN: Minification failed

Line 2190:31 Unexpected "/"

**/
/* =========================================================
   QUANTUM MOBILE SCROLL LOCK (STATEWIDE parity)
   - Prevent background page from scrolling when the drawer is open.
   - Uses the same .qt-lock-scroll mechanism as Quantum.
========================================================= */
html.qt-lock-scroll,
body.qt-lock-scroll{
  overflow: hidden !important;
  height: 100% !important;
}
body.qt-lock-scroll{
  position: fixed !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: var(--qt-scroll-top, 0px) !important;
}

/* =========================================
   QT OVERRIDES (LOADS LAST)
   - Full-width content_for_layout
   - Cart drawer off-canvas, readable
   - Quick View modal
   - Product Image Zoom (Lightbox)
   - Size chart / Product info modal
   ========================================= */

/* -----------------------------------------
   0A) GLOBAL BUTTON SYSTEM (THEME-WIDE)
   Goal:
   - QT buttons follow Theme settings > Buttons (Primary/Secondary)
   - Glow + focus ring use merchant-controlled settings
   Notes:
   - Primary colors come from theme.liquid:
       --qt-cart-primary-btn-bg / --qt-cart-primary-btn-text
   - Glow controls come from theme.liquid:
       --qt-btn-glow-enabled, --qt-btn-glow-color,
       --qt-btn-glow-strength, --qt-btn-glow-strength-hover
   - Focus ring comes from Theme setting:
       settings.focus_ring_color wired in theme.liquid (we’ll use --qt-focus-ring)
   ----------------------------------------- */

/* =====================================================
   QT TOKEN BRIDGE (FIXED — NO CIRCULAR VAR LOOPS)
   - Prevents JS fallbacks like #58f0ff from appearing
   - Makes Cart + Quick View read the same Primary tokens
   ===================================================== */
:root{
  /* PRIMARY: one-way mapping (NO self-reference / NO loops) */
  --qt-btn-primary-bg: var(--color-button);
  --qt-btn-primary-text: var(--color-button-text);
  --qt-btn-bg: var(--qt-btn-primary-bg);
  --qt-btn-text: var(--qt-btn-primary-text);

  /* SECONDARY (outline) — neutral */
  --qt-btn-secondary-bg: transparent;
  --qt-btn-secondary-text: currentColor;
  --qt-btn-secondary-border: rgba(15, 23, 42, 0.18);

  /* Hover/active */
  --qt-btn-hover-lift: -1px;
  --qt-btn-active-brightness: 0.98;

  /* Neutral shadows */
  --qt-btn-shadow: 0 14px 34px rgba(2, 6, 23, 0.10);
  --qt-btn-shadow-hover: 0 18px 44px rgba(2, 6, 23, 0.14);

  /* Focus ring (single token)
     Prefer our stable --qt-focus-ring from css-variables/theme.liquid if present.
     Fall back safely. */
  --qt-focus-ring: var(--color-focus, var(--color-focus-ring, #6CA0DC));
}

/* Ensure Product page buttons inherit merchant Primary (scoped theme root) */
.theme-quantum{
  --qt-btn-bg: var(--color-button);
  --qt-btn-text: var(--color-button-text);
}

/* Base QT button */
.qt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;

  padding: 0.85rem 1rem;
  border-radius: 999px;

  border: 1px solid var(--qt-btn-secondary-border);
  background: var(--qt-btn-secondary-bg);
  color: var(--qt-btn-secondary-text);

  text-decoration: none;
  font-weight: 850;
  letter-spacing: -0.01em;
  text-transform: none;

  cursor: pointer;
  user-select: none;

  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    transform 140ms ease,
    filter 140ms ease,
    box-shadow 140ms ease;

  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));

  appearance: none;
  -webkit-appearance: none;
}

.qt-btn:hover{
  transform: translateY(var(--qt-btn-hover-lift));
  box-shadow: var(--qt-btn-shadow);
}

.qt-btn:active{
  transform: translateY(0);
  filter: brightness(var(--qt-btn-active-brightness));
}

/* Focus ring should reference ONE token */
.qt-btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.85),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 35%, transparent);
}

/* Primary QT button (uses merchant glow settings) */
.qt-btn--primary{
  border-color: transparent;
  background: var(--qt-btn-primary-bg);
  color: var(--qt-btn-primary-text);

  /* Neutral shadow + optional glow */
  box-shadow:
    0 16px 40px rgba(2,6,23,0.14),
    0 0 44px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength, 0.28) * 100%), transparent);
}

.qt-btn--primary:hover{
  filter: saturate(1.02);
  box-shadow:
    0 18px 44px rgba(2,6,23,0.16),
    0 0 54px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength-hover, 0.38) * 100%), transparent);
}

.qt-btn--primary:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.12),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 40%, transparent),
    0 16px 40px rgba(2,6,23,0.14);
}

/* Explicit Secondary QT button (outline) */
.qt-btn--secondary{
  border-color: var(--qt-btn-secondary-border);
  background: transparent;
  color: var(--qt-btn-secondary-text);
}

/* Disabled */
.qt-btn[disabled],
.qt-btn[aria-disabled="true"]{
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Normalize common Shopify/Dawn-ish button classes if they appear */
.theme-quantum .button,
.theme-quantum .btn,
.theme-quantum .shopify-payment-button__button{
  border-radius: 999px;
  text-transform: none;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}

/* -----------------------------------------
   0) QUICK VIEW MODAL (GLOBAL)
   JS toggles: html/body.qt-qv-open + #qt-quick-view[aria-hidden]
   ----------------------------------------- */

html.qt-qv-open,
body.qt-qv-open {
  overflow: hidden;
}

#qt-quick-view {
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  visibility: hidden;
  pointer-events: none;
}

#qt-quick-view[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}

#qt-quick-view .qt-qv__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.62);
  opacity: 0;
  transition: opacity 180ms ease;
}

#qt-quick-view[aria-hidden="false"] .qt-qv__overlay {
  opacity: 1;
}

#qt-quick-view .qt-qv__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(980px, 92vw);
  max-height: min(86vh, 760px);
  transform: translate(-50%, -46%) scale(0.98);
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
  background: #ffffff;
  color: #0b1120;
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(2, 6, 23, 0.35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  outline: none;
  font-family: var(--qt-font-body, var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}

#qt-quick-view[aria-hidden="false"] .qt-qv__panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

#qt-quick-view .qt-qv__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 0.9rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
}

#qt-quick-view .qt-qv__title {
  margin: 0;
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  text-transform: none;
}

#qt-quick-view .qt-qv__close {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: rgba(255,255,255,0.96);
  color: #0b1120;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}

#qt-quick-view .qt-qv__close:hover {
  background: #ffffff;
}

#qt-quick-view .qt-qv__body {
  padding: 1rem;
  overflow: auto;
}

#qt-quick-view .qt-qv__loading {
  padding: 1.25rem;
  color: rgba(15, 23, 42, 0.72);
}

#qt-quick-view a,
#qt-quick-view a:visited {
  color: inherit;
  text-decoration-color: currentColor;
}

@media (max-width: 820px) {
  #qt-quick-view .qt-qv__panel {
    width: min(680px, 94vw);
    max-height: 88vh;
  }
}

@media (max-width: 520px) {
  #qt-quick-view .qt-qv__panel {
    width: 94vw;
    max-height: 90vh;
    border-radius: 16px;
  }

  #qt-quick-view .qt-qv__body {
    padding: 0.9rem;
  }
}

/* -----------------------------------------
   0B) QUICK VIEW TRIGGER BUTTON
   - Follow global Primary button colors + merchant glow settings
   ----------------------------------------- */

.qt-card__media { position: relative; }

.qt-qv-trigger{
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 4;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 11px 14px;
  border-radius: 999px;

  border: 1px solid color-mix(in srgb, var(--qt-btn-primary-bg) 35%, transparent);
  background: var(--qt-btn-primary-bg);
  color: var(--qt-btn-primary-text);

  font-weight: 800;
  font-size: 14px;
  letter-spacing: -0.01em;
  text-transform: none;

  cursor: pointer;
  user-select: none;

  box-shadow:
    0 18px 36px rgba(2,6,23,.22),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 44px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength, 0.28) * 100%), transparent);

  transform: translateY(0);
  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease, background-color 140ms ease;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}

/* ✅ REMOVE QUICK VIEW DOTS (fixes the “double dots”) */
.qt-qv-trigger::before{
  content: none !important;
  display: none !important;
}

/* If the trigger also contains a dot element, hide it too */
.qt-qv-trigger .qt-qv-dot{
  display: none !important;
}

.qt-qv-trigger:hover{
  transform: translateY(-1px);
  box-shadow:
    0 20px 44px rgba(2,6,23,.26),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 54px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength-hover, 0.38) * 100%), transparent);
}

.qt-qv-trigger:active{
  transform: translateY(0px);
  filter: saturate(1.03);
}

.qt-qv-trigger:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.12),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 40%, transparent),
    0 18px 36px rgba(2,6,23,.22);
}

@media (max-width: 750px){
  .qt-qv-trigger{ left: 12px; bottom: 12px; padding: 10px 12px; font-size: 13.5px; }
}

/* -----------------------------------------
   0C) FEATURED PRODUCTS — CTA PILLS (BUTTONS ONLY)
   Fix:
   - Do NOT style product title/image anchors as buttons
   - Only style real CTAs (buttons / submit / .button / .btn / .qt-btn / payment button)
   ----------------------------------------- */

.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section){
  /* scope only */
}

/* Typography normalization only for actual controls */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(button, input[type="submit"], input[type="button"], .button, .btn, .qt-btn, .shopify-payment-button__button){
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif))) !important;
  text-transform: none !important;
}

/* Ensure CTA links/buttons don’t look like underlined text */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(.button, .btn, .qt-btn, .shopify-payment-button__button, button, input[type="submit"], input[type="button"]){
  text-decoration: none !important;
}

/* Pill styling ONLY for CTA-like elements */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(.product-card, .card, .qt-card, .grid__item, .featured-products__item, .featured-products__card, .product-grid__item)
:where(button, input[type="submit"], input[type="button"], .button, .btn, .qt-btn){
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;

  padding: 0.85rem 1rem !important;
  min-height: 44px !important;

  border-radius: 999px !important;

  border: 1px solid var(--qt-btn-secondary-border) !important;
  background: var(--qt-btn-secondary-bg) !important;
  color: var(--qt-btn-secondary-text) !important;

  font-weight: 850 !important;
  letter-spacing: -0.01em !important;

  cursor: pointer !important;
  user-select: none !important;

  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    transform 140ms ease,
    filter 140ms ease,
    box-shadow 140ms ease !important;
}

.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(.product-card, .card, .qt-card, .grid__item, .featured-products__item, .featured-products__card, .product-grid__item)
:where(button, input[type="submit"], input[type="button"], .button, .btn, .qt-btn):hover{
  transform: translateY(var(--qt-btn-hover-lift)) !important;
  box-shadow: var(--qt-btn-shadow) !important;
}

.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(.product-card, .card, .qt-card, .grid__item, .featured-products__item, .featured-products__card, .product-grid__item)
:where(button, input[type="submit"], input[type="button"], .button, .btn, .qt-btn):active{
  transform: translateY(0) !important;
  filter: brightness(var(--qt-btn-active-brightness)) !important;
}

/* Buy now / Shopify payment button inside Featured Products */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section) .shopify-payment-button__button,
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section) .shopify-payment-button__button--unbranded{
  border-radius: 999px !important;
  border-color: transparent !important;
  background: var(--qt-btn-primary-bg) !important;
  color: var(--qt-btn-primary-text) !important;
  font-weight: 950 !important;

  box-shadow:
    0 16px 40px rgba(2,6,23,0.14),
    0 0 44px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength, 0.28) * 100%), transparent) !important;
}

.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section) .shopify-payment-button__button:hover,
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section) .shopify-payment-button__button--unbranded:hover{
  filter: saturate(1.02) !important;
  box-shadow:
    0 18px 44px rgba(2,6,23,0.16),
    0 0 54px color-mix(in srgb, var(--qt-btn-glow-color, var(--qt-btn-primary-bg)) calc(var(--qt-btn-glow-strength-hover, 0.38) * 100%), transparent) !important;
}

/* Focus ring uses the single token */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(button, input[type="submit"], input[type="button"], .button, .btn, .qt-btn, .shopify-payment-button__button):focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.85),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 35%, transparent) !important;
}

/* Disabled */
.theme-quantum :where(.featured-products, .qt-featured-products, .section-featured-products, .featured-products-section)
:where(button:disabled, input:disabled, .button[aria-disabled="true"], .btn[aria-disabled="true"], .qt-btn[aria-disabled="true"]){
  opacity: 0.55 !important;
  pointer-events: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* -----------------------------------------
   1) FULL-WIDTH MAIN CONTENT
   ----------------------------------------- */
.theme-quantum #MainContent {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.theme-quantum .page-width {
  width: 100% !important;
  max-width: none !important;
}

.theme-quantum .shopify-section {
  width: 100%;
}

.theme-quantum .shopify-section > .page-width {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* -----------------------------------------
   1B) MOBILE CENTERING (ANNOUNCEMENT + COUNTDOWN)
   ----------------------------------------- */
@media (max-width: 900px) {
  .announcement-bar__inner {
    justify-content: center !important;
    text-align: center !important;
  }

  .announcement-bar__text {
    text-align: center !important;
    width: 100%;
  }

  .qt-header-countdown {
    width: 100% !important;
  }

  .qt-header-countdown__inner {
    width: 100% !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .qt-header-countdown__item {
    min-width: 2.8rem;
  }

  .qt-header-countdown__separator {
    margin: 0 0.2rem;
  }
}

/* -----------------------------------------
   2) CART DRAWER (PREMIUM v1) — SINGLE SOURCE OF TRUTH
   ----------------------------------------- */

.cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: transparent;
  visibility: hidden;
  pointer-events: none;
  font-family: var(--qt-font-body, var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}

.cart-drawer[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}

html.cart-drawer-open,
body.cart-drawer-open {
  overflow: hidden;
}

.cart-drawer__overlay {
  position: absolute;
  inset: 0;
  background: var(--qt-cart-overlay-color, #000);
  opacity: 0;
  transition: opacity 180ms ease;
}

.cart-drawer[aria-hidden="false"] .cart-drawer__overlay,
html.cart-drawer-open .cart-drawer__overlay,
body.cart-drawer-open .cart-drawer__overlay {
  opacity: var(--qt-cart-overlay-opacity, 0.45);
}

.cart-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 92vw);
  background: var(--qt-cart-panel-bg, #fff);
  color: var(--qt-cart-panel-text, #111827);
  border-left: 1px solid var(--qt-cart-panel-border, rgba(15, 23, 42, 0.10));
  border-top-left-radius: var(--qt-cart-radius, 18px);
  border-bottom-left-radius: var(--qt-cart-radius, 18px);
  box-shadow: -24px 0 60px rgba(15, 23, 42, 0.22);
  transform: translateX(104%);
  transition: transform 220ms ease;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  outline: none;
}

.cart-drawer[aria-hidden="false"] .cart-drawer__panel,
html.cart-drawer-open .cart-drawer__panel,
body.cart-drawer-open .cart-drawer__panel {
  transform: translateX(0);
}

/* Header */
.cart-drawer__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 1.05rem 1rem 0.95rem;
  border-bottom: 1px solid rgba(15,23,42,0.10);
  background: var(--qt-cart-panel-bg, #fff);
}

.cart-drawer__title{
  margin:0;
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
  font-size: 1.05rem;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.cart-drawer__close{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,0.16);
  background: rgba(255,255,255,0.96);
  color: var(--qt-cart-panel-text, #111827);
  cursor: pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 1.6rem;
  line-height: 1;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}
.cart-drawer__close:hover{ background:#fff; }

/* Body scroll container */
.cart-drawer__body{
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}

/* Content wrapper */
.cart-drawer__content{
  padding: 0.95rem 1rem 1.1rem;
}

/* Empty state */
.cart-drawer__empty{
  margin: 0 0 0.95rem;
  color: rgba(15,23,42,0.78);
  line-height: 1.55;
}
.cart-drawer__continue{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(15,23,42,0.14);
  text-decoration: none;
  font-weight: 750;
  background: #fff;
  color: inherit;
}

/* Items list (remove bullets!) */
.cart-drawer__items{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.9rem;
}

.cart-drawer__item{
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 0.85rem;
  padding: 0.85rem;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.72);
  box-shadow: 0 14px 28px rgba(2,6,23,0.06);
}

.cart-drawer__image{
  width: 72px;
  height: 72px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(15,23,42,0.06);
  display:block;
}
.cart-drawer__image img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.cart-drawer__item-info{
  min-width: 0;
  display:flex;
  flex-direction: column;
}

.cart-drawer__item-title{
  font-weight: 850;
  letter-spacing: -0.01em;
  text-decoration: none;
  color: inherit;
  line-height: 1.25;
  margin-bottom: 0.2rem;
}
.cart-drawer__item-title:hover{
  text-decoration: underline;
  text-decoration-color: rgba(15,23,42,0.25);
}

.cart-drawer__item-variant{
  font-size: 0.88rem;
  color: rgba(15,23,42,0.62);
  margin-bottom: 0.55rem;
}

.cart-drawer__qty-row{
  display:flex;
  align-items:center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}

.cart-drawer__qty-label{
  font-size: 0.82rem;
  color: rgba(15,23,42,0.62);
  font-weight: 700;
}

.cart-drawer__qty{
  display:inline-flex;
  align-items:center;
  border: 1px solid rgba(15,23,42,0.14);
  border-radius: 999px;
  overflow:hidden;
  background:#fff;
}

.cart-drawer__qty-btn{
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: rgba(15,23,42,0.92);
}
.cart-drawer__qty-btn:hover{
  background: rgba(15,23,42,0.04);
}

.cart-drawer__qty-input{
  width: 52px;
  height: 36px;
  border: 0;
  text-align: center;
  font: inherit;
  font-weight: 750;
  outline: none;
  background: transparent;
  color: rgba(15,23,42,0.92);
}

.cart-drawer__remove{
  margin-left: auto;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgba(15,23,42,0.62);
  font-weight: 750;
  text-decoration: underline;
  text-decoration-color: rgba(15,23,42,0.22);
  padding: 0.25rem 0.15rem;
}
.cart-drawer__remove:hover{
  color: rgba(15,23,42,0.82);
  text-decoration-color: rgba(15,23,42,0.35);
}

.cart-drawer__item-price{
  margin-top: 0.6rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

/* Note */
.cart-drawer__note{
  margin-top: 1rem;
  padding: 0.95rem;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.70);
}

.cart-drawer__note-label{
  display:block;
  font-weight: 850;
  margin-bottom: 0.55rem;
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
}

.cart-drawer__note-textarea{
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.14);
  padding: 0.75rem 0.8rem;
  font: inherit;
  background: #fff;
  outline: none;
}
.cart-drawer__note-textarea:focus{
  border-color: color-mix(in srgb, var(--qt-btn-primary-bg) 55%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--qt-btn-primary-bg) 18%, transparent);
}

.cart-drawer__note-status{
  margin-top: 0.45rem;
  font-size: 0.85rem;
  color: rgba(15,23,42,0.60);
  min-height: 1.1em;
}

/* Footer */
.cart-drawer__footer{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15,23,42,0.08);
}

/* Gift wrap block */
.cart-drawer__gift{
  margin: 0.95rem 0 0.85rem;
  padding: 0.9rem;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.70);
}

/* Subtotal + shipping */
.cart-drawer__subtotal{
  display:flex;
  justify-content:space-between;
  align-items: baseline;
  padding: 0.85rem 0;
  font-weight: 800;
}
.cart-drawer__subtotal strong{
  font-weight: 950;
  letter-spacing: -0.01em;
}

.cart-drawer__shipping{
  margin-top: -0.15rem;
  color: rgba(15,23,42,0.62);
  font-size: 0.92rem;
  line-height: 1.4;
}

/* Actions */
.cart-drawer__actions{
  display:grid;
  gap: 0.55rem;
  margin-top: 0.95rem;
}

.cart-drawer__view-cart{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  padding: 0.85rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,0.16);
  background: #fff;
  color: inherit;
  text-decoration:none;
  font-weight: 850;
}

.cart-drawer__checkout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  padding: 0.92rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,0.16);
  background: var(--qt-btn-primary-bg);
  color: var(--qt-btn-primary-text);
  text-decoration:none;
  font-weight: 950;
  box-shadow: 0 16px 40px rgba(2,6,23,0.14);
}

.cart-drawer__checkout:hover{
  filter: saturate(1.02);
}

@media (max-width: 520px){
  .cart-drawer__panel{ width: 92vw; }
  .cart-drawer__content{ padding: 0.85rem 0.85rem 1rem; }
  .cart-drawer__item{ grid-template-columns: 66px minmax(0,1fr); padding: 0.8rem; }
  .cart-drawer__image{ width:66px; height:66px; }
}

/* -----------------------------------------
   2B) CART PAGE BUTTONS (FORCE GLOBAL TOKENS)
   - Fixes the random blue checkout / weird red outline behavior on /cart
   ----------------------------------------- */

.theme-quantum form[action="/cart"] button[name="checkout"],
.theme-quantum .cart__ctas button[name="checkout"],
.theme-quantum .cart__checkout-button,
.theme-quantum .cart__footer button[name="checkout"]{
  background: var(--qt-btn-primary-bg) !important;
  color: var(--qt-btn-primary-text) !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 40px rgba(2,6,23,0.14) !important;
}

.theme-quantum form[action="/cart"] button[name="update"],
.theme-quantum form[action="/cart"] button[type="submit"]:not([name="checkout"]),
.theme-quantum .cart__ctas .button:not([name="checkout"]){
  background: transparent !important;
  color: currentColor !important;
  border: 1px solid var(--qt-btn-secondary-border) !important;
  border-radius: 999px !important;
}

/* -----------------------------------------
   2X) HEADER DROPDOWN (PRESTIGE SPACING — MORE MENU)
   Targets: ul.qt-header-submenu.qt-header-submenu--more
   ----------------------------------------- */

.header ul.qt-header-submenu.qt-header-submenu--more{
  /* Prestige: add breathing room + drop it slightly */
  padding: 12px 0 !important;
  transform: translateY(10px) !important; /* works even if positioning ignores margin */
}

/* LOCKED — MORE DROPDOWN (PRESTIGE BEHAVIOUR)
   Stable, hover-safe, no layout jump.
   Verified in Statewide. */

/* -----------------------------------------
   2X-A) HEADER DROPDOWN — STOPS DISAPPEARING (PRESTIGE SAFE)
   Fixes hover-gap caused by translateY spacing.
   - Uses margin-top instead of transform (no hover dead-zone)
   - Adds an invisible “hover bridge” above the submenu
   - Ensures submenu stays open when hovered
   ----------------------------------------- */

/* Ensure the “More” parent can anchor hover rules safely */
header .qt-header-menu-item--more,
.header .qt-header-menu-item--more{
  position: relative !important;
}

/* The submenu container */
header ul.qt-header-submenu.qt-header-submenu--more,
.header ul.qt-header-submenu.qt-header-submenu--more{
  /* IMPORTANT: don’t use transform here (it creates the hover gap) */
  transform: none !important;
  margin-top: 0px !important;

  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Invisible “hover bridge” so moving from More → dropdown never breaks hover */
header ul.qt-header-submenu.qt-header-submenu--more::before,
.header ul.qt-header-submenu.qt-header-submenu--more::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -12px !important;
  height: 12px !important;
  background: transparent !important;
}

/* Make each row full width */
header ul.qt-header-submenu.qt-header-submenu--more li.qt-header-menu-item,
.header ul.qt-header-submenu.qt-header-submenu--more li.qt-header-menu-item{
  display: block !important;
  width: 100% !important;
}

/* Make the link fill the full row */
header ul.qt-header-submenu.qt-header-submenu--more a.qt-header-menu-link,
.header ul.qt-header-submenu.qt-header-submenu--more a.qt-header-menu-link{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 18px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* Keep it open while you’re over the dropdown (prevents vanish on click) */
header .qt-header-menu-item--more:hover ul.qt-header-submenu--more,
header ul.qt-header-submenu--more:hover,
.header .qt-header-menu-item--more:hover ul.qt-header-submenu--more,
.header ul.qt-header-submenu--more:hover{
  pointer-events: auto !important;
}

/* Prevent the “More” trigger from shifting when submenu opens */
header .qt-header-menu-item--more ul.qt-header-submenu--more,
.header .qt-header-menu-item--more ul.qt-header-submenu--more{
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 12px) !important; /* Prestige gap */
  margin-top: 0 !important;          /* stop layout jump */
}

/* -----------------------------------------
   2X-B) MORE DROPDOWN — HOVER BRIDGE (STOP VANISH)
   Creates an invisible strip between the button and the dropdown.
   ----------------------------------------- */

header .qt-header-menu-item--more::after,
.header .qt-header-menu-item--more::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  height: 12px !important;        /* must match the dropdown gap */
  background: transparent !important;
}

/* -----------------------------------------
   2X-C) MORE DROPDOWN — USE HEADER SECTION COLOURS (QS FIX)
   Forces the “More” dropdown to follow the Header settings:
   --qt-dd-bg / --qt-dd-text / --qt-dd-hover-bg / --qt-dd-hover-text
   Also keeps it away from the right viewport edge on desktop.
   ----------------------------------------- */

header .qt-header-menu-item--more ul.qt-header-submenu--more,
.header .qt-header-menu-item--more ul.qt-header-submenu--more{
  background: var(--qt-dd-bg, #ffffff) !important;
  color: var(--qt-dd-text, #111111) !important;

  /* Optional but Prestige-ish polish */
  border: 1px solid color-mix(in srgb, var(--qt-dd-text, #111111) 18%, transparent) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.18) !important;
  overflow: hidden !important;
}

/* Links inherit dropdown text colour */
header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link,
.header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link{
  color: inherit !important;
}

/* Hover colours follow the Header settings */
header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link:hover,
header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link:focus-visible,
.header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link:hover,
.header .qt-header-menu-item--more ul.qt-header-submenu--more a.qt-header-menu-link:focus-visible{
  background: var(--qt-dd-hover-bg, var(--qt-dd-bg, #ffffff)) !important;
  color: var(--qt-dd-hover-text, var(--qt-dd-text, #111111)) !important;
  outline: none !important;
}

/* Desktop: keep the dropdown inside the viewport (More is usually near the right) */
@media (min-width: 990px){
  header .qt-header-menu-item--more ul.qt-header-submenu--more,
  .header .qt-header-menu-item--more ul.qt-header-submenu--more{
    right: 0 !important;
    left: auto !important;
  }
}

/* -----------------------------------------
   3) HEADER CART BADGE
   ----------------------------------------- */
.qt-header-icon-link--cart,
a[data-cart-toggle] {
  position: relative;
}

.qt-header-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  background: #f97316;
  color: #020617;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
}

.qt-header-cart-count[data-cart-count-hidden="true"] {
  display: none !important;
}

/* -----------------------------------------
   4) FOOTER LINK COLOR OVERRIDE
   ----------------------------------------- */
footer a,
footer a:visited,
footer .qt-footer a,
footer .qt-footer a:visited {
  color: inherit !important;
  text-decoration-color: currentColor;
}

footer a:hover,
footer .qt-footer a:hover {
  color: inherit !important;
  opacity: 0.92;
}

/* -----------------------------------------
   5) BREADCRUMBS (GLOBAL)
   ----------------------------------------- */
.qt-breadcrumbs {
  margin: 0 0 0.85rem;
}

.qt-breadcrumbs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.qt-breadcrumbs__item {
  font-size: 0.88rem;
  line-height: 1.2;
  color: rgba(17, 24, 39, 0.78);
}

.qt-breadcrumbs__sep {
  font-size: 0.88rem;
  line-height: 1.2;
  color: rgba(17, 24, 39, 0.40);
}

.qt-breadcrumbs__link {
  color: rgba(17, 24, 39, 0.78);
  text-decoration: none;
}

.qt-breadcrumbs__link:hover {
  text-decoration: underline;
}

.qt-breadcrumbs__item--current {
  color: rgba(17, 24, 39, 0.92);
  font-weight: 600;
}

/* =========================================
   6) PRODUCT IMAGE ZOOM (LIGHTBOX)
   ========================================= */

html.qt-zoom-open,
body.qt-zoom-open {
  overflow: hidden;
}

[data-qt-product][data-qt-zoom-enabled="true"] [data-qt-media-main] img.qt-zoomable-image {
  cursor: zoom-in;
}

#qt-image-zoom {
  position: fixed;
  inset: 0;
  z-index: 999998 !important;
  visibility: hidden;
  pointer-events: none;
}

#qt-image-zoom[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}

#qt-image-zoom .qt-zoom__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
  opacity: 0;
  transition: opacity 180ms ease;
}

#qt-image-zoom[aria-hidden="false"] .qt-zoom__overlay {
  opacity: 1;
}

#qt-image-zoom .qt-zoom__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1200px, 94vw);
  max-height: 90vh;
  transform: translate(-50%, -46%) scale(0.98);
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
  background: #ffffff;
  color: #0b1120;
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(2, 6, 23, 0.45);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  outline: none;
  font-family: var(--qt-font-body, var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}

#qt-image-zoom[aria-hidden="false"] .qt-zoom__panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

#qt-image-zoom .qt-zoom__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.95rem 1rem 0.85rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
}

#qt-image-zoom .qt-zoom__title {
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

#qt-image-zoom .qt-zoom__close {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: rgba(255,255,255,0.96);
  color: #0b1120;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}

#qt-image-zoom .qt-zoom__body {
  padding: 0.9rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}

#qt-image-zoom .qt-zoom__stage {
  width: 100%;
  display: grid;
  place-items: center;
}

#qt-image-zoom .qt-zoom__img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  background: #0b1120;
}

@media (min-width: 900px) {
  #qt-image-zoom .qt-zoom__img {
    max-height: 76vh;
  }
}

@media (max-width: 520px) {
  #qt-image-zoom .qt-zoom__panel {
    width: 94vw;
    max-height: 92vh;
    border-radius: 16px;
  }

  #qt-image-zoom .qt-zoom__body {
    padding: 0.75rem;
  }
}

/* =========================================
   7) SIZE CHART / PRODUCT INFO MODAL (GLOBAL)
   ========================================= */

html.qt-info-open,
body.qt-info-open {
  overflow: hidden;
}

#qt-info-modal {
  position: fixed;
  inset: 0;
  z-index: 999997 !important;
  visibility: hidden;
  pointer-events: none;
}

#qt-info-modal[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}

#qt-info-modal .qt-info__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.66);
  opacity: 0;
  transition: opacity 180ms ease;
}

#qt-info-modal[aria-hidden="false"] .qt-info__overlay {
  opacity: 1;
}

#qt-info-modal .qt-info__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(860px, 92vw);
  max-height: 88vh;
  transform: translate(-50%, -46%) scale(0.98);
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
  background: #ffffff;
  color: #0b1120;
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(2, 6, 23, 0.40);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  outline: none;
  font-family: var(--qt-font-body, var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}

#qt-info-modal[aria-hidden="false"] .qt-info__panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

#qt-info-modal .qt-info__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.95rem 1rem 0.85rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
}

#qt-info-modal .qt-info__title {
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
  font-weight: 850;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

#qt-info-modal .qt-info__close {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: rgba(255,255,255,0.96);
  color: #0b1120;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
  font-family: var(--qt-font-button, var(--font-button, var(--qt-font-heading, system-ui, sans-serif)));
}

#qt-info-modal .qt-info__body {
  padding: 1rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Make typical metafield-richtext output look premium */
#qt-info-modal .qt-info__body :where(h1,h2,h3) {
  font-family: var(--qt-font-heading, var(--font-heading, system-ui, sans-serif));
  letter-spacing: -0.02em;
  margin: 0.2rem 0 0.65rem;
}

#qt-info-modal .qt-info__body :where(h2) { font-size: 1.25rem; font-weight: 850; }
#qt-info-modal .qt-info__body :where(h3) { font-size: 1.05rem; font-weight: 800; }

#qt-info-modal .qt-info__body :where(p,li) {
  line-height: 1.65;
  margin: 0 0 0.75rem;
  color: rgba(15, 23, 42, 0.90);
}

#qt-info-modal .qt-info__body :where(ul,ol) {
  padding-left: 1.1rem;
  margin: 0 0 0.9rem;
}

#qt-info-modal .qt-info__body :where(a) {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(15, 23, 42, 0.35);
}

#qt-info-modal .qt-info__body :where(table) {
  width: 100%;
  border-collapse: collapse;
  margin: 0.75rem 0 1rem;
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 14px;
  overflow: hidden;
}

#qt-info-modal .qt-info__body :where(th,td) {
  padding: 0.7rem 0.8rem;
  border-bottom: 1px solid rgba(15,23,42,0.08);
  vertical-align: top;
}

#qt-info-modal .qt-info__body :where(th) {
  background: rgba(15,23,42,0.04);
  font-weight: 800;
  text-align: left;
}

#qt-info-modal .qt-info__body :where(tr:last-child td) {
  border-bottom: 0;
}

@media (max-width: 520px) {
  #qt-info-modal .qt-info__panel {
    width: 94vw;
    max-height: 90vh;
    border-radius: 16px;
  }

  #qt-info-modal .qt-info__body {
    padding: 0.9rem;
  }
}

/* Price text should not look clickable (Recently viewed / Recommended only) */
.qt-card .money,
.qt-card .price,
.qt-card .product-price,
.qt-card [class*="price"],
.qt-card a .money,
.qt-card a .price {
  text-decoration: none !important;
  cursor: default !important;
}

/* =========================================================
   Quick view pill — force readable on ALL product card backgrounds
   Targets Recently viewed / Recommended without touching Featured Products
   ========================================================= */

/* Base + all interaction states */
.qt-card .qt-qv-trigger,
.qt-card .qt-qv-trigger:hover,
.qt-card .qt-qv-trigger:focus,
.qt-card .qt-qv-trigger:focus-visible,
.qt-card .qt-qv-trigger:active,
.qt-card button[data-qt-quick-view],
.qt-card button[data-qt-quick-view]:hover,
.qt-card button[data-qt-quick-view]:focus,
.qt-card button[data-qt-quick-view]:focus-visible,
.qt-card button[data-qt-quick-view]:active,
.qt-card button[data-qt-quickview],
.qt-card button[data-qt-quickview]:hover,
.qt-card button[data-qt-quickview]:focus,
.qt-card button[data-qt-quickview]:focus-visible,
.qt-card button[data-qt-quickview]:active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-decoration: none !important;

  /* FORCE a readable pill no matter what the card colours are */
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
  color: #050816 !important;
  -webkit-text-fill-color: #050816 !important;

  position: relative;
  z-index: 10;
}

/* Force text inside the pill (this is the bit that usually “vanishes”) */
.qt-card .qt-qv-trigger *,
.qt-card button[data-qt-quick-view] *,
.qt-card button[data-qt-quickview] * {
  color: #050816 !important;
  -webkit-text-fill-color: #050816 !important;
  text-decoration: none !important;
}

/* Keep the dot visible but subtle (in case markup adds one — we hide it anyway above) */
.qt-card .qt-qv-trigger .qt-qv-dot {
  display: none !important;
}

/* =========================================================
   NUCLEAR FIX: Quick view text disappearing on dark cards
   Forces visible text/background on all states + disables blend modes
   Scoped to qt-card only
   ========================================================= */

.qt-card .qt-qv-trigger,
.qt-card .qt-qv-trigger:hover,
.qt-card .qt-qv-trigger:focus,
.qt-card .qt-qv-trigger:focus-visible,
.qt-card .qt-qv-trigger:active,
.qt-card button[data-qt-quick-view],
.qt-card button[data-qt-quick-view]:hover,
.qt-card button[data-qt-quick-view]:focus,
.qt-card button[data-qt-quick-view]:focus-visible,
.qt-card button[data-qt-quick-view]:active,
.qt-card button[data-qt-quickview],
.qt-card button[data-qt-quickview]:hover,
.qt-card button[data-qt-quickview]:focus,
.qt-card button[data-qt-quickview]:focus-visible,
.qt-card button[data-qt-quickview]:active {
  /* stop "pressed" effects */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;

  /* stop blend tricks that make text vanish on dark */
  mix-blend-mode: normal !important;

  /* force readable pill */
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(15,23,42,0.18) !important;

  /* force readable text */
  color: #050816 !important;
  -webkit-text-fill-color: #050816 !important;
}

.qt-card .qt-qv-trigger *,
.qt-card button[data-qt-quick-view] *,
.qt-card button[data-qt-quickview] * {
  /* if the theme hides children on active, this defeats it */
  opacity: 1 !important;
  visibility: visible !important;
  color: #050816 !important;
  -webkit-text-fill-color: #050816 !important;
  mix-blend-mode: normal !important;
}

/* also prevent any underline/“link-like” styling on the pill text */
.qt-card .qt-qv-trigger,
.qt-card .qt-qv-trigger * {
  text-decoration: none !important;
}

/* =========================================================
   FIX: Quick view button disappearing on click
   Targets Recently viewed / Recommended button class only
   ========================================================= */

.qt-product-card__quickview,
.qt-product-card__quickview:visited{
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;

  background: rgba(255,255,255,0.96) !important;
  color: #0b1120 !important;
  -webkit-text-fill-color: #0b1120 !important;

  border: 1px solid rgba(15,23,42,0.18) !important;
  text-decoration: none !important;
}

/* Critical: stop “active” state making it vanish */
.qt-product-card__quickview:hover,
.qt-product-card__quickview:focus,
.qt-product-card__quickview:focus-visible,
.qt-product-card__quickview:active{
  opacity: 1 !important;
  visibility: visible !important;

  background: rgba(255,255,255,0.96) !important;
  color: #0b1120 !important;
  -webkit-text-fill-color: #0b1120 !important;

  text-decoration: none !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* If the card is set dark, invert the pill (so text never “blends in”) */
.qt-product-card[style*="background: #0"],
.qt-product-card[style*="background:#0"],
.qt-product-card.is-dark,
.qt-product-card[data-scheme="dark"]{
  /* no direct styles — used as a hook */
}

.qt-product-card.is-dark .qt-product-card__quickview,
.qt-product-card[data-scheme="dark"] .qt-product-card__quickview{
  background: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.26) !important;
}

.qt-product-card.is-dark .qt-product-card__quickview:hover,
.qt-product-card.is-dark .qt-product-card__quickview:active,
.qt-product-card.is-dark .qt-product-card__quickview:focus-visible,
.qt-product-card[data-scheme="dark"] .qt-product-card__quickview:hover,
.qt-product-card[data-scheme="dark"] .qt-product-card__quickview:active,
.qt-product-card[data-scheme="dark"] .qt-product-card__quickview:focus-visible{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

/* Price should not look/feel clickable (Recently viewed / Recommended only) */
.qt-product-card__price a,
.qt-product-card__price a *{
  text-decoration: none !important;
  cursor: default !important;
  pointer-events: none !important;
}

.qt-product-card__price a,
.qt-product-card__price a:visited,
.qt-product-card__price a:hover,
.qt-product-card__price a:active,
.qt-product-card__price a:focus{
  text-decoration: none !important;
  cursor: default !important;
}

/* If the theme wraps the money in link-styled spans
   NOTE: do NOT remove compare-at strike-through */
.qt-product-card__price .money,
.qt-product-card__price [class*="money"],
.qt-product-card__price [class*="price"]:not(.qt-product-card__price--compare){
  text-decoration: none !important;
  cursor: default !important;
}

/* Force compare-at to stay struck through (beats the rule above) */
.qt-product-card__price--compare,
.qt-product-card__price--compare .money,
.qt-product-card__price--compare s,
.qt-product-card__price--compare del{
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
}

/* Optional: if the price itself is accidentally an <a>, make it non-clickable
   (does NOT affect the rest of the card click area) */
.qt-product-card__price a{
  pointer-events: none !important;
}

/* =====================================================
   Force compare-at strike-through for qt-product-card
   (Continue shopping / collection grids)
   ===================================================== */
.qt-product-card__price--compare,
.qt-product-card__price--compare .money,
.qt-product-card__price--compare s,
.qt-product-card__price--compare del {
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
}

/* =========================================================
   FIX: Recently Viewed / Recommended mini cards
   Remove underline from the whole mini-card link so price
   never looks like a link (and keep click behavior intact)
   ========================================================= */

a.qt-mini-card,
a.qt-mini-card:visited,
a.qt-mini-card:hover,
a.qt-mini-card:focus,
a.qt-mini-card:active {
  text-decoration: none !important;
}

/* Mini cards: remove underline everywhere, then re-apply strike only */
a.qt-mini-card,
a.qt-mini-card:hover,
a.qt-mini-card:focus,
a.qt-mini-card:active {
  text-decoration: none !important;
}

a.qt-mini-card .qt-mini-card__price,
a.qt-mini-card .qt-mini-card__price * {
  text-decoration: none !important;
  cursor: default !important;
}

/* Keep compare-at price crossed out */
a.qt-mini-card .qt-mini-card__compare {
  text-decoration: line-through !important;
}

a.qt-mini-card .qt-mini-card__title,
a.qt-mini-card .qt-mini-card__title * {
  text-decoration: none !important;
}

/* When there are two prices, strike the second one */
.qt-mini-card__price span:last-child {
  text-decoration: line-through;
  opacity: 0.55;
  margin-left: 6px;
}

/* Ensure the main price stays clean */
.qt-mini-card__price span:first-child {
  text-decoration: none;
}

/* =========================================================
   Cart Drawer — Trust badges (Prestige-style “card”)
   SAFE: CSS-only, scoped to #cart-drawer .cart-drawer__trust
   ========================================================= */

#cart-drawer .cart-drawer__trust{
  border: 1px solid rgba(15,23,42,0.14) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.92),
    rgba(255,255,255,0.75)
  ) !important;
  box-shadow: 0 12px 28px rgba(2,6,23,0.08) !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* Each line: icon + text alignment */
#cart-drawer .cart-drawer__trust-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}

/* Subtle divider between lines */
#cart-drawer .cart-drawer__trust-item + .cart-drawer__trust-item{
  border-top: 1px solid rgba(15,23,42,0.08);
}

/* Icon sizing */
#cart-drawer .cart-drawer__trust-icon{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: 0.9;
}

/* Text polish */
#cart-drawer .cart-drawer__trust-item span{
  font-weight: 650;
  letter-spacing: -0.01em;
}

/* Slightly tighter on small screens */
@media (max-width: 520px){
  #cart-drawer .cart-drawer__trust{
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }
}

/* =========================================================
   Cart Drawer — Gift wrap block (Prestige-style polish)
   SAFE: CSS-only, scoped to .cart-drawer__gift
   ========================================================= */

#cart-drawer .cart-drawer__gift{
  border: 1px solid rgba(15,23,42,0.14) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.92),
    rgba(255,255,255,0.75)
  ) !important;
  box-shadow: 0 12px 28px rgba(2,6,23,0.10) !important;
}

/* Checkbox row alignment */
#cart-drawer .cart-drawer__gift-toggle{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 650;
}

/* Checkbox: cleaner */
#cart-drawer .cart-drawer__gift-toggle input[type="checkbox"]{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  accent-color: var(--qt-focus-ring, #6CA0DC);
}

/* Tip text: softer */
#cart-drawer .cart-drawer__gift-hint{
  color: rgba(15,23,42,0.72);
  font-size: 0.92rem;
  line-height: 1.25;
  margin-top: 6px;
}

/* Stepper polish */
#cart-drawer .cart-drawer__gift-qty input[type="number"]{
  border: 1px solid rgba(15,23,42,0.14);
  background: rgba(255,255,255,0.92);
  min-height: 34px;
  border-radius: 12px;
}

#cart-drawer .cart-drawer__gift-qty button{
  border: 1px solid rgba(15,23,42,0.14);
  background: rgba(255,255,255,0.92);
  min-height: 34px;
  min-width: 34px;
  border-radius: 12px;
  box-shadow: none;
}

#cart-drawer .cart-drawer__gift-qty button:hover{
  background: rgba(255,255,255,1);
}

/* Focus ring consistent */
#cart-drawer .cart-drawer__gift :is(button, input):focus-visible{
  outline: 2px solid var(--qt-focus-ring, #6CA0DC);
  outline-offset: 2px;
}

/* =========================================================
   Cart drawer hierarchy polish (safe spacing + divider)
   ========================================================= */

#cart-drawer .cart-drawer__gift{
  margin-top: 0 !important;
}

#cart-drawer .cart-drawer__subtotal{
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(15,23,42,0.10) !important;
}

/* Quick View — bump button text size via the token (beats quantum.css cleanly) */
#qt-quick-view{
  --qt-button-text-size: 15px !important;
}

/* FORCE restore compare-at strike-through (beats section-injected CSS) */
[id^="shopify-section-"] .qt-card__price span[style*="line-through"],
[id^="shopify-section-"] .qt-card__price s,
[id^="shopify-section-"] .qt-card__price del{
  text-decoration: line-through !important;
}

/* =========================================================
   FINAL TOKEN BRIDGE (MUST BE LAST) — Product buttons inherit merchant Primary
   ========================================================= */
:root,
.theme-quantum{
  --qt-btn-bg: var(--color-button) !important;
  --qt-btn-text: var(--color-button-text) !important;
}

/* Product page ATC: force it to use the merchant Primary button tokens */
.theme-quantum .product__add-to-cart{
  --qt-btn-bg: var(--color-button) !important;
  --qt-btn-text: var(--color-button-text) !important;

  background: var(--qt-btn-bg) !important;
  color: var(--qt-btn-text) !important;
}

/* =====================================================
   QT FIX (A): FORCE compare-at strike-through everywhere
   - Works for QT cards, Recently Viewed/Recommended, and common Shopify price markup
   - Does NOT change clickable/underline rules (we’re not touching those here)
   ===================================================== */

/* Most common compare-at elements */
.qt-card__price s,
.qt-card__price del,
.qt-card__price .price__compare,
.qt-card__price .price__sale-compare,
.qt-card__price .price-item--regular,
.qt-card__price .price-item--compare,
.qt-card__price [class*="compare"],
.qt-card__price [data-compare-price],
.qt-card__price [data-compare],
.qt-card__price span[style*="line-through"],
.qt-card__price span[style*="text-decoration: line-through"],
.qt-card__price span[style*="text-decoration-line: line-through"] {
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: currentColor !important;
}

/* Safety: if a theme puts compare-at in a generic "money" span inside a compare wrapper */
.qt-card__price .compare .money,
.qt-card__price .compare-at .money,
.qt-card__price .was-price .money,
.qt-card__price .price__compare .money {
  text-decoration: line-through !important;
}

/* QT Press coverage – force premium mobile one-line behavior */
@media (max-width: 740px){
  .qt-press__row{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }

  .qt-press__row::-webkit-scrollbar{ height: 0 !important; }
  .qt-press__row{ scrollbar-width: none !important; }

  .qt-press__logos{
    justify-content: flex-start !important;
    gap: 18px !important;
    width: max-content !important;
    padding: 0 12px !important;
    flex-wrap: nowrap !important;
  }

  .qt-press__item{
    flex: 0 0 auto !important;
    min-width: 96px !important;
  }

  .qt-press__img{
    max-width: 120px !important;
    width: auto !important;
  }
}

@media (max-width: 420px){
  .qt-press__logos{ gap: 14px !important; padding: 0 10px !important; }
  .qt-press__item{ min-width: 86px !important; }
  .qt-press__img{ max-width: 110px !important; }
}

/* =========================================================
   404 PAGE — FORCE GLOBAL BUTTON TOKENS
   Fix: 404 CTA was using a hard-coded gradient instead of Theme settings.
   Scoped to .template-404 only (safe).
   ========================================================= */

.template-404 .button,
.template-404 .btn,
.template-404 a.button,
.template-404 a.btn {
  background: var(--qt-btn-primary-bg) !important;
  color: var(--qt-btn-primary-text) !important;
  border-color: transparent !important;
  text-decoration: none !important;
}

/* Kill any gradient-based button class used by the template */
.template-404 .button--gradient,
.template-404 .btn--gradient,
.template-404 [class*="gradient"] {
  background-image: none !important;
}

/* Hover/active keeps the same global feel without introducing new colours */
.template-404 .button:hover,
.template-404 .btn:hover,
.template-404 a.button:hover,
.template-404 a.btn:hover {
  filter: saturate(1.02) !important;
}

.template-404 .button:active,
.template-404 .btn:active,
.template-404 a.button:active,
.template-404 a.btn:active {
  filter: brightness(var(--qt-btn-active-brightness, 0.98)) !important;
}

/* Focus ring uses your single global token */
.template-404 .button:focus-visible,
.template-404 .btn:focus-visible,
.template-404 a.button:focus-visible,
.template-404 a.btn:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.85),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 35%, transparent) !important;
}

/* =========================================================
   404 PAGE — FORCE qt-404-button TO USE GLOBAL PRIMARY
   ========================================================= */

.template-404 a.qt-404-button,
.section-qt-404-section a.qt-404-button,
#shopify-section-template--404 a.qt-404-button {
  background: var(--qt-btn-primary-bg) !important;
  color: var(--qt-btn-primary-text) !important;
  border-color: transparent !important;
  background-image: none !important; /* kills gradients */
  text-decoration: none !important;
}

/* Hover/active */
.template-404 a.qt-404-button:hover,
.section-qt-404-section a.qt-404-button:hover {
  filter: saturate(1.02) !important;
}

.template-404 a.qt-404-button:active,
.section-qt-404-section a.qt-404-button:active {
  filter: brightness(var(--qt-btn-active-brightness, 0.98)) !important;
}

/* Focus ring (global token) */
.template-404 a.qt-404-button:focus-visible,
.section-qt-404-section a.qt-404-button:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.85),
    0 0 0 6px color-mix(in srgb, var(--qt-focus-ring) 35%, transparent) !important;
}

/* STATEWIDE: Collections grid — keep description stable (do not inherit link hover color) */
a.qt-collection-card p.qt-collection-card__desc,
a.qt-collection-card:hover p.qt-collection-card__desc,
a.qt-collection-card:focus-visible p.qt-collection-card__desc {
  color: var(--qt-collections-card-text, #4b5563) !important;
  text-decoration: none !important;
}

/* =========================================================
   FINAL HARD STOP — QS + STATEWIDE PARITY
   Replace EVERYTHING from your existing "FINAL HARD STOP"
   header to the END of qt-overrides.css with this block.
   ========================================================= */

/* ----------------------------

/* =========================================================
   WHOLESALE PANEL — LONG LINK TEXT + DESKTOP TAP TARGET FIX
   - Prevents long submenu link titles from distorting the panel
   - Gives desktop links a wider, easier-to-click tap area
   - Safe: scoped to .qt-wholesale-panel only
========================================================= */

@media (min-width: 990px){
  /* Prevent grid columns from forcing overflow/squash */
  header .qt-wholesale-panel .qt-wholesale-grid,
  .qt-wholesale-panel .qt-wholesale-grid{
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }

  header .qt-wholesale-panel .qt-wholesale-left,
  header .qt-wholesale-panel .qt-wholesale-right,
  .qt-wholesale-panel .qt-wholesale-left,
  .qt-wholesale-panel .qt-wholesale-right{
    min-width: 0;
  }

  /* All links inside the wholesale panel should wrap cleanly */
  header .qt-wholesale-panel a.qt-header-submenu-link,
  .qt-wholesale-panel a.qt-header-submenu-link{
    white-space: normal !important;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* Right column menu links: make them easier to click and allow 2 lines comfortably */
  header .qt-wholesale-panel .qt-wholesale-links > a.qt-header-submenu-link,
  .qt-wholesale-panel .qt-wholesale-links > a.qt-header-submenu-link{
    display: block !important;
    padding: 0.72rem 1.05rem !important;
    min-height: 44px; /* desktop click target */
  }

  /* Pill action links: keep wrap + spacing when titles are long */
  header .qt-wholesale-panel .qt-wholesale-actions > a.qt-header-submenu-link,
  .qt-wholesale-panel .qt-wholesale-actions > a.qt-header-submenu-link{
    white-space: normal !important;
    text-align: center;
    min-height: 44px;
  }
}



   FINAL HARD STOP — DROPDOWN COLORS
----------------------------- */
.qt-header-submenu,
.qt-header-submenu--more{
  background: var(--qt-dd-bg, #0F172A) !important;
}

.qt-header-submenu-link,
.qt-header-submenu--more .qt-header-submenu-link{
  color: var(--qt-dd-text, #F9FAFB) !important;
}

.qt-header-submenu-link:hover,
.qt-header-submenu-link:focus-visible,
.qt-header-submenu--more .qt-header-submenu-link:hover,
.qt-header-submenu--more .qt-header-submenu-link:focus-visible{
  background: var(--qt-dd-hover-bg, rgba(148,163,184,.16)) !important;
  color: var(--qt-dd-hover-text, #FFFFFF) !important;
  outline: none !important;
}

/* Stop generic header link rules from overriding submenu links */
.qt-header-submenu a,
.qt-header-submenu a:visited{
  color: var(--qt-dd-text, #F9FAFB) !important;
}

/* ----------------------------
   QS + STATEWIDE: "More" must be stable on desktop
   (prevents the "open then snaps back to none" behavior)
----------------------------- */
@media (min-width: 990px){

  /* Never let wrappers clip dropdown */
  .shopify-section-header,
  .header-wrapper,
  header,
  .header,
  .header.header--quantum,
  .qt-header,
  .qt-header-menu{
    overflow: visible !important;
  }

  /* Strong stacking context */
  /* Strong stacking context (SCOPED): keep only the Quantum site header elevated.
   Do NOT promote every semantic <header> tag on the page (collections/contact/etc.). */
header.header--quantum[data-qt-header],
.header.header--quantum[data-qt-header]{
  z-index: 5000 !important;
}


  .qt-header-menu-item--more{
    position: relative !important;
    z-index: 6000 !important;
  }

  /* CLOSED state (explicit + strong so we can reliably override it) */
  .qt-header-menu-item--more > .qt-header-submenu--more,
  .qt-header-menu-item--more > [data-more-menu]{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* OPEN state (cover +, ~, aria, class, hover/focus) */
  .qt-header-menu-item--more.qt-more-open > .qt-header-submenu--more,
  .qt-header-menu-item--more.qt-more-open > [data-more-menu],

  .qt-header-menu-item--more > [data-more-toggle][aria-expanded="true"] + .qt-header-submenu--more,
  .qt-header-menu-item--more > [data-more-toggle][aria-expanded="true"] + [data-more-menu],

  .qt-header-menu-item--more > [data-more-toggle][aria-expanded="true"] ~ .qt-header-submenu--more,
  .qt-header-menu-item--more > [data-more-toggle][aria-expanded="true"] ~ [data-more-menu],

  .qt-header-menu-item--more:hover > .qt-header-submenu--more,
  .qt-header-menu-item--more:focus-within > .qt-header-submenu--more{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 999999 !important;
  }

  /* Hover-gap bridge so cursor travel doesn't collapse it */
  .qt-header-menu-item--more > .qt-header-submenu--more::before,
  .qt-header-menu-item--more > [data-more-menu]::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -12px !important;
    height: 12px !important;
    background: transparent !important;
  }

  /* Ensure links remain clickable */
  .qt-header-submenu--more,
  .qt-header-submenu--more *,
  [data-more-menu],
  [data-more-menu] *{
    pointer-events: auto !important;
  }
}


/* =========================================================
   FIX: Collection / card headings turning "visited" color
   Merchant-safe: do NOT hard-code; just prevent :visited overriding
   ========================================================= */

/* Headings/titles typically set a color on the wrapper;
   force the visited link to inherit that same color. */
.qt-collection-card__title a:visited,
.collection-card__title a:visited,
.card__heading a:visited,
.card__information .full-unstyled-link:visited,
a.qt-collection-card:visited .qt-collection-card__title,
a.qt-collection-card:visited .qt-collection-card__title *{
  color: inherit !important;
}


/* =========================================================
   STATEWIDE — QS PARITY: Wholesale menu panel (prestige)
   Safe: scoped to header dropdown panel only
========================================================= */
header .qt-wholesale-panel { padding: 0 !important; }

header .qt-wholesale-panel .qt-wholesale-grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 1.1rem;
  padding: 1.05rem 1.05rem;
}

header .qt-wholesale-panel .qt-wholesale-left{
  padding-right: 1rem;
  border-right: 1px solid rgba(148, 163, 184, 0.22);
}

header .qt-wholesale-panel .qt-wholesale-right{
  padding-left: 0.25rem;
  display: flex;
  align-items: flex-start;
}

header .qt-wholesale-panel .qt-wholesale-heading{
  font-family: var(--font-heading, var(--font-body, system-ui));
  font-weight: 700;
  letter-spacing: -0.015em;
  font-size: 1.02rem;
  line-height: 1.2;
  margin: 0 0 0.45rem 0;
  color: var(--qt-dd-text, #f9fafb) !important;
}

header .qt-wholesale-panel .qt-wholesale-note{
  margin: 0 0 0.85rem 0;
  font-size: 0.92rem;
  line-height: 1.45;
  opacity: 0.92;
  color: var(--qt-dd-text, #f9fafb) !important;
}

header .qt-wholesale-panel .qt-wholesale-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.2rem;
}

/* Action links: pill buttons (still links) */
header .qt-wholesale-panel .qt-wholesale-actions > a.qt-header-submenu-link{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 0.85rem !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.14) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  color: var(--qt-dd-text, #f9fafb) !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}

header .qt-wholesale-panel .qt-wholesale-actions > a.qt-header-submenu-link:hover,
header .qt-wholesale-panel .qt-wholesale-actions > a.qt-header-submenu-link:focus-visible{
  background: var(--qt-dd-hover-bg, rgba(148, 163, 184, 0.20)) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: var(--qt-dd-hover-text, #ffffff) !important;
  outline: none !important;
}

header .qt-wholesale-panel .qt-wholesale-links{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  width: 100%;
}

/* Right column links: compact, tidy */
header .qt-wholesale-panel .qt-wholesale-links > a.qt-header-submenu-link{
  padding: 0.52rem 0.85rem !important;
  border-radius: 0.75rem !important;
}

/* Mobile: keep it readable */
@media (max-width: 900px){
  header .qt-wholesale-panel .qt-wholesale-grid{
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
  }
  header .qt-wholesale-panel .qt-wholesale-left{
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.10);
    padding-bottom: 0.85rem;
    margin-bottom: 0.25rem;
  }
}
/* =========================================================
   WHOLESALE PANEL — PRESTIGE POLISH (Statewide parity)
   (Safe: only targets the wholesale panel inside the submenu)
========================================================= */

.qt-wholesale-panel .qt-wholesale-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 1.6rem;
  padding: 1.25rem 1.25rem 1.1rem;
  align-items: start;
}

.qt-wholesale-panel .qt-wholesale-heading{
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0.9;
  margin: 0 0 0.55rem;
}

.qt-wholesale-panel .qt-wholesale-note{
  font-size: 0.95rem;
  line-height: 1.45;
  opacity: 0.88;
  margin: 0 0 0.95rem;
  max-width: 34ch;
}

.qt-wholesale-panel .qt-wholesale-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.qt-wholesale-panel .qt-wholesale-actions .qt-header-submenu-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0.58rem 0.9rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  font-weight: 600;
}

.qt-wholesale-panel .qt-wholesale-actions .qt-header-submenu-link:hover,
.qt-wholesale-panel .qt-wholesale-actions .qt-header-submenu-link:focus-visible{
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.22) !important;
}

.qt-wholesale-panel .qt-wholesale-links{
  display:grid;
  gap: 0.2rem;
  padding-top: 0.15rem;
}

.qt-wholesale-panel .qt-wholesale-links .qt-header-submenu-link{
  border-radius: 0.7rem;
  padding: 0.62rem 0.9rem !important;
}

@media (max-width: 900px){
  .qt-wholesale-panel .qt-wholesale-grid{
    grid-template-columns: 1fr;
    padding: 0.35rem 0 0;
    gap: 0.9rem;
  }
  .qt-wholesale-panel .qt-wholesale-note{
    max-width: none;
    margin-bottom: 0.75rem;
  }
  .qt-wholesale-panel .qt-wholesale-actions .qt-header-submenu-link{
    width: max-content;
  }
}
/* =========================================================
   WHOLESALE PANEL — PRESTIGE POLISH (Statewide parity w/ QS)
   Purpose: improve spacing + typography for the intro copy
   ========================================================= */

header .qt-wholesale-panel{
  padding: 1.15rem 1.15rem 1.05rem !important;
}

header .qt-wholesale-heading{
  font-size: 1.02rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 0.95 !important;
}

header .qt-wholesale-note{
  margin-top: 0.55rem !important;
  margin-bottom: 1.15rem !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.92 !important;
  max-width: 46ch !important;
}

header .qt-wholesale-grid{
  gap: 1.15rem !important;
}

@media (min-width: 901px){
  header .qt-wholesale-right{
    border-left: 1px solid rgba(148, 163, 184, 0.18) !important;
    padding-left: 1.05rem !important;
  }
}

@media (max-width: 900px){
  header .qt-wholesale-panel{
    padding: 1.05rem 1rem 0.95rem !important;
  }
  header .qt-wholesale-right{
    border-left: 0 !important;
    padding-left: 0 !important;
  }
}

/* =========================================================
   QUANTUM MOBILE DRAWER HARD STOP (STATEWIDE parity)
   - Fix: reach bottom items (Wholesale) on mobile
   - Fix: keep top controls reachable (sticky head)
   - Fix: avoid white band / visual scroll bounce
   - Fix: restore desktop submenu caret indicator
========================================================= */
@media (max-width: 989px){
  header.header--quantum.header--menu-open .qt-header-nav{
    background: #070B1A !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 160px) !important; /* extra room so bottom submenu items can be tapped */
    scroll-padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 160px) !important;
  }

  /* Keep the drawer header (with the X) visible while scrolling. */
  header.header--quantum.header--menu-open .qt-mobile-drawer-head{
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483647 !important;
    background: #070B1A !important;
  }

  /* Prevent any accidental white strip from list backgrounds/margins. */
  header.header--quantum.header--menu-open .qt-header-menu,
  header.header--quantum.header--menu-open .qt-header-menu-list,
  header.header--quantum.header--menu-open .qt-header-menu-item,
  header.header--quantum.header--menu-open .qt-header-submenu{
    background: transparent !important;
  }
}

/* Desktop: restore a subtle down-caret on items that actually have children. */
@media (min-width: 990px){
  .qt-header-menu-item.qt-has-children > .qt-header-menu-link{
    position: relative;
    padding-right: 18px; /* space for caret */
  }
  .qt-header-menu-item.qt-has-children > .qt-header-menu-link::after{
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transform: translateY(-1px);
    opacity: 0.75;
  }
}



/* ======================================================================
   QT COLLECTION GRID (Statewide/QS parity)
   Fixes invalid nested <a> on collection cards and provides stable grid.
   ====================================================================== */

.qt-collection{
  background: var(--qt-collection-bg, #fff);
  padding: clamp(24px, 4vw, 56px) 0;
}

.qt-collection__inner{
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}

.qt-collection__header{
  margin: 0 0 clamp(18px, 3vw, 34px);
}

.qt-collection__title{
  color: var(--qt-collection-title, #050816);
  margin: 0 0 10px;
}

.qt-collection__description{
  color: var(--qt-collection-description, #4b5563);
}

.qt-collection__grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: clamp(14px, 2.2vw, 24px);
  align-items: start;
}

.qt-product-card{
  background: var(--qt-collection-card-bg, #fff);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-shadow: 0 10px 32px rgba(2, 6, 23, .06);
  border: 1px solid rgba(2, 6, 23, .06);
}

/* The image snippet outputs wrapper class="image ..." */
.qt-product-card .qt-product-card__image-wrapper.image{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(2, 6, 23, .03);
}

.qt-product-card .qt-product-card__image-wrapper.image > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.qt-product-card__body{
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
}

.qt-product-card__title{
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
  color: var(--qt-collection-card-title, #050816);
}

.qt-product-card__title a{
  color: inherit;
  text-decoration: none;
}

.qt-product-card__title a:hover{
  text-decoration: underline;
}

.qt-product-card__price{
  color: var(--qt-collection-price, #111827);
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.qt-product-card__price--sale{
  color: var(--qt-collection-price-sale, #b91c1c);
  font-weight: 650;
}

.qt-product-card__price--compare{
  color: var(--qt-collection-price-compare, #9ca3af);
  text-decoration: line-through;
}

.qt-product-card__quickview{
  margin-top: 4px;
  align-self: flex-start;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: .92rem;
  line-height: 1;
  border: 1px solid rgba(2, 6, 23, .14);
  background: rgba(255,255,255,.9);
  cursor: pointer;
}

.qt-product-card__quickview:hover{
  background: #fff;
}

@media (max-width: 640px){
  .qt-collection__inner{ width: calc(100% - 24px); }
  .qt-collection__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .qt-product-card__body{ padding: 14px 14px 16px; }
  .qt-product-card__quickview{ padding: 9px 12px; }
}

/* =====================================
   WHOLESALE DROPDOWN TEXT FIX
   Fix character stacking / vertical wrap
===================================== */

.qt-wholesale-panel a,
.qt-wholesale-panel__column a,
.qt-wholesale-panel__content a {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.qt-wholesale-panel {
  min-width: 320px;
}

@media (min-width: 990px) {
  .qt-wholesale-panel a {
    display: block;
    padding: 10px 16px;
    min-height: 44px;
  }
}

/* =========================================================
   STATEWIDE — WHOLESALE MEGA MENU PARITY FIX (DESKTOP ONLY)
   Purpose:
   - Prevent right column collapse causing "Whole / sale / inform / ation"
   - Keep prestige 2-column mega panel readable with long link titles
   - Increase desktop tap area slightly
   - Does NOT affect mobile (min-width: 990px)
========================================================= */
@media (min-width: 990px) {
  /* Ensure the wholesale panel has enough width */
  .qt-header-submenu .qt-wholesale-panel,
  .qt-header-submenu--wholesale .qt-wholesale-panel,
  .qt-wholesale-panel {
    min-width: 640px !important;
  }

  /* Stabilise the two-column grid: left content + right link column */
  .qt-wholesale-panel .qt-wholesale-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
  }

  /* Prevent the right column from collapsing */
  .qt-wholesale-panel .qt-wholesale-right,
  .qt-wholesale-panel .qt-wholesale-links {
    min-width: 280px !important;
  }

  /* Stop aggressive breaking/stacking; allow clean wrapping */
  .qt-wholesale-panel .qt-header-submenu-link {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    line-height: 1.25 !important;
  }

  /* Make it easier to grab on desktop */
  .qt-wholesale-panel .qt-header-submenu-link {
    padding: 12px 18px !important;
    min-height: 44px !important;
  }
}

/* =====================================
   WHOLESALE MEGA MENU – PRESTIGE PARITY (DESKTOP ONLY)
   - Removes internal divider lines that appear as extra vertical rules
   - Keeps a wide "prestige" panel and prevents long titles from squashing
   - Does NOT touch mobile (min-width: 990px only)
   ===================================== */

@media (min-width: 990px) {
  /* Keep the panel comfortably wide without forcing full-screen */
  .qt-wholesale-panel {
    min-width: 640px;
    max-width: 760px;
  }

  /* Two-column layout, with breathing room */
  .qt-wholesale-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    column-gap: 32px;
    align-items: start;
  }

  

/* =========================================================
   WHOLESALE MEGA MENU — HOVER/ACTIVE PILL CONTAINMENT (DESKTOP ONLY)
   Fixes:
   - Orange hover "tab" bleeding past the right edge
   - Ensures link backgrounds stay inside the wholesale panel
   Safe:
   - Desktop only (min-width: 990px)
   - Does NOT affect mobile
========================================================= */
@media (min-width: 990px) {
  /* Clip any hover/active backgrounds to the panel radius */
  .qt-wholesale-panel {
    overflow: hidden !important;
  }

  /* Make right column a real containing box */
  .qt-wholesale-panel .qt-wholesale-right,
  .qt-wholesale-panel .qt-wholesale-links {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Ensure links can't "full-bleed" beyond their column */
  .qt-wholesale-panel .qt-wholesale-links .qt-header-submenu-link {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 14px !important;
    background-clip: padding-box !important;
  }
}

/* HARD STOP: remove any dividers/borders/pseudo dividers */
  .qt-wholesale-left,
  .qt-wholesale-right {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .qt-wholesale-grid::before,
  .qt-wholesale-grid::after,
  .qt-wholesale-left::before,
  .qt-wholesale-left::after,
  .qt-wholesale-right::before,
  .qt-wholesale-right::after,
  .qt-wholesale-panel::before,
  .qt-wholesale-panel::after {
    content: none !important;
    display: none !important;
  }

  /* Catch common divider helper classes if present */
  .qt-wholesale-panel hr,
  .qt-wholesale-panel .divider,
  .qt-wholesale-panel .qt-divider,
  .qt-wholesale-panel .qt-wholesale-divider,
  .qt-wholesale-panel .qt-wholesale__divider,
  .qt-wholesale-panel .qt-wholesale-grid-divider {
    display: none !important;
    border: 0 !important;
  }

  /* Long link titles should wrap normally (no vertical character stacking) */
  .qt-wholesale-panel a,
  .qt-wholesale-links a,
  .qt-wholesale-panel__column a,
  .qt-wholesale-panel__content a {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
  }

  /* Make desktop hover/tap targets easier without changing mobile */
  .qt-wholesale-links a,
  .qt-wholesale-actions a,
  .qt-wholesale-actions .qt-header-submenu-link {
    display: block;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* =========================================================
   DESKTOP: Prestige gap before WHOLESALE (do NOT touch mobile)
   - Adds breathing room + optional subtle divider
   - Safe: scoped to the Wholesale top-level menu item only
   ========================================================= */
@media (min-width: 990px){
  /* Try a few selectors so it works across QS / Quantum / Statewide */
  .qt-header-menu-item--wholesale,
  .qt-header-menu-item[data-handle="wholesale"],
  .qt-header-menu-item[data-qt-handle="wholesale"],
  .qt-header-menu-item.qt-wholesale,
  li.qt-header-menu-item--wholesale,
  li.qt-header-menu-item[data-handle="wholesale"],
  li.qt-header-menu-item[data-qt-handle="wholesale"]{
    position: relative;
    margin-left: clamp(18px, 2.2vw, 36px) !important; /* the “gap” */
  }

  /* Optional: a subtle vertical divider to visually separate */
  .qt-header-menu-item--wholesale::before,
  .qt-header-menu-item[data-handle="wholesale"]::before,
  .qt-header-menu-item[data-qt-handle="wholesale"]::before,
  .qt-header-menu-item.qt-wholesale::before{
    content: "";
    position: absolute;
    left: calc(clamp(18px, 2.2vw, 36px) * -0.5);
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 22px;
    background: currentColor;
    opacity: .22;
    pointer-events: none;
  }
}

/* If you decide you want gap only (no divider), delete the ::before block above. */

/* =========================================
   QT PRODUCT CARDS – ALIGN QUICK VIEW BUTTON
   + SOFTEN TITLE WEIGHT
   HARD STOP
   ========================================= */

/* Collection / grid cards: keep body as a flex column and push Quick view to the bottom */
.qt-product-card{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.qt-product-card__body{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.qt-product-card__title{
  margin: 0 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.qt-product-card__title a,
.qt-product-card__title a:visited{
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}

.qt-product-card__price{
  margin-bottom: 0 !important;
}

.qt-product-card__quickview{
  margin-top: auto !important;
  align-self: flex-start !important;
}

/* Featured / alternate QT cards: same treatment for parity */
.qt-card{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.qt-card__body{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.qt-card__title{
  margin: 0 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.qt-card__title a,
.qt-card__title a:visited{
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}

.qt-card__price{
  margin-bottom: 0 !important;
}

.qt-card .qt-qv-trigger{
  margin-top: auto !important;
}