/** Shopify CDN: Minification failed

Line 141: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 */
  .menu-list__list-item:has(.menu-list__submenu) > .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([aria-expanded='true']) > .menu-list__link .menu-list__link-title::after {
    transform: rotate(-135deg);
    margin-bottom: -3px;
  }

}
/* HEADER end */


/* =====================================================================
   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;
  }
}

/* =====================================================================
   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; }
}