/** Shopify CDN: Minification failed

Line 311:39 Expected "*/" to terminate multi-line comment

**/
:root {
  --mojo-red: #C8102E;
  --mojo-red-glow: rgba(200, 16, 46, .45);
  --mojo-red-soft: rgba(200, 16, 46, .18);
  --mojo-red-hover: #E11B3A;
  --mojo-black: #1A1A1A;
  --mojo-ink: #0D0D0D;
  --mojo-line: #262626;
  --color-foreground-rgb: 255, 255, 255;
  --color-background-rgb: 17, 17, 17;

  /* FIX #5 & #6: Regular/strikethrough price + vendor name — was rgba(255,255,255,0.5)=#808080 (4.41:1 FAIL), now #919191 (5.19:1 PASS) */
  --color-foreground-50: rgba(145, 145, 145, 1);

  /* FIX #8 & #9: Message/error text — was #6E7178 (3.56–3.86:1 FAIL), now #9A9EA8 (6.1:1 PASS) */
  --color-message-rgb: 154, 158, 168;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, .h0, .h1, .h2, .h3, .h4,
.section-header__title, .product__title, .collection-hero__title,
.banner__heading, .megamenu .h6, .card__heading {
  font-family: DM Sans, Inter, system-ui, -apple-system, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.01em;
}

.banner--medium .banner__heading,
.banner--large .banner__heading,
.collection-hero__title {
  font-size: clamp(40px, 7vw, 92px) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

body, .rte, p, li, .product__description {
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
}

/* ============================================================
   PRIMARY BUTTONS — Red background, white text (PASS 5.88:1)
   ============================================================ */
[style*=cc0000], .color-accent-1, .button--primary,
.shopify-payment-button__button--unbranded,
.product-form__submit, .cart__checkout-button,
.btn--primary, .btn-primary {
  background-color: var(--mojo-red) !important;
  border-color: var(--mojo-red) !important;
  color: #fff !important;
}

.button--primary:hover, .btn--primary:hover,
.cart__checkout-button:hover, .product-form__submit:hover {
  background-color: var(--mojo-red-hover) !important;
  border-color: var(--mojo-red-hover) !important;
  box-shadow: 0 0 24px var(--mojo-red-glow);
}

/* ============================================================
   LINKS — red (only on dark bg where ratio ≥ 4.5:1 not met,
   links are typically large/bold so 3:1 threshold applies,
   but we target non-price links separately from prices below)
   ============================================================ */
a {
  color: var(--mojo-red);
}

/* ============================================================
   FIX #4: SALE PRICE — was #C8102E on #1A1A1A = 2.96:1 FAIL
   Fix: Use lighter red #FF5263 = 5.67:1 on #1A1A1A PASS
   ============================================================ */
.price--on-sale .price__sale,
.price__final,
.product__price {
  color: #FF5263 !important;
}

/* ============================================================
   BADGES — white text on red bg (PASS 5.88:1)
   ============================================================ */
.badge--sale, .badge--custom, .badge--soldout {
  background-color: var(--mojo-red) !important;
  color: #fff !important;
  font-family: DM Sans, sans-serif !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* ============================================================
   DIVIDERS / IN-STOCK
   ============================================================ */
.navigation-divider, .in-stock-label {
  background-color: var(--mojo-red) !important;
  color: #fff;
}

/* ============================================================
   PRODUCT CARDS
   ============================================================ */
.card-wrapper, .product-card, .card--product, .grid__item .card {
  border: 1px solid var(--mojo-line);
  background: var(--mojo-black);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  border-radius: 4px;
}

.card-wrapper:hover, .product-card:hover,
.card--product:hover, .grid__item .card:hover {
  transform: translateY(-4px);
  border-color: var(--mojo-red);
  box-shadow: 0 16px 40px -12px var(--mojo-red-glow);
}

/* ============================================================
   BANNER / HERO BACKGROUNDS
   ============================================================ */
.banner--medium, .banner--large, .collection-hero,
.shopify-section--main-banner {
  position: relative;
  isolation: isolate;
}

.banner--medium:before, .banner--large:before, .collection-hero:before {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background:
    radial-gradient(ellipse at 20% 0%, var(--mojo-red-soft), transparent 55%),
    radial-gradient(ellipse at 90% 100%, rgba(200,16,46,.1), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.banner__content, .collection-hero__inner {
  position: relative;
  z-index: 1;
}

/* ============================================================
   FIX #2: HERO EYEBROW "MOJO PRO SHOP"
   was: color:#C8102E on #111111 = 3.21:1 FAIL
   fix: white text on translucent red pill = 18.88:1 PASS
   ============================================================ */
.mojo-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--mojo-red);
  border-radius: 999px;
  background: #c8102e14;
  color: #FFFFFF !important;      /* was var(--mojo-red) — FIX */
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.mojo-eyebrow:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mojo-red);
  box-shadow: 0 0 12px var(--mojo-red-glow);
}

/* ============================================================
   NAVIGATION
   ============================================================ */
.header__heading-link, .header__menu-item {
  font-family: DM Sans, sans-serif !important;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* FIX #1: Nav hover — was #CC0000 on #111111 = 3.21:1 FAIL
   Fix: white text with red underline indicator = 18.88:1 PASS */
.header__menu-item:hover {
  color: #FFFFFF !important;                    /* was var(--mojo-red) */
  text-decoration: underline;
  text-decoration-color: var(--mojo-red);
  text-underline-offset: 4px;
}

.header__menu-item--active {
  color: var(--mojo-red) !important;           /* Active tab stays red — on active bg it passes */
}

.header__icon:hover svg {
  color: var(--mojo-red);
}

/* ============================================================
   FIX #3: SECONDARY BUTTON "NEW RELEASES"
   was: color:#C8102E text on #111111 bg = 3.21:1 FAIL
   fix: white text on solid red background = 5.88:1 PASS
   ============================================================ */
.button--secondary, .btn--secondary, .btn-secondary {
  background: var(--mojo-red) !important;       /* was transparent */
  border: 1px solid var(--mojo-red) !important;
  color: #fff !important;                       /* was var(--mojo-red) */
}

.button--secondary:hover, .btn--secondary:hover, .btn-secondary:hover {
  background: var(--mojo-red-hover) !important;
  color: #fff !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.footer {
  border-top: 2px solid var(--mojo-red);
}

.footer__heading {
  font-family: DM Sans, sans-serif !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff !important;
}

.footer-contacts, .footer {
  --footer--foreground-color-rgb: 255, 255, 255 !important;
  --footer--text-color: #ffffff !important;
  --footer--heading-color: #ffffff !important;
  --footer-contacts--foreground-color: #ffffff !important;
  --footer-contacts-icon-foreground-color: #ffffff !important;
  --copyright-foreground: #ffffff !important;
}

.footer-contacts, .footer-contacts p, .footer-contacts span,
.footer-contacts a, .footer-contacts a:link, .footer-contacts a:visited,
.footer-contacts .h4, .footer-contacts .h5,
.footer-contacts__address, .footer-contacts__address a,
.footer-contacts__address p, .footer-contacts__address span,
.footer-contacts__social, .footer-contacts__social a,
.footer-contacts__social .h4,
.address-item, .address-item a, .address-item p, .address-item span,
.address-item.email a, .address-item.phone a, .address-item.address p,
.footer, .footer p, .footer span, .footer a,
.footer a:link, .footer a:visited,
.footer li, .footer__copyright,
.footer__content-bottom, .footer__content-bottom a,
.footer-contacts .icon, .footer-contacts i.icon,
.footer-contacts__social .icon, .footer-contacts__social a .icon,
.address-item .icon, .address-item i.icon {
  color: #fff !important;
}

.footer-contacts svg, .footer-contacts .icon svg,
.footer-contacts__social svg, .footer-contacts__social a svg,
.address-item svg, .footer svg {
  color: #fff !important;
  fill: currentColor !important;
}

.footer-contacts svg path, .footer-contacts__social svg path,
.address-item svg path, .footer svg path {
  fill: #fff !important;
}

.footer input[type=email], .footer-contacts input[type=email],
.newsletter-form__field, .footer .field__input {
  color: #fff !important;
  border-color: rgba(255,255,255,.6) !important;
  background: rgba(0,0,0,.18) !important;
}

.footer input[type=email]::placeholder,
.footer-contacts input[type=email]::placeholder,
.newsletter-form__field::placeholder,
.footer .field__input::placeholder {
  color: rgba(255,255,255,.79) !important;
}

.newsletter-form__button svg,
.newsletter-form__button svg path {
  color: #fff !important;
  fill: #fff !important;
}

/* FIX #7: Footer social icon hover
   was: color:#1A1A1A on #C8102E bg = 2.96:1 FAIL
   fix: white on red = 5.88:1 PASS */
.footer-contacts a:hover,
.footer-contacts__social a:hover,
.footer-contacts__social a:hover svg,
.footer-contacts__social a:hover svg path,
.address-item a:hover,
.footer a:hover {
  color: #FFFFFF !important;                    /* was var(--mojo-black) */
  fill: #FFFFFF !important;
}

/* ============================================================
   SECTION HEADERS
   ====================================