/** Shopify CDN: Minification failed

Line 792:1 Expected "}" to go with "{"

**/
/* ===========================
   Back to top
   =========================== */
#back-to-top {
  position: fixed;
  bottom: 60px;
  right: 30px;
  background-color: #F5CF8E;
  width: 50px; height: 50px;
  display: none;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  transition: opacity .3s ease-in-out;
  box-shadow: 0 4px 6px rgba(0,0,0,.2);
  display: flex; align-items: center; justify-content: center;
}
#back-to-top span { font-size: 30px; font-weight: 900; color: #666; }
#back-to-top:hover { background-color: #e6ba7a; }

/* ===========================
   Quantity field
   =========================== */
/* Quantity field: keep theme defaults, but do not override the custom bags product pages */
body:not(:has(section[id^="product-desktop-"])):not(:has(section[id^="product-mobile-"])) .quantity__button svg,
body:not(:has(section[id^="product-desktop-"])):not(:has(section[id^="product-mobile-"])) .quantity__button .svg-icon use {
  fill:#fff !important;
  stroke:#fff !important;
}
body:not(:has(section[id^="product-desktop-"])):not(:has(section[id^="product-mobile-"])) .quantity__input {
  color:#fff !important;
  background:#000 !important;
  border:1px solid #fff !important;
}

/* ===========================
   Mega menu helper
   =========================== */
.dropdown-has-background{
  background-size:cover; background-position:center; background-repeat:no-repeat;
  width:100%; min-height:400px; padding:30px; display:flex; flex-wrap:wrap; align-items:flex-start;
}

/* ===========================
   Product reviews tab visible on mobile
   =========================== */
@media (max-width: 767px){
  .product-template__tab-reviews, #product-tab-review, .tab-content[data-tabs-panel]{
    display:block !important; opacity:1 !important; visibility:visible !important;
  }
}

/* ===========================
   Logo ring motion respect
   =========================== */
@media (prefers-reduced-motion: reduce){ .header-logo-ring .ring-svg{ animation:none; } }
.header-logo-ring{ position:relative; z-index:1; }
.header-logo-ring .ring-svg{ z-index:0; pointer-events:none; }

/* ===========================
   “Search by filter” hover
   =========================== */
.search-by-filter-desktop .effect{ position:relative; overflow:hidden; border-radius:8px; }
.search-by-filter-desktop .effect .effect-img{
  display:block; width:100%; height:auto; border-radius:8px;
  transition: transform .6s ease, opacity .3s ease; will-change: transform;
}
.search-by-filter-desktop .effect:hover .effect-img{ transform:scale(1.06); }
@media (prefers-reduced-motion: reduce){ .search-by-filter-desktop .effect .effect-img{ transition:none; } }

/* ===========================
   PRICE: layout + discount badge
   =========================== */
.price .price__sale dd,
.price .price__regular dd{ display:inline-block; margin:0; }
.price .price__sale dd + dd::before,
.price .price__regular dd + dd::before{ content:none !important; }
.price .price-item, .price .price__compare s, .price .badge--sale{ white-space:nowrap; }
.price dd.price__badge{ display:inline-block; margin-left:10px; }
.price dd.price__badge .badge--sale,
.price .badge--sale{ background:#D4AF37; color:#000; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:600; line-height:1.2; }

/* =========================================================
   FACETS / FILTERS — unify to native inputs + consistent look
   ========================================================= */
#FacetFiltersForm input[type="checkbox"],
#FacetFiltersForm input[type="radio"],
.mobile-facets input[type="checkbox"],
.mobile-facets input[type="radio"],
.facets input[type="checkbox"],
.facets input[type="radio"],
.collection-filters input[type="checkbox"],
.collection-filters input[type="radio"]{
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
  position: static !important;
  opacity: 1 !important;
  display: inline-block !important;
  width: 18px; height: 18px;
  margin-right: 8px;
  pointer-events: auto !important;
  accent-color: #D4AF37 !important;
  background: transparent !important;
  border: 1px solid #D4AF37 !important;
  z-index: 2 !important;
}
#FacetFiltersForm .facet-checkbox,
.mobile-facets .facet-checkbox,
.facets .facet-checkbox,
.collection-filters .facet-checkbox{
  display:flex; align-items:center; gap:8px; position: relative;
}
#FacetFiltersForm .facet-checkbox::before,
#FacetFiltersForm .facet-checkbox::after,
#FacetFiltersForm label::before,
#FacetFiltersForm label::after,
#FacetFiltersForm .checkbox__check,
#FacetFiltersForm .icon-checkmark,
#FacetFiltersForm .facet-checkbox .icon,
.mobile-facets .facet-checkbox::before,
.mobile-facets .facet-checkbox::after,
.mobile-facets label::before,
.mobile-facets label::after,
.mobile-facets .checkbox__check,
.mobile-facets .icon-checkmark,
.mobile-facets .facet-checkbox .icon,
.facets .facet-checkbox::before,
.facets .facet-checkbox::after,
.facets label::before,
.facets label::after,
.facets .checkbox__check,
.facets .icon-checkmark,
.facets .facet-checkbox .icon,
.collection-filters .facet-checkbox::before,
.collection-filters .facet-checkbox::after,
.collection-filters label::before,
.collection-filters label::after,
.collection-filters .checkbox__check,
.collection-filters .icon-checkmark,
.collection-filters .facet-checkbox .icon{
  content:none !important; display:none !important;
}
.facet-checkbox:has(input[type="checkbox"])::before,
.facet-checkbox:has(input[type="radio"])::before,
.facet-checkbox:has(input[type="checkbox"])::after,
.facet-checkbox:has(input[type="radio"])::after{ content:none !important; display:none !important; }
#FacetFiltersForm label,
.mobile-facets label,
.facets label,
.collection-filters label{ pointer-events:auto !important; cursor:pointer; }
#FacetFiltersForm .facet-checkbox input:checked ~ *,
.mobile-facets .facet-checkbox input:checked ~ *,
.facets .facet-checkbox input:checked ~ *,
.collection-filters .facet-checkbox input:checked ~ *{
  font-weight:600; color:#D4AF37 !important;
}
#FacetDrawer, #FiltersDrawer, .mobile-facets{ background:#fff !important; color:#111 !important; }
.menu-drawer__scrim, .modal__overlay, .mobile-facets__overlay{ background:rgba(0,0,0,.45) !important; }
#FacetDrawer .facets__heading,
#FiltersDrawer .facets__heading,
.mobile-facets .facets__heading,
#FacetDrawer .mobile-facets__heading,
#FiltersDrawer .mobile-facets__heading{ color:#111 !important; font-weight:700; }
#FacetDrawer summary,
#FiltersDrawer summary,
.mobile-facets summary,
#FacetFiltersForm .facets__summary{ color:#111 !important; font-weight:600; }
#FacetFiltersForm label, .mobile-facets label, .facets label, .collection-filters label{ color:#222 !important; font-weight:500; line-height:1.3; }
#FacetFiltersForm .facets__item .count, .mobile-facets .facets__item .count{ color:#666 !important; }
#FacetDrawer hr, #FiltersDrawer hr, #FacetFiltersForm .facets__divider{ border-color:#e6e6e6 !important; }
.mobile-facets__footer .button, #FacetDrawer .button, #FiltersDrawer .button, .facets__button{ border-radius:8px !important; font-weight:600 !important; }
.mobile-facets__footer .button.button--primary, #FacetDrawer .button.button--primary, #FiltersDrawer .button.button--primary{ background:#111 !important; color:#fff !important; border-color:#111 !important; }
.mobile-facets__footer .button.button--tertiary, #FacetDrawer .button.button--tertiary, #FiltersDrawer .button.button--tertiary{ background:transparent !important; color:#111 !important; border:1px solid #111 !important; }
.active-facets, .active-facets__button-inner{ background:#f6f6f6 !important; color:#111 !important; border-radius:999px !important; }
.active-facets__button-remove, .active-facets__button .icon{ color:#111 !important; }
.facet-filters__field select, .collection-filters__sort select, .sorting select{
  color:#111 !important; background:#fff !important; border:1px solid #e6e6e6 !important; border-radius:8px !important;
}
@media (min-width: 990px){
  #FacetDrawer, #FiltersDrawer, .facets, .collection-filters{ background:#6D8196 !important; color:#D4AF37 !important; }
  #FacetDrawer .facets__heading, #FiltersDrawer .facets__heading, #FacetFiltersForm .facets__summary, .facets summary, .collection-filters summary{ color:#D4AF37 !important; font-weight:700; }
  #FacetFiltersForm label, .facets label, .collection-filters label{ color:#D4AF37 !important; font-weight:600; }
  #FacetFiltersForm .facets__item .count, .facets .facets__item .count{ color:rgba(212,175,55,.85) !important; }
  #FacetFiltersForm input[type="checkbox"],
  #FacetFiltersForm input[type="radio"],
  .facets input[type="checkbox"], .facets input[type="radio"],
  .collection-filters input[type="checkbox"], .collection-filters input[type="radio"]{ accent-color:#D4AF37 !important; }
  .facet-filters__field select, .collection-filters__sort select, .sorting select{
    color:#D4AF37 !important; background:#6D8196 !important; border:1px solid #D4AF37 !important; border-radius:8px;
  }
  .active-facets, .active-facets__button-inner{
    background:transparent !important; color:#D4AF37 !important; border:1px solid #D4AF37 !important; border-radius:999px !important;
  }
  .active-facets__button-remove, .active-facets__button .icon{ color:#D4AF37 !important; }
  #FacetDrawer hr, #FiltersDrawer hr, #FacetFiltersForm .facets__divider{ border-color:#48484c !important; }
  #FacetDrawer .button.button--primary, #FiltersDrawer .button.button--primary, .facets .button.button--primary{ background:#D4AF37 !important; color:#111 !important; border-color:#D4AF37 !important; }
  #FacetDrawer .button.button--tertiary, #FiltersDrawer .button.button--tertiary, .facets .button.button--tertiary{ background:transparent !important; color:#D4AF37 !important; border:1px solid #D4AF37 !important; }
}
@media (min-width: 990px) {
  .layout-header a[href*="/account/login"],
  .layout-header a[href*="customer_authentication"],
  .layout-header a[href="/account"],
  .layout-header a[href*="/account?"],
  .layout-header a[href*="/account#"],
  .layout-header [data-action="open-login"],
  .layout-header [data-open*="login"],
  .layout-header .js-open-login,
  .layout-header .header__account a,
  .layout-header .header__icon--account {
    color: #D4AF37 !important;
    fill: #D4AF37 !important;
  }
  .layout-header a[href*="login"] .svg-icon,
  .layout-header a[href*="account"] .svg-icon,
  .layout-header .header__icon--account .svg-icon {
    fill: #D4AF37 !important;
    stroke: #D4AF37 !important;
  }
}
.header-logo-with-ring{ position:relative; width:220px; height:220px; margin:0 auto }
.svg-circular-text{ width:100%; height:100%; animation:rotate-circle var(--spin-speed, 20s) linear infinite }
.header-center-icon{ position:absolute; top:50%; left:50%; width:150px; height:150px; transform:translate(-50%,-50%); z-index:2 }
.header-center-icon img{ width:100%; height:100%; border-radius:50%; object-fit:contain }
@keyframes rotate-circle{ to { transform:rotate(360deg) } }

/* ===========================
   Desktop menu: simple gold outline (like the test)
   =========================== */
@media (min-width: 768px) {
  :is(header, .header, #header, .site-header) nav > ul > li > a {
    outline: 1px solid #D4AF37 !important;  /* gold instead of red */
    outline-offset: 2px;                     /* little breathing room */
  }
}


@media (min-width: 768px){
  /* remove the old outline */
  :is(header, .header, #header, .site-header) nav > ul > li > a{
    outline: none !important;
    box-shadow: inset 0 -2px 0 #D4AF37;   /* thin gold underline */
    padding-bottom: 2px;                  /* keeps underline visible */
  }
  /* hover = thicker underline */
  :is(header, .header, #header, .site-header) nav > ul > li > a:hover{
    box-shadow: inset 0 -3px 0 #D4AF37;
  }
}


/* Keep dropdown compact and non-intrusive */
#cart-dropdown-bubble {
  max-height: 70vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* ===========================
   Winter ’24 compatibility (drop-in)
   =========================== */

/* 1) If the section says Winter is ON + gradient enabled, force the gradient */
.search-by-filter-desktop[data-w24="true"][data-w24-gradient="true"]{
  background: var(--w24-section-gradient, linear-gradient(to right, #6D8196 0%, #A8ACB2 50%, #6D8196 100%)) !important;
}

/* 2) Map hard-coded gold/dark to Winter variables when available (safe fallbacks included) */
:root{
  /* fallbacks keep your current look if Winter ’24 is disabled or vars are missing */
  --gold-fallback: #D4AF37;
  --dark-fallback: #111111;
  --w24-outline-or-gold: var(--w24-accent-outline, var(--gold-fallback));
  --w24-fill-or-gold: var(--w24-hover-accent-fill, var(--gold-fallback));
  --w24-text-dark-or-default: var(--w24-text-dark, var(--dark-fallback));
}

/* Price sale badge */
.price dd.price__badge .badge--sale,
.price .badge--sale{
  background: var(--w24-fill-or-gold) !important;
  color: var(--w24-text-dark-or-default) !important;
}

/* Desktop facets & controls (gold accents) */
@media (min-width: 990px){
  #FacetDrawer, #FiltersDrawer, .facets, .collection-filters{
    background:#6D8196 !important; color: var(--w24-outline-or-gold) !important;
  }
  #FacetDrawer .facets__heading, #FiltersDrawer .facets__heading,
  #FacetFiltersForm .facets__summary, .facets summary, .collection-filters summary{
    color: var(--w24-outline-or-gold) !important;
  }
  #FacetFiltersForm label, .facets label, .collection-filters label{
    color: var(--w24-outline-or-gold) !important;
  }
  #FacetFiltersForm .facets__item .count, .facets .facets__item .count{
    color: color-mix(in srgb, var(--w24-outline-or-gold) 85%, transparent) !important;
  }
  #FacetFiltersForm input[type="checkbox"],
  #FacetFiltersForm input[type="radio"],
  .facets input[type="checkbox"], .facets input[type="radio"],
  .collection-filters input[type="checkbox"], .collection-filters input[type="radio"]{
    accent-color: var(--w24-outline-or-gold) !important;
  }
  .facet-filters__field select, .collection-filters__sort select, .sorting select{
    color: var(--w24-outline-or-gold) !important;
    background:#6D8196 !important;
    border:1px solid var(--w24-outline-or-gold) !important; border-radius:8px;
  }
  .active-facets, .active-facets__button-inner{
    background:transparent !important; color: var(--w24-outline-or-gold) !important;
    border:1px solid var(--w24-outline-or-gold) !important; border-radius:999px !important;
  }
  .active-facets__button-remove, .active-facets__button .icon{ color: var(--w24-outline-or-gold) !important; }
  #FacetDrawer .button.button--primary, #FiltersDrawer .button.button--primary, .facets .button.button--primary{
    background: var(--w24-fill-or-gold) !important;
    color: var(--w24-text-dark-or-default) !important;
    border-color: var(--w24-fill-or-gold) !important;
  }
  #FacetDrawer .button.button--tertiary, #FiltersDrawer .button.button--tertiary, .facets .button.button--tertiary{
    background:transparent !important; color: var(--w24-outline-or-gold) !important;
    border:1px solid var(--w24-outline-or-gold) !important;
  }
}

/* Header links/icons gold accents */
@media (min-width: 990px){
  .layout-header a[href*="/account/login"],
  .layout-header a[href*="customer_authentication"],
  .layout-header a[href="/account"],
  .layout-header a[href*="/account?"], .layout-header a[href*="/account#"],
  .layout-header [data-action="open-login"], .layout-header [data-open*="login"],
  .layout-header .js-open-login, .layout-header .header__account a,
  .layout-header .header__icon--account {
    color: var(--w24-outline-or-gold) !important;
    fill: var(--w24-outline-or-gold) !important;
  }
  .layout-header a[href*="login"] .svg-icon,
  .layout-header a[href*="account"] .svg-icon,
  .layout-header .header__icon--account .svg-icon {
    fill: var(--w24-outline-or-gold) !important;
    stroke: var(--w24-outline-or-gold) !important;
  }
}

/* Desktop menu underline accent */
@media (min-width: 768px){
  :is(header, .header, #header, .site-header) nav > ul > li > a{
    box-shadow: inset 0 -2px 0 var(--w24-outline-or-gold);
  }
  :is(header, .header, #header, .site-header) nav > ul > li > a:hover{
    box-shadow: inset 0 -3px 0 var(--w24-outline-or-gold);
  }
}
/* --- Global header + filter color = #6D8196 --- */
:root{
  --color_navigation_bg: #6D8196;   /* header background */
  --color_navigation_text: #FFFFFF;  /* header text/icons */
  --color_navigation_text_hover: #FFFFFF;
}

/* Header wrapper (in case theme doesn’t read the var) */
.navigation-header__menu,
.header,
.header-wrapper,
.header__inline-menu {
  background: #6D8196 !important;
}

/* Pills / menu buttons that have their own bg */
.header__inline-menu .header__menu-root .header__menu-item.is-pill,
.header__menu-root .header__menu-item--pill,
.header__menu-root .header__menu-item[style*="background"]{
  background: #6D8196 !important;
  color:#fff !important;
  border-color: transparent !important;
}

/* Collection filter titles / bars */
.facets-wrapper .facets__summary,
#FacetFiltersForm .facets__summary,
.filter-sidebar .filter-title,
.facets__disclosure > summary,
.facets__heading {
  background: #6D8196 !important;
  color: #fff !important;
}

/* If your filter section uses buttons/toggles at top */
.facets__summary svg,
.facets__summary .icon,
.facets__disclosure > summary svg {
  fill: currentColor !important;
}

/* Optional: make active filter chips readable */
.active-facets__button,
.active-facets__button-remove {
  background: #6D8196 !important;
  color:#fff !important;
}
/* === Filters — use dedicated theme color pickers === */
.facets-vertical, .facets-drawer, .collection-filters, .facet-filters{
  background: var(--filter-bg);
  color: var(--filter-text);
}

.facets-vertical .facets__heading,
.facets-vertical .facets__summary,
.facets-drawer .facets__heading,
.facets-drawer .facets__summary{
  color: var(--filter-heading);
}

.facets__list label,
.facets__item label,
.facet-checkbox span,
.facet-checkbox__text,
.facets__price input,
.facets__display{
  color: var(--filter-text);
}

.facets-vertical hr,
.facets-drawer hr,
.facets__list li,
.facets__price input,
.facet-checkbox input{
  border-color: var(--filter-border);
}

/* Checkboxes */
.facet-checkbox input[type="checkbox"]{
  background: var(--filter-bg);
  border: 1px solid var(--filter-border);
}
.facet-checkbox input[type="checkbox"]:checked{
  background: var(--filter-heading);
  border-color: var(--filter-heading);
}
.facet-checkbox input[type="checkbox"]:checked + svg{ color:#fff; }

/* Active filter chips / tags */
.active-facets__button,
.active-facets__button--light{
  background: var(--filter-chip-bg);
  color: var(--filter-chip-text);
  border-color: var(--filter-border);
}
/* ============================================================
   VoteSpark — Luxury Success + Already Voted (Unified Styling)
   Works for: "Thank you" + "You already voted" states
   ============================================================ */

/* 1) Target the common confirmation containers (best-effort) */
.shopify-app-block .feedback-expansion,
.shopify-app-block .feedback-content,
.shopify-app-block .feedback-success,
.shopify-app-block .feedback-message,
.shopify-app-block [class*="feedback"],
.shopify-app-block [class*="thank"],
.shopify-app-block [class*="already"]{
  /* Do NOT force font-size:0 here (it breaks some states) */
}

/* 2) Make BOTH states use the same luxury glass container */
.shopify-app-block .feedback-expansion,
.shopify-app-block .feedback-content,
.shopify-app-block .feedback-success,
.shopify-app-block .feedback-message{
  background: linear-gradient(
    90deg,
    rgba(109,129,150,0.96),
    rgba(168,172,178,0.98) 50%,
    rgba(109,129,150,0.96)
  ) !important;

  border-radius: 20px !important;
  padding: 28px 22px !important;

  border: 1px solid rgba(255,255,255,0.45) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,0.22) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  text-align: center !important;
}

/* 3) Hide ONLY the inner app text safely (instead of killing all fonts everywhere) */
.shopify-app-block .feedback-expansion p,
.shopify-app-block .feedback-content p,
.shopify-app-block .feedback-success p,
.shopify-app-block .feedback-message p{
  display: none !important;
}

/* 4) Default luxury message (Thank you state) */
.shopify-app-block .feedback-expansion::before,
.shopify-app-block .feedback-success::before,
.shopify-app-block .feedback-message::before{
  content: "✨ Vote Confirmed";
  display: block;
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  color: #1E1E28 !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.3px;
}

.shopify-app-block .feedback-expansion::after,
.shopify-app-block .feedback-success::after,
.shopify-app-block .feedback-message::after{
  content: "Thank you for participating in our Community Choice. Results will be revealed soon — the winning product will unlock an exclusive limited-time offer.";
  display: block;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  color: rgba(30,30,40,.92) !important;
  line-height: 1.6 !important;
  max-width: 560px;
  margin: 0 auto;
}

/* 5) Already-voted state override (when the container includes "already") */
/* This catches many VoteSpark variants because they often add 'already' in class name */
.shopify-app-block [class*="already"]::before{
  content: "✅ Vote Already Recorded";
}

.shopify-app-block [class*="already"]::after{
  content: "You’ve already voted for this watch on this device. Check back soon — we’ll announce the winner on the Community Choice page.";
}

/* 6) Mobile readability boost */
@media (max-width: 768px) {
  .shopify-app-block .feedback-expansion::before,
  .shopify-app-block .feedback-success::before,
  .shopify-app-block .feedback-message::before,
  .shopify-app-block [class*="already"]::before{
    font-size: 1.35rem !important;
  }

  .shopify-app-block .feedback-expansion::after,
  .shopify-app-block .feedback-success::after,
  .shopify-app-block .feedback-message::after,
  .shopify-app-block [class*="already"]::after{
    font-size: 1rem !important;
  }

  .shopify-app-block .feedback-expansion,
  .shopify-app-block .feedback-content,
  .shopify-app-block .feedback-success,
  .shopify-app-block .feedback-message{
    padding: 22px 16px !important;
  }
}
/* Give header icons breathing room on mobile */
@media (max-width: 768px){
  .layout-header .header-icons,
  .layout-header .header__icons,
  .layout-header .header__right {
    gap: 10px !important;
  }

  /* Make tap targets clearer */
  .layout-header a, .layout-header button {
    -webkit-tap-highlight-color: transparent;
  }
}
@media (max-width: 991.98px) {
  .header-logo-with-ring {
    width: 145px !important;
    height: 145px !important;
    transform: scale(1) !important;
  }

  .header-logo-with-ring .svg-circular-text {
    width: 145px !important;
    height: 145px !important;
    inset: 0 !important;
  }

  .header-logo-with-ring .header-center-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 74px !important;
    height: 74px !important;
  }

  .header-logo-with-ring .header-center-icon img {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain !important;
  }
@media (max-width: 991px) {
  .header-logo-with-ring {
    width: 105px !important;
    height: 105px !important;
    position: relative !important;
  }

  .header-logo-with-ring .svg-circular-text {
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    animation: rotating-logo-spin 20s linear infinite !important;
    transform-origin: center center !important;
  }

  .header-logo-with-ring .header-center-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 74px !important;
    height: 74px !important;
  }

  .header-logo-with-ring .header-center-icon img {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain !important;
  }
}
/* RED CHECKOUT BUTTON */
.cart__checkout-button {
  background: linear-gradient(135deg, #ff4d4d 0%, #d40000 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 8px 20px rgba(212, 0, 0, 0.35) !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
}

.cart__checkout-button:hover {
  background: linear-gradient(135deg, #ff6666 0%, #ff0000 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(212, 0, 0, 0.45) !important;
}

.cart__checkout-button:disabled {
  opacity: 0.5;
}

/* ============================================================
   SPS BAGS PRODUCT PAGE SAFETY LAYER
   Prevents old watch-era/global CSS from affecting the redesigned
   desktop/mobile product sections. Section CSS remains the source of truth.
   ============================================================ */
section[id^="product-desktop-"],
section[id^="product-mobile-"]{
  --sps-product-text:#10243F;
  --sps-product-heading:#071E3A;
  --sps-product-muted:#4A5F7A;
  --sps-product-card:#EAF0F6;
  --sps-product-card-strong:#F4F7FA;
  --sps-product-border:rgba(16,36,63,.16);
  --sps-product-price:#B11226;
  --sps-product-compare:#3F5876;
}

/* Do not let global white text rules leak into product copy/cards */
section[id^="product-desktop-"] :where(.dp-shortdesc,.dp-shortdesc *,.dp-keyfeatures,.dp-keyfeatures *,.dp-valuebox,.dp-valuebox *,.dp-shipline,.dp-eta,.dp-returnsnote,.dp-returnsnote__sub,.dp-bagattr,.dp-bagattr *),
section[id^="product-mobile-"] :where(.pm-shortdesc,.pm-shortdesc *,.pm-keyfeatures,.pm-keyfeatures *,.pm-valuebox,.pm-valuebox *,.pm-shipline,.pm-eta,.pm-returnsnote,.pm-returnsnote__sub,.pm-bagattr,.pm-bagattr *){
  color:var(--sps-product-text) !important;
  text-shadow:none !important;
}

section[id^="product-desktop-"] :where(.dp-shortdesc,.dp-keyfeatures,.dp-valuebox,.dp-shipline,.dp-bagattr),
section[id^="product-mobile-"] :where(.pm-shortdesc,.pm-keyfeatures,.pm-valuebox,.pm-shipline,.pm-bagattr){
  background:linear-gradient(180deg,var(--sps-product-card-strong),var(--sps-product-card)) !important;
  border-color:var(--sps-product-border) !important;
}

/* Product price hierarchy */
section[id^="product-desktop-"] .dp-price :where(.price-item,.price-item--sale),
section[id^="product-mobile-"] .pm-price :where(.price-item,.price-item--sale){
  color:var(--sps-product-price) !important;
  font-weight:950 !important;
}
section[id^="product-desktop-"] .dp-price :where(s,del,.price-item--regular,.price-item--compare),
section[id^="product-mobile-"] .pm-price :where(s,del,.price-item--regular,.price-item--compare){
  color:var(--sps-product-compare) !important;
  opacity:1 !important;
  text-decoration:line-through !important;
}

/* Keep button text white/contrast-safe */
section[id^="product-desktop-"] :where(.dp-atc,.dp-atc *,.dp-wishlist,.dp-wishlist *,.shopify-payment-button *),
section[id^="product-mobile-"] :where(.pm-atc,.pm-atc *,.shopify-payment-button *){
  color:inherit !important;
}

/* ================================
   Premium Cart Price Typography
================================ */

.cart-item__price-wrapper .price,
.cart-item__prices .price,
.cart-item__totals .price {
    color: #ffffff !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

/* Sale price */
.cart-item__discounted-prices .price {
    color: #ffffff !important;
    font-size: 28px;
    font-weight: 700;
}

/* Old price */
.cart-item__old-price {
    color: rgba(255,255,255,.55) !important;
    font-size: 18px;
}

/* Product title */
.cart-item__name {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

/* Variant options */
.cart-item__details dl,
.cart-item__details .product-option {
    font-size: 16px;
    color: rgba(255,255,255,.80);
}
/* ================================
   Cart Readability Polish
================================ */

/* Table headings */
.cart-items thead th {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
}

/* Product title */
.cart-item__name {
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.35;
}

/* Variant labels */
.cart-item__details .product-option,
.cart-item__details dt,
.cart-item__details dd {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Price and total */
.cart-item__prices .price,
.cart-item__totals .price,
.cart-item__price-wrapper .price {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}

/* Quantity number */
.quantity__input {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Remove icon */
.cart-item__remove .button {
  color: #303031 !important;
  background: rgba(255,255,255,.35) !important;
}