/** Shopify CDN: Minification failed

Line 504:6 Unexpected "/"

**/
/* GLOBAL CUSTOM CSS - CLICKMOUSE */

/* Contain full-bleed marquee overflow — 4.1.1 moved content into .page-wrapper */
.page-wrapper {
  overflow-x: clip;
}

#faq,
#featured-giveaway,
#shop-now {
  scroll-margin-top: 80px;
}

/* =====================================================================
   HEADER
   ===================================================================== */
/* Customise default megamenu dropdown */
@media screen and (min-width: 750px) {

  .menu-list__list-item {
    position: relative;
  }

  .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu {
    width: max-content !important;
    left: 0 !important;
    padding-inline: 0 !important;
    margin-left: -22px !important;
  }

    /* Add caret to any top-level link that has a submenu (Horizon 4.1.5 DOM) */
  .menu-list__list-item:has(.menu-list__submenu) > .menu-list__trigger > .menu-list__link .menu-list__link-title::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 8px;
    vertical-align: middle;
    margin-bottom: 6px;
    opacity: 0.7;
    transition: transform 0.2s ease;
  }

  /* Flip chevron when submenu is open */
  .menu-list__list-item:has(.menu-list__disclosure[aria-expanded='true']) > .menu-list__trigger > .menu-list__link .menu-list__link-title::after {
    transform: rotate(-135deg);
    margin-bottom: -3px;
  }

}
/* HEADER end */

/* ============================================================
   FOXOFF GIVEAWAY HERO  | BUILD v10 (24 Sep 2026)
   Pairs with sections/foxoff-giveaway-hero.liquid
   ============================================================ */
@property --fx-glow { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --fx-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

.foxoff-hero {
  --fx-badge-inset: clamp(16px, 4vw, 56px);
  position: relative;
  display: flex;
  min-height: var(--fx-height-desktop, 92vh);
  overflow: hidden;
  isolation: isolate;
}

.foxoff-hero__bg { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.foxoff-hero__bg--mobile { display: none; }
.foxoff-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.foxoff-hero__bg-image { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.foxoff-hero__bg-image--desktop { background-image: var(--fx-bg-desktop); }
.foxoff-hero__bg-image--mobile { background-image: var(--fx-bg-mobile); }

.foxoff-hero__scrim {
  position: absolute; inset: 0; z-index: -1;
  background: var(--fx-overlay, #0C0F0D);
  opacity: calc(var(--fx-overlay-opacity, 20) / 100);
}
.foxoff-hero__vignette {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(12,15,13,0.78) 0%, rgba(12,15,13,0) 34%),
    linear-gradient(to top, rgba(12,15,13,0.80) 0%, rgba(12,15,13,0) 40%);
}

.foxoff-hero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(14px, 2.5vh, 26px) clamp(14px, 2.5vw, 34px) clamp(78px, 11vh, 120px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.foxoff-hero__top { width: 100%; display: flex; flex-direction: column; gap: clamp(8px, 1.4vh, 16px); }
.foxoff-hero--align-center .foxoff-hero__inner { text-align: center; align-items: center; }
.foxoff-hero--align-center .foxoff-hero__top { align-items: center; }
.foxoff-hero--align-left .foxoff-hero__inner { text-align: left; align-items: flex-start; }
.foxoff-hero--align-left .foxoff-hero__top { align-items: flex-start; }

/* Kicker */
.foxoff-hero__kicker {
  margin: 0 0 -12px; /* negative = tighter gap under the kicker */
  display: inline-block;
  transform: rotate(var(--fx-kicker-tilt, 0deg));
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  letter-spacing: 5px;
  color: var(--fx-kicker, #ffffff);
  font-size: clamp(15px, 2.4vw, 26px);
  text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}

/* Headline. One line stretches to fill; stacked = one word per line (matched size). */
.foxoff-hero__headline { width: 100%; }
.foxoff-hero__headline--stacked { display: flex; flex-direction: column; gap: clamp(2px, 0.6vh, 8px); }
.foxoff-hero__fit { width: 100%; line-height: 0.9; }
.foxoff-hero--align-center .foxoff-hero__fit { text-align: center; }
.foxoff-hero__headline-main {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  line-height: 0.9;
  letter-spacing: 1px;
  font-size: 64px; /* replaced by the fit script */
  transform: rotate(var(--fx-rotate, -2deg)) skewX(var(--fx-skew, -6deg));
  color: var(--fx-headline, #FB6129);
  -webkit-text-fill-color: var(--fx-headline, #FB6129);
  paint-order: stroke fill;
  -webkit-text-stroke: 2.5px var(--fx-outline, #0C0F0D);
  text-shadow:
    0 1px 0 var(--fx-outline, #0C0F0D), 0 2px 0 var(--fx-outline, #0C0F0D),
    0 3px 0 var(--fx-outline, #0C0F0D), 0 4px 0 var(--fx-outline, #0C0F0D),
    0 5px 0 var(--fx-outline, #0C0F0D), 0 6px 0 var(--fx-outline, #0C0F0D),
    0 12px 24px rgba(0,0,0,0.55),
    0 0 18px rgba(251, 97, 41, calc(var(--fx-glow, 1) * 0.95)),
    0 0 44px rgba(251, 97, 41, calc(var(--fx-glow, 1) * 0.55));
}
.foxoff-hero__ch { display: inline-block; will-change: transform; }

@keyframes foxoffNeon {
  0%, 100% { --fx-glow: 1; }
  8% { --fx-glow: 0.3; } 9% { --fx-glow: 1; } 9.5% { --fx-glow: 0.5; } 10% { --fx-glow: 1; }
  43% { --fx-glow: 1; } 44% { --fx-glow: 0.2; } 46% { --fx-glow: 1; }
  74% { --fx-glow: 0.6; } 75% { --fx-glow: 1; } 76% { --fx-glow: 0.35; } 77% { --fx-glow: 1; }
}
.foxoff-hero--flicker .foxoff-hero__headline-main { animation: foxoffNeon 6s infinite; }

/* Sub line */
.foxoff-hero__sub {
  margin: 0;
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  letter-spacing: 1px;
  color: var(--fx-sub, #FB6129);
  -webkit-text-fill-color: var(--fx-sub, #FB6129);
  paint-order: stroke fill;
  -webkit-text-stroke: 1.5px var(--fx-outline, #0C0F0D);
  font-size: clamp(24px, 3.6vw, 50px);
  line-height: 1;
  text-shadow: 0 3px 0 var(--fx-outline, #0C0F0D), 0 8px 18px rgba(0,0,0,0.5);
}

/* Prize cutout (transparent PNG below the sub line) with glow + float + shine */
.foxoff-hero__prize-wrap {
  position: relative;
  display: inline-block;
  margin: -6px auto 0; /* negative = tighter gap above the cutout */
  max-width: 100%;
  isolation: isolate;
}
.foxoff-hero--align-left .foxoff-hero__prize-wrap { margin-inline: 0; }
.foxoff-hero__prize {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: var(--fx-prize-max, 300px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,0.6));
}
/* Warm glow burst behind the vehicle */
.foxoff-hero__prize-wrap::before {
  content: "";
  position: absolute;
  left: 50%; top: 54%;
  width: 112%; height: 98%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: radial-gradient(ellipse at center, rgba(251,97,41,0.55) 0%, rgba(251,97,41,0.18) 42%, rgba(251,97,41,0) 68%);
  filter: blur(4px);
  pointer-events: none;
}
/* Shine sweep, masked to the vehicle's shape */
.foxoff-hero__prize-shine {
  position: absolute; inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,0.55) 50%, transparent 58%);
  background-size: 250% 100%;
  background-repeat: no-repeat;
  -webkit-mask: var(--fx-prize-url) center / contain no-repeat;
          mask: var(--fx-prize-url) center / contain no-repeat;
  opacity: 0;
}
/* Animations — only when the "Animate" toggle is on */
.foxoff-hero__prize-wrap--fx .foxoff-hero__prize { animation: foxoffFloat 4.5s ease-in-out infinite; }
.foxoff-hero__prize-wrap--fx::before { animation: foxoffPrizeGlow 3.2s ease-in-out infinite; }
.foxoff-hero__prize-wrap--fx .foxoff-hero__prize-shine { opacity: 1; animation: foxoffShine 4.5s ease-in-out infinite; }
@keyframes foxoffFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes foxoffPrizeGlow {
  0%, 100% { opacity: 0.72; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
}
@keyframes foxoffShine {
  0% { background-position: 210% 0; }
  35% { background-position: -110% 0; }
  100% { background-position: -110% 0; }
}
/* Hidden on desktop unless the "Also show on desktop" toggle is on */
@media (min-width: 750px) {
  .foxoff-hero__prize-wrap:not(.foxoff-hero__prize-wrap--desktop) { display: none; }
}

/* Value badge */
.foxoff-hero__value {
  display: inline-flex; flex-direction: column; align-items: center; gap: 2px;
  margin: 2px 0 0; padding: 0.6em 1.6em;
  background: rgba(12, 15, 13, 0.72);
  border: 1.5px solid rgba(251, 97, 41, 0.5);
  border-radius: 14px;
  box-shadow: 0 0 16px rgba(251,97,41,0.22), inset 0 0 12px rgba(251,97,41,0.06);
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  text-transform: uppercase;
}
.foxoff-hero__value--glow { animation: foxoffValueGlow 3.6s ease-in-out infinite; }
@keyframes foxoffValueGlow {
  0%, 100% { box-shadow: 0 0 14px rgba(251,97,41,0.20), inset 0 0 12px rgba(251,97,41,0.05); }
  50% { box-shadow: 0 0 28px rgba(251,97,41,0.45), inset 0 0 14px rgba(251,97,41,0.12); }
}
.foxoff-hero__value-prefix { font-weight: 400; letter-spacing: 2px; color: var(--fx-value-text, #ffffff); font-size: clamp(12px, 1.5vw, 16px); }
.foxoff-hero__value-amount { letter-spacing: 0.5px; color: var(--fx-value-amount, #FB6129); font-size: clamp(24px, 3vw, 40px); line-height: 1; text-shadow: 0 0 16px rgba(251,97,41,0.35); }
.foxoff-hero__value-cash { letter-spacing: 1px; color: var(--fx-value-cash, #41FB54); font-size: clamp(14px, 1.8vw, 20px); text-shadow: 0 0 14px rgba(65,251,84,0.4); }

/* Description */
.foxoff-hero__desc {
  max-width: 640px; margin: 2px auto 0;
  font-family: var(--font-accent--family, "Archivo Black", sans-serif);
  color: var(--fx-desc, #e8e8e8);
  font-size: clamp(13px, 1.5vw, 17px); line-height: 1.5;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.foxoff-hero--align-left .foxoff-hero__desc { margin-inline: 0; }
.foxoff-hero__desc p { margin: 0 0 0.4em; }
.foxoff-hero__desc p:last-child { margin-bottom: 0; }

/* Countdown (above the button) */
.foxoff-hero__timer { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 2px; color: var(--fx-timer, #ffffff); }
.foxoff-hero--align-left .foxoff-hero__timer { align-items: flex-start; }
.foxoff-hero__timer-label { font-family: "Black Ops One", var(--font-h1--family, sans-serif); letter-spacing: 2px; text-transform: uppercase; font-size: clamp(20px, 2.2vw, 24px); color: var(--fx-timer-label, var(--fx-timer, #ffffff)); text-shadow: 0 2px 8px rgba(0,0,0,0.6); }
.foxoff-hero__timer-units { display: flex; gap: 8px; }
.foxoff-hero__timer-unit {
  display: flex; flex-direction: column; align-items: center;
  min-width: clamp(52px, 7vw, 72px); padding: 8px 6px;
  border-radius: 12px; background: rgba(0,0,0,0.42);
  border: 1px solid rgba(255,255,255,0.15); backdrop-filter: blur(2px);
}
.foxoff-hero__timer-unit span { font-family: "Black Ops One", var(--font-h1--family, sans-serif); font-size: clamp(22px, 3.4vw, 38px); line-height: 1; font-variant-numeric: tabular-nums; }
.foxoff-hero__timer-unit small { margin-top: 4px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; opacity: 0.85; }

/* Actions — button below the timer/description */
.foxoff-hero__actions { margin-top: clamp(10px, 1.8vh, 20px); }

/* CTA — glossy 3D pill + a light that travels around the rim */
.foxoff-hero__cta {
  position: relative;
  isolation: isolate;
  display: inline-block;
  padding: 0.5em 2.6em;
  border-radius: 999px;
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  text-transform: uppercase; letter-spacing: 1.5px;
  font-size: clamp(18px, 2vw, 24px);
  color: var(--fx-cta-text, #ffffff); text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.3);
  background-color: var(--fx-cta-bg, #FB6129);
  background-image: linear-gradient(180deg,
    color-mix(in srgb, var(--fx-cta-bg, #FB6129) 70%, #ffffff) 0%,
    var(--fx-cta-bg, #FB6129) 52%,
    color-mix(in srgb, var(--fx-cta-bg, #FB6129) 82%, #000000) 100%);
  box-shadow: 0 6px 0 rgba(0,0,0,0.42), 0 16px 26px rgba(0,0,0,0.5), inset 0 2px 1px rgba(255,255,255,0.55);
  box-shadow: 0 6px 0 color-mix(in srgb, var(--fx-cta-bg, #FB6129) 55%, #000000), 0 16px 26px rgba(0,0,0,0.5), inset 0 2px 1px rgba(255,255,255,0.55), inset 0 -6px 12px rgba(0,0,0,0.18);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.15s ease;
}
/* top gloss */
.foxoff-hero__cta::before {
  content: ""; position: absolute; left: 6%; right: 6%; top: 4px; height: 44%;
  border-radius: 999px; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0));
}
/* travelling light that runs ALONG the pill border only (thin ring, moving bright segment) */
.foxoff-hero__cta::after {
  content: ""; position: absolute; inset: 0; z-index: 3;
  border-radius: inherit; pointer-events: none;
  padding: 2px; /* = border thickness */
  background: conic-gradient(from var(--fx-angle),
    rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 280deg,
    rgba(255,255,255,0.95) 315deg, rgba(255,224,178,0.95) 340deg, rgba(255,255,255,0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  animation: foxoffBorderSweep 2.6s linear infinite;
}
@keyframes foxoffBorderSweep { to { --fx-angle: 360deg; } }
.foxoff-hero__cta-label { position: relative; z-index: 2; }
.foxoff-hero__cta:hover { transform: translateY(2px); filter: brightness(1.03); }
.foxoff-hero__cta:hover { box-shadow: 0 4px 0 rgba(0,0,0,0.42), 0 10px 18px rgba(0,0,0,0.5), inset 0 2px 1px rgba(255,255,255,0.55); }
.foxoff-hero__cta:hover { box-shadow: 0 4px 0 color-mix(in srgb, var(--fx-cta-bg, #FB6129) 55%, #000000), 0 10px 18px rgba(0,0,0,0.5), inset 0 2px 1px rgba(255,255,255,0.55), inset 0 -6px 12px rgba(0,0,0,0.18); }
.foxoff-hero__cta:active { transform: translateY(5px); }
.foxoff-hero__cta--pulse { animation: foxoffHeroPulse 2.4s ease-in-out infinite; }
@keyframes foxoffHeroPulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.08); } }

/* ---- Spinning two-layer SCALLOPED price seal ---- */
.foxoff-hero__coin {
  position: absolute; z-index: 4;
  display: grid; place-items: center;
  width: clamp(104px, 11vw, 150px);
  height: clamp(104px, 11vw, 150px);
  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.55));
}
.foxoff-hero__badge--top-left { top: var(--fx-badge-inset); left: var(--fx-badge-inset); }
.foxoff-hero__badge--top-right { top: var(--fx-badge-inset); right: var(--fx-badge-inset); }
.foxoff-hero__badge--bottom-left { bottom: var(--fx-coin-offset, 100px); left: var(--fx-badge-inset); }
.foxoff-hero__badge--bottom-right { bottom: var(--fx-coin-offset, 100px); right: var(--fx-badge-inset); }

.foxoff-hero__coin-star {
  position: absolute;
  clip-path: polygon(50.0% 0.0%, 58.9% 11.0%, 71.7% 5.0%, 74.9% 18.7%, 89.1% 18.8%, 86.0% 32.6%, 98.7% 38.9%, 90.0% 50.0%, 98.7% 61.1%, 86.0% 67.4%, 89.1% 81.2%, 74.9% 81.3%, 71.7% 95.0%, 58.9% 89.0%, 50.0% 100.0%, 41.1% 89.0%, 28.3% 95.0%, 25.1% 81.3%, 10.9% 81.2%, 14.0% 67.4%, 1.3% 61.1%, 10.0% 50.0%, 1.3% 38.9%, 14.0% 32.6%, 10.9% 18.8%, 25.1% 18.7%, 28.3% 5.0%, 41.1% 11.0%);
  will-change: transform;
}
.foxoff-hero__coin-star--outer { inset: 0; background: var(--fx-coin-outer, #FB6129); animation: foxoffSpinCW 22s linear infinite; }
.foxoff-hero__coin-star--inner { inset: 13%; background: var(--fx-coin-inner, #FBE3C6); animation: foxoffSpinCCW 17s linear infinite; }
@keyframes foxoffSpinCW { to { transform: rotate(360deg); } }
@keyframes foxoffSpinCCW { to { transform: rotate(-360deg); } }

.foxoff-hero__coin-text {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  max-width: 58%; text-align: center; line-height: 1;
  font-family: "Black Ops One", var(--font-h1--family, sans-serif);
  text-transform: uppercase; color: var(--fx-coin-text, #0C0F0D);
}
.foxoff-hero__coin-top { font-size: clamp(9px, 1vw, 12px); letter-spacing: 1px; opacity: 0.85; }
.foxoff-hero__coin-main { font-size: clamp(13px, 1.45vw, 19px); letter-spacing: 0.3px; }

/* ---- Mobile ---- */
@media (max-width: 749px) {
  .foxoff-hero { min-height: 100vh; min-height: 100svh; }
  .foxoff-hero__bg--desktop { display: none; }
  .foxoff-hero__bg--mobile { display: block; }
  .foxoff-hero__inner { padding-bottom: clamp(68px, 9vh, 90px); }
  .foxoff-hero__top { gap: clamp(4px, 0.9vh, 10px); } /* tighter stack on mobile */
  .foxoff-hero__headline-main {
    -webkit-text-stroke-width: 1.5px;
    transform: rotate(calc(var(--fx-rotate, -2deg) * 0.5)) skewX(calc(var(--fx-skew, -6deg) * 0.6));
  }
  /* Mobile type hierarchy: kicker dominates, headline + sub smaller under it */
  .foxoff-hero__kicker { font-size: clamp(22px, 7.5vw, 40px); letter-spacing: 3px; }
  .foxoff-hero__sub { font-size: clamp(17px, 5vw, 30px); -webkit-text-stroke-width: 1px; }
  .foxoff-hero--desc-hide-mobile .foxoff-hero__desc { display: none; }

  /* Mobile stack order: button first, then prize value (with seal), then timer */
  .foxoff-hero__actions { order: 1; width: 100%; margin-top: 0; }
  .foxoff-hero__timer   { order: 3; }
  .foxoff-hero__cta { display: block; width: 100%; box-sizing: border-box; text-align: center; padding-inline: clamp(2em, 10vw, 4em); }

  /* Prize value box: text stacks on the LEFT, seal tucks into the RIGHT edge */
  .foxoff-hero__value {
    order: 2;
    width: 100%;
    margin-top: 20px;          /* gap between the button and the value box */
    position: relative;        /* anchor for the seal */
    align-items: flex-start;   /* text lines to the left */
    text-align: left;
    padding-right: 100px;      /* reserve space so text clears the seal */
  }
  .foxoff-hero__timer,
  .foxoff-hero__timer-units { width: 100%; }
  .foxoff-hero__timer-unit { flex: 1; min-width: 0; }
   .foxoff-hero__timer-label { width: 100%; text-align: center; }
  /* Seal sits inside the value box, on the right, poking past the edge */
  .foxoff-hero__coin {
    width: 104px; height: 104px;
    left: auto; bottom: auto;
    top: 50%;
    right: -6px;                       /* negative = pokes past the right edge */
    transform: translateY(-50%);       /* vertically centred on the box */
  }
}

@media (prefers-reduced-motion: reduce) {
  .foxoff-hero--flicker .foxoff-hero__headline-main,
  .foxoff-hero__value--glow,
  .foxoff-hero__coin-star--outer,
  .foxoff-hero__coin-star--inner,
  .foxoff-hero__cta::after,
  .foxoff-hero__cta--pulse,
  .foxoff-hero__prize-wrap--fx .foxoff-hero__prize,
  .foxoff-hero__prize-wrap--fx::before,
  .foxoff-hero__prize-wrap--fx .foxoff-hero__prize-shine { animation: none; }
}
/* ===== END FOXOFF GIVEAWAY HERO ===== */

/* =====================================================================
   DIAMOND BUNDLE - BOGO PROMO HIGHLIGHT (TEMPORARY)
   Dual selector: works with or without data-handle on the card
   ===================================================================== */
product-card[data-handle^="bundle-diamond"] .product-card__content,
product-card:has(a.product-card__link[href*="/products/bundle-diamond"]) .product-card__content {
  position: relative;
  z-index: 1;
  border: 3px solid #47fa5d !important;
  animation: diamond-pulse 1.4s ease-in-out infinite;
}

@keyframes diamond-pulse {
  0%, 100% {
    box-shadow: inset 0 0 16px rgba(71, 250, 93, 0.5),
                0 0 0 3px rgba(71, 250, 93, 0.45),
                0 0 18px 2px rgba(71, 250, 93, 0.6);
  }
  50% {
    box-shadow: inset 0 0 24px rgba(71, 250, 93, 0.85),
                0 0 0 3px rgba(71, 250, 93, 0.7),
                0 0 32px 8px rgba(71, 250, 93, 0.9);
  }
}

@media (prefers-reduced-motion: reduce) {
  product-card[data-handle^="bundle-diamond"] .product-card__content,
  product-card:has(a.product-card__link[href*="/products/bundle-diamond"]) .product-card__content {
    animation: none;
    box-shadow: inset 0 0 16px rgba(71, 250, 93, 0.5),
                0 0 0 3px rgba(71, 250, 93, 0.45);
  }
}

/* =====================================================================
   DIAMOND BUNDLE - BOGO PROMO HIGHLIGHT (TEMPORARY)
   ===================================================================== */
/* product-card[data-handle^="bundle-diamond"] .product-card__content {
  position: relative;
  z-index: 1;
  border: 3px solid #ffb300 !important;
  animation: diamond-pulse 1.4s ease-in-out infinite;
}

@keyframes diamond-pulse {
  0%, 100% {
    box-shadow: inset 0 0 16px rgba(255, 179, 0, 0.4),
                0 0 0 3px rgba(255, 179, 0, 0.35),
                0 0 18px 2px rgba(255, 179, 0, 0.5);
  }
  50% {
    box-shadow: inset 0 0 24px rgba(255, 179, 0, 0.7),
                0 0 0 3px rgba(255, 179, 0, 0.6),
                0 0 32px 8px rgba(255, 179, 0, 0.75);
  }
}

/* LIMITED TIME banner strip above the card */
/* product-card[data-handle^="bundle-diamond"] .product-card__content::before {
  content: "🔥 LIMITED TIME ONLY 🔥";
  display: block;
  background: #ffb300;
  color: #100400;
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 6px 4px;
  margin: -12px -12px 8px -12px;
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  product-card[data-handle^="bundle-diamond"] .product-card__content {
    animation: none;
    box-shadow: inset 0 0 16px rgba(255, 179, 0, 0.4),
                0 0 0 3px rgba(255, 179, 0, 0.35);
  }
} */ */


/* =====================================================================
   CART DRAWER WIDTH - desktop
   ===================================================================== */
@media screen and (min-width: 750px) {
  #cart-drawer .theme-drawer__dialog {
    width: 45vw !important;
  }
}


/* =====================================================================
   CART UPSELL - CART DRAWER & CART PAGE
   ===================================================================== */

/* Upsell card compare-at price  */
.cart-upsell-widget__compare {
  opacity: 0.6;
  margin-left: 6px;
  font-size: 0.85em;
}

/* Upsell-only checkout guard notice */
.cart-upsell-only-notice {
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: 0.85rem;
  font-weight: 600;
  text-align: center;
  color: #100400;
  background: #fdeee6;
  border: 1px solid #fb6029;
  border-radius: 6px;
}

/* Cart Upsell Widget */
.cart-upsell-widget {
  padding: 16px 0;
  background-color: rgb(var(--color-background-rgb));
  width: 100%;
}

.cart-upsell-widget__heading {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 12px 0 12px 0;
  color: rgb(var(--color-foreground-rgb));
  text-align: center;
  padding-top: 12px;
}

.cart-upsell-widget__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  background-image: linear-gradient(to right top, #fb6029, #fd7723, #fe8d1f, #fda121, #fbb529);
  padding: 10px; 
  border-radius: 5px;
}

.cart-upsell-widget__card:last-child {
  margin-bottom: 0;
}

.cart-upsell-widget__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cart-upsell-widget__title {
  font-size: 0.85rem;
  text-transform: uppercase;
  color: rgb(var(--color-foreground-rgb));
  font-weight: bold;
}

.cart-upsell-widget__pricing {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-upsell-widget__price {
  font-size: 0.85rem;
  font-weight: bold;
  color: rgb(var(--color-foreground-rgb));
}

.cart-upsell-widget__compare-price {
  font-size: 0.8rem;
  color: rgb(var(--color-foreground-rgb) / 0.8);
  font-weight: 500; 
}

.cart-upsell-widget__add-btn.button {
  font-size: 0.85rem;
  padding: 8px 22px;
  --button-background-color: #28fb60 !important;
  --button-border-color: #100400 !important;
  --button-color: #100400 !important;
  --style-border-width-primary: 2px !important;
}

.cart-upsell-widget__add-btn.button:hover {
  --button-background-color: #100400 !important;
  --button-border-color: #28fb60 !important;
  --button-color: #28fb60 !important;
}

/* =====================================================================
   CART DRAWER & CART PAGE Discount Label
   ===================================================================== */
.cart-discount__summary {
  padding: 5px 0 !important;
}

.cart-discount__label {
  font-weight: 600 !important;
  color: #444 !important;
}

.cart-discount__label:after {
  content: "CLICK HERE 👉" !important;
}

.bonus-entries-instruction {
  font-size: 0.8rem;
  font-weight: 600;
  color: #100400;
  margin: 5px 0 0 !important;
}

.bonus-entries-instruction .bonus {
  font-weight: 700 !important; 
  color: #f80f06ff;
}

.bonus-entries-instruction .must {
  text-decoration: underline; 
}
/* Adjust styling for cart page dark background */
.cart-page__summary .bonus-entries-instruction {
  font-size: 0.8rem;
  font-weight: 600;
  color: #fff;
  margin: 5px 0 0 !important;
}

.cart-page__summary .cart-discount__label {
  font-weight: 600 !important;
  color: #fff !important;
}

/* Cart page discount pill code — dark text on white pill */
@media screen and (min-width: 750px) {
  .cart-page__summary .cart-discount__pill-code,
  .cart-page__summary .cart-discount__pill-remove svg {
    color: #100400 !important;
  }
}

/* Cart page summary — mobile has white background, restore dark text */
@media screen and (max-width: 749px) {
  .cart-page__summary .bonus-entries-instruction {
    color: #100400;
  }
  .cart-page__summary .cart-discount__label {
    color: #100400 !important;
  }

}

/* CART DRAWER & CART PAGE Discount Label END */

/* =====================================================================
   HOMEPAGE HERO SECTION - EDITORIAL: JUMBO TEXT
   ===================================================================== */
/* media_with_content_EDQBPh - THEME: Horizon with Cart Upsell Lock Enhanced */
/* [id*="media_with_content_EDQBPh"] .media-block,
[id*="media_with_content_PbQePb"] .media-block {
  background-color: #fff !important;
} */

[id*="media_with_content_EDQBPh"] .jumbo-text-line,
[id*="media_with_content_PbQePb"] .jumbo-text-line {
  font-family: "Black Ops One", system-ui;
  font-weight: 400;
}

[id*="media_with_content_EDQBPh"] .button,
[id*="media_with_content_PbQePb"] .button {
  padding: 12px;
}

[id*="media_with_content_EDQBPh"] .button-secondary {
  background-color: #41fb54;
  padding: 12px;
}

[id*="media_with_content_EDQBPh"] .button-secondary:hover {
  background-color: #fff; 
  color: #100400;
}

[id*="media_with_content_EDQBPh"] .group-block h3,
[id*="media_with_content_PbQePb"] .group-block h3 {
  text-transform: uppercase;
}

[id*="media_with_content_EDQBPh"] .group-block h4 {
  color: #dfdfdf;
}

@media only screen and (min-width: 750px) and (max-width: 1020px) {
  [id*="media_with_content_EDQBPh"] .media-block,
  [id*="media_with_content_PbQePb"] .media-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  [id*="media_with_content_EDQBPh"] .media-block img,
  [id*="media_with_content_PbQePb"] .media-block img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    border-radius: 5px;
  }
}

@media only screen and (max-width: 750px) {
  [id*="media_with_content_EDQBPh"] .media-with-content,
  [id*="media_with_content_PbQePb"] .media-with-content {
    grid-template-areas: "content" "media" !important;
    grid-template-columns: 1fr !important;
    padding: 20px;
  }

  [id*="media_with_content_EDQBPh"] img,
  [id*="media_with_content_PbQePb"] img {
    border-radius: 5px !important;
  }

  [id*="media_with_content_EDQBPh"] .layout-panel-flex--row:not(.mobile-column) > .text-block,
  [id*="media_with_content_PbQePb"] .layout-panel-flex--row:not(.mobile-column) > .text-block {
    flex: 0 1 auto !important;
  }
}

/* HERO OVERFLOW FIX */
[id*="media_with_content_EDQBPh"] {
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  [id*="media_with_content_EDQBPh"] jumbo-text {
    font-size: clamp(2rem, 12vw, 6rem) !important;
    overflow: hidden !important;
    width: 100%;
  }

   [id*="media_with_content_EDQBPh"] .group-block .text-block--AMGFwdHJNbjE2Vjdsb__text_dYGg7T {
    font-size: clamp(0.7rem, 3.5vw, 1rem) !important;
    white-space: normal !important;
    overflow: visible !important;
    width: 100%;
    --text-wrap: wrap !important;
  }

  [id*="media_with_content_EDQBPh"] .group-block .text-block--AMGFwdHJNbjE2Vjdsb__text_dYGg7T p {
    white-space: normal !important;
    overflow: visible !important;
  }

  [id*="media_with_content_EDQBPh"] .jumbo-text-line,
  [id*="media_with_content_EDQBPh"] .group-block
  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
}

/* ============================================================
   TRUST STRIP 
   ============================================================ */
.trust-strip {
  background: var(--ts-bg, #ffffff);
  padding: var(--ts-py, 26px) 16px var(--ts-py-bottom, 26px);
}
.trust-strip--bt { border-top: 1px solid var(--ts-border, #e5e5e5); }
.trust-strip--bb { border-bottom: 1px solid var(--ts-border, #e5e5e5); }

.trust-strip__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: var(--ts-gap, 20px);
  align-items: start;
}

/* Desktop columns */
.trust-strip--d2 .trust-strip__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trust-strip--d3 .trust-strip__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.trust-strip--d4 .trust-strip__inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust-strip--d5 .trust-strip__inner { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.trust-strip--d6 .trust-strip__inner { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.trust-strip__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.trust-strip__icon { color: var(--ts-icon, #FB6129); display: inline-flex; }
.trust-strip__icon svg,
.trust-strip__icon img {
  width: var(--ts-icon-size, 30px);
  height: var(--ts-icon-size, 30px);
  display: block;
}
.trust-strip__icon img { object-fit: contain; }

.trust-strip__text {
  font-family: var(--font-h1--family, sans-serif);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--ts-text, #0C0F0D);
  font-size: var(--ts-text-size, 15px);
  line-height: 1.2;
}

/* Mobile columns */
@media (max-width: 749px) {
  .trust-strip { padding-left: 12px; padding-right: 12px; }
  .trust-strip__inner { gap: var(--ts-gap-mobile, 16px); }
  .trust-strip--m1 .trust-strip__inner { grid-template-columns: 1fr; }
  .trust-strip--m2 .trust-strip__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-strip--m3 .trust-strip__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  /* Centre a lone trailing item in a 2-column mobile grid (e.g. 3rd of 3) */
  .trust-strip--m2 .trust-strip__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
/* ===== END TRUST STRIP ===== */

/* =====================================================================
   FAQ LOOPS - Several Pages
   ===================================================================== */

#faq .faq-metaobject-custom {
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 4px;
}
#faq .faq-metaobject-custom .details__header {
  font-weight: 700;
}

#faq .details__header:hover { color: #fb6029; }

div:has(> #faq) {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
}

#faq .accordion--dividers accordion-custom:not(:first-child) .details {
  border-block-start: 1px solid #dfdedeff;
}

#faq,
#faq accordion-custom,
#faq .details {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
#faq .details-content a {
  font-weight: 700;
  color: #FB6129;
}

/* =====================================================================
   FOOTER
   ===================================================================== */
footer .menu__heading {
  display: none !important;
}

/* ============================================================
   FoxOff Giveaways — Countdown + Timer Bar
   Append this block to assets/custom.css (loaded in <head>).
   Ported from AUSPSFC. Horizon 4.1.3.

   Brand: orange #FB6129 · neon green #41FB54 · ink #0C0F0D
   Fonts: Horizon tokens only —
     --font-h1--family / --font-h3--family  (display)
     --font-body-family                     (body)
   NOTE: --font-heading-family does NOT exist in Horizon. Do not use it.

   Layout: floating pill, inset from the edges, near the bottom on ALL device sizes.
   Compact single row (heading · timer · CTA); wraps on very narrow phones.
   Tweak the --gtb-* variables below to restyle without touching the rules.
   ============================================================ */

.gtb {
  /* --- Brand tokens (edit these to restyle) --- */
  --gtb-orange: #FB6129;
  --gtb-green:  #41FB54;
  --gtb-ink:    #0C0F0D;
  --gtb-card:   #f0faf2ff;   /* light green-tinted bar */
  --gtb-muted:  #5C675E;   /* label grey-green */
  --gtb-num:    #17A62C;   /* digit colour — legible green (swap for var(--gtb-orange) or var(--gtb-ink)) */
  --gtb-cta-fg: #0C0F0D;

  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;      /* centers the fixed element */
  bottom: 12px;
  width: 80%;
  box-sizing: border-box;
  z-index: 9999;
  background: var(--gtb-card);
  border: 1px solid color-mix(in srgb, var(--gtb-green) 55%, transparent);
  border-radius: 20px;
  /* subtle neon-green glowing edge all round */
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--gtb-green) 32%, transparent),
    0 0 10px color-mix(in srgb, var(--gtb-green) 42%, transparent),
    0 12px 30px rgba(0, 0, 0, 0.22);

  padding: 8px 20px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.gtb[hidden] { display: none; }

/* Hide the bar while a drawer/modal (e.g. the cart) is open.
   CSS :has() only — never a body-wide MutationObserver (caused jank/freezes). */
:root:has(dialog[open]) .gtb,
:root:has(cart-drawer[open]) .gtb,
:root:has(.cart-drawer[open]) .gtb,
:root:has(.cart-drawer.is-open) .gtb,
:root:has([aria-modal="true"]) .gtb {
  opacity: 0;
  pointer-events: none;
  transform: translateY(150%);
}

.gtb__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 26px;
  padding-right: 30px;   /* room for the close button */
}

/* Heading — "WINNER DRAWN IN" */
.gtb__heading {
  margin: 0;
  font-family: var(--font-h1--family, sans-serif);
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gtb-ink);
  line-height: 1;
  white-space: nowrap;
}

.gtb__row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 26px;
}

.gtb__timer { display: flex; justify-content: center; }

/* CTA pill — FoxOff orange */
.gtb__cta {
  display: inline-block;
  background: var(--gtb-orange);
  color: var(--gtb-card);
  font-family: var(--font-body-family, sans-serif);
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.55rem 1.1rem;
  border-radius: 60px;
  white-space: nowrap;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}
.gtb__cta:hover {
  background: color-mix(in srgb, var(--gtb-orange) 88%, #000);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--gtb-orange) 45%, transparent);
}

/* Dismiss button — vertically centred at the right edge */
.gtb__close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  color: var(--gtb-ink);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.55;
  transition: opacity 0.12s ease;
}
.gtb__close:hover { opacity: 1; }


/* ------------------------------------------------------------
   Countdown tiles (snippets/giveaway-countdown.liquid)
   Number with a small label beneath, no colon separators.
   ------------------------------------------------------------ */
.gc {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}
.gc__sep { display: none; }

.gc__tile {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 42px;
}

.gc__num {
  font-family: var(--font-h1--family, sans-serif);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1;
  color: var(--gtb-num);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 8px color-mix(in srgb, var(--gtb-green) 35%, transparent);
}

.gc__lab {
  font-family: var(--font-body-family, sans-serif);
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gtb-muted);
  margin-top: 4px;
}

.gc__ended {
  font-family: var(--font-body-family, sans-serif);
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gtb-num);
}

.gc--compact .gc { gap: 12px; }

/* Small phones — trim everything a touch; heading wraps to its own line */
@media (max-width: 480px) {
  .gtb { 
    padding: 7px 12px; 
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;  
    }
  .gtb__inner { gap: 8px 14px; padding-right: 26px; }
  .gtb__heading { font-size: 0.95rem; }
  .gtb__row { gap: 8px 14px; }
  .gc { gap: 10px; }
  .gc__tile { min-width: 34px; }
  .gc__num { font-size: 1.35rem; }
  .gc__lab { font-size: 0.45rem; }
  .gtb__cta { padding: 0.5rem 1.1rem; font-size: 0.75rem; }
  .gtb__close { width: 22px; height: 22px; right: 8px; }
}