/** Shopify CDN: Minification failed

Line 374:0 Expected "}" to go with "{"

**/
/* Ghost Fibers + Apple frosted glass — FIXED selectors (Impact has no body.template-index;
   section ids are shopify-section-template--NNN__key, not #shopify-section-hero) */
:root {
  /* Clear glass — same recipe as menu FAB (low-alpha fill + real blur; no milky wash) */
  --cleanuv-glass: rgba(255, 255, 255, 0.08);
  --cleanuv-glass-strong: rgba(255, 255, 255, 0.08);
  --cleanuv-glass-card: rgba(255, 255, 255, 0.08);
  --cleanuv-glass-border: rgba(255, 255, 255, 0.55);
  --cleanuv-glass-highlight: rgba(255, 255, 255, 0.75);
  --cleanuv-glass-shadow: 0 10px 28px rgba(30, 16, 45, 0.10), 0 1px 4px rgba(30, 16, 45, 0.04);
  --cleanuv-glass-radius: 32px;
  --cleanuv-glass-blur: blur(0px) saturate(180%) brightness(105%);
  /* Modular button tokens — easy to tweak in a follow-up */
  --cleanuv-btn-fill: rgba(255,240,248,0.55);
  --cleanuv-btn-fill-hero: #ffffff;
  --cleanuv-btn-text: #3b1f3a;
  --cleanuv-btn-track: transparent;
  --cleanuv-btn-neon-a: #7B2FF7;
  --cleanuv-btn-neon-b: #ff00c7;
  --cleanuv-btn-radius: 980px;
  --cleanuv-btn-pad-y: 0.95rem;
  --cleanuv-btn-pad-x: 1.75rem;
  --cleanuv-btn-spin-duration: 0s;
}

html, body {
  background: transparent !important;
  background-color: transparent !important;
}
body { position: relative; }

#cleanuv-ghost-fibers {
  position: fixed !important;
  /* CLS: match cleanuv-fibers-motion final inset so late CSS does not resize the box */
  inset: -160px !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image:
    radial-gradient(ellipse 56% 48% at 0% 0%, rgba(255, 15, 198, 0.88), transparent 72%),
    radial-gradient(ellipse 54% 46% at 100% 0%, rgba(120, 55, 245, 0.78), transparent 72%),
    radial-gradient(ellipse 56% 48% at 0% 100%, rgba(120, 55, 245, 0.8), transparent 72%),
    radial-gradient(ellipse 54% 46% at 100% 100%, rgba(255, 15, 198, 0.82), transparent 72%),
    radial-gradient(ellipse 44% 62% at 0% 50%, rgba(255, 15, 198, 0.66), transparent 72%),
    radial-gradient(ellipse 44% 62% at 100% 50%, rgba(120, 55, 245, 0.6), transparent 72%),
    radial-gradient(ellipse 66% 38% at 50% 0%, rgba(120, 55, 245, 0.52), transparent 74%),
    radial-gradient(ellipse 66% 38% at 50% 100%, rgba(255, 15, 198, 0.5), transparent 74%),
    radial-gradient(ellipse 24% 20% at 38% 42%, rgba(255, 15, 198, 0.28), transparent 70%),
    radial-gradient(ellipse 22% 18% at 64% 58%, rgba(120, 55, 245, 0.22), transparent 70%),
    radial-gradient(ellipse 68% 60% at 50% 48%, rgba(255, 255, 255, 0.48), transparent 72%) !important;
  background-repeat: no-repeat !important;
  background-size: 165% 165% !important;
  filter: blur(28px) !important;
  -webkit-filter: blur(28px) !important;
  contain: none !important;
}

#cleanuv-ghost-fibers .cleanuv-blob {
  display: none !important; /* disabled: animated blur children caused scroll jump / missing sections */
}
#cleanuv-ghost-fibers canvas {
  display: none !important;
}

#shopify-section-group-header-group,
[id^="shopify-section-group"][id*="header"],
#main, main[role="main"],
#shopify-section-group-footer-group,
[id^="shopify-section-group"][id*="footer"] {
  position: relative !important;
  z-index: 1 !important;
}

/* Transparent page fills so fibers show through */
html, body, #main, main[role="main"],
.shopify-section, .section, .bg-custom, .bg-gradient, .color-scheme, .surface,
.footer, .footer__aside, .footer__aside-bottom {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  --background: 255 255 255 / 0 !important;
  --background-primary: 255 255 255 / 0 !important;
  --color-background: transparent !important;
  --gradient-background: transparent !important;
  --gradient: none !important;
}
.section.bg-gradient::before,
.bg-gradient::before,
.section.bg-custom::before,
.bg-custom::before {
  content: none !important;
  display: none !important;
}

/* HEADER / ANNOUNCEMENT — thin glass bars */
.shopify-section--announcement-bar,
.announcement-bar,
.announcement-bar__container {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  backdrop-filter: saturate(160%) blur(20px) !important;
  border: none !important;
  box-shadow: none !important;
}
.shopify-section--header,
.header, .header__wrapper, .shopify-section--header .header {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  -webkit-backdrop-filter: saturate(160%) blur(22px) !important;
  backdrop-filter: saturate(160%) blur(22px) !important;
  border: none !important;
  box-shadow: none !important;
}
.shopify-section--header::after,
.header::after,
.header__wrapper::after,
.announcement-bar::after {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===== HERO — tiny positive gap under sticky menu; overlay buttons ON image ===== */
html body #main > .shopify-section--image-with-text-overlay,
html body #main > [id*="__hero"].shopify-section,
html body #main > [id$="__hero"] {
  position: relative !important;
  z-index: 3 !important;
  /* isolation off for true backdrop glass */
  background: transparent !important;
  background-image: none !important;
  /* Subtle gap under sticky header (undo aggressive -2.5rem flush) */
  margin-block-start: 0.75rem !important;
  margin-top: 0.75rem !important;
  padding-block-start: 0 !important;
  padding-top: 0 !important;
  padding-inline: clamp(0.5rem, 2vw, 1.25rem) !important;
  padding-bottom: 0.35rem !important;
  max-width: none !important; /* was 1100 — desktop side gap */
  margin-inline: auto !important;
}
@media screen and (min-width: 1000px) {
  html body #main > .shopify-section--image-with-text-overlay,
  html body #main > [id$="__hero"] {
    margin-block-start: 0.85rem !important;
    margin-top: 0.85rem !important;
  }
}
html body #main > [id$="__hero"] .section,
html body #main > [id$="__hero"] .section-stack,
html body #main > .shopify-section--image-with-text-overlay .section {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body #main > [id$="__hero"] .content-over-media,
html body #main > [id$="__hero"] image-banner.content-over-media,
html body #main > .shopify-section--image-with-text-overlay .content-over-media {
  position: relative !important;
  z-index: 3 !important;
  isolation: isolate !important;
  /* MUST stay grid — display:block stacks buttons under the picture */
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: var(--cleanuv-glass-radius) !important;
  overflow: hidden !important;
  background: var(--cleanuv-glass-strong) !important;
  -webkit-backdrop-filter: var(--cleanuv-glass-blur) !important;
  backdrop-filter: var(--cleanuv-glass-blur) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: var(--cleanuv-glass-shadow), inset 0 1px 0 var(--cleanuv-glass-highlight) !important;
}
/* Keep hero content/buttons overlaid on media (not stacked below) */
html body #main > [id$="__hero"] .content-over-media > :not(img, video, iframe, svg, video-media, picture),
html body #main > .shopify-section--image-with-text-overlay .content-over-media > :not(img, video, iframe, svg, video-media, picture) {
  grid-area: 1 / 1 / -1 / -1 !important;
  place-self: end start !important;
  justify-self: start !important;
  align-self: end !important;
  z-index: 2 !important;
  position: relative !important;
  max-width: none !important;
}
html body #main > [id$="__hero"] .content-over-media.full-bleed,
html body #main > [id$="__hero"] .full-bleed {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  border-radius: var(--cleanuv-glass-radius) !important;
}
html body #main > [id$="__hero"] .content-over-media > picture,
html body #main > [id$="__hero"] .content-over-media > img,
html body #main > [id$="__hero"] .content-over-media > video {
  border-radius: calc(var(--cleanuv-glass-radius) - 2px) !important;
}

/* Homepage non-hero sections — glass shells (exclude footer group) */
html body #main .shopify-section:not([id$="__hero"]):not(.shopify-section--image-with-text-overlay):not([id*="ftr_"]):not(.shopify-section-group-index-footer-group):not(.shopify-section--blocks) {
  position: relative !important;
  z-index: 2 !important;
  padding-block: 0.75rem !important;
}
/* ===== PRODUCT CARDS — whole-card frost, beat section transparent rules ===== */
html body #main product-card.product-card,
html body #main .product-list product-card.product-card,
html body #main .shopify-section--featured-collection product-card.product-card,
html body #main [id*="more-than-one"] product-card.product-card,
html body #main [id*="more-than-one"] .product-card.bg-custom,
html body #main [id*="more-than-one"] .product-card.bg-gradient,
html body #main .product-card.product-card--blends {
  background: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  background-image: none !important;
  -webkit-backdrop-filter: var(--cleanuv-glass-blur) !important;
  backdrop-filter: var(--cleanuv-glass-blur) !important;
  border: 1px solid var(--cleanuv-glass-border) !important;
  border-radius: 30px !important;
  box-shadow:
    0 16px 40px rgba(80, 40, 120, 0.14),
    inset 0 1px 0 var(--cleanuv-glass-highlight),
    inset 0 -1px 0 rgba(255, 255, 255, 0.25) !important;
  overflow: hidden !important;
  padding: 0.95rem !important;
}
html body #main product-card .product-card__figure,
html body #main product-card .product-card__media,
html body #main product-card .product-card__image,
html body #main product-card img {
  background: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 22px !important;
}
html body #main product-card .product-card__figure,
html body #main product-card .product-card__media {
  margin-bottom: 0 !important;
}
html body #main product-card .product-card__info {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  /* Separate photo from title/price (~0.5–0.75rem) */
  margin-top: 0.65rem !important;
  padding: 0.15rem 0.25rem 0.15rem !important;
  border-radius: 0 !important;
}

img, picture, video, .button, button, .btn { opacity: 1; }

/* ===== FOOTER — outer frost only (never nested ai-gradient-footer-* plates) ===== */
html body .shopify-section--footer,
html body .footer,
html body .footer__aside,
html body .footer__aside-bottom,
html body [id*="ftr_"].shopify-section,
html body [id*="ftr_"] > .section,
html body .shopify-section:has([class*="ai-gradient-footer"]),
html body .shopify-section:has([class*="ai-gradient-footer"]) > .section,
html body .shopify-section:has([class*="ai-gradient-footer"]) > .section.bg-gradient {
  background: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  background-image: none !important;
  --gradient: none !important;
  -webkit-backdrop-filter: var(--cleanuv-glass-blur) !important;
  backdrop-filter: var(--cleanuv-glass-blur) !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}
html body footer[class*="ai-gradient-footer"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* Kill nested white plates / zebra fills inside AI footer */
html body [class*="ai-gradient-footer-"][class*="column"],
html body [class*="ai-gradient-footer-"][class*="content"],
html body [class*="ai-gradient-footer-"][class*="grid"],
html body [class*="ai-gradient-footer-"][class*="bottom"],
html body [class*="ai-gradient-footer-"][class*="links"],
html body [class*="ai-gradient-footer-"][class*="link"],
html body [class*="ai-gradient-footer-"][class*="text"],
html body [class*="ai-gradient-footer-"][class*="heading"],
html body [class*="ai-gradient-footer-"][class*="copyright"],
html body [id*="ftr_"] .footer__block,
html body [id*="ftr_"] .footer-block,
html body .shopify-section:has([class*="ai-gradient-footer"]) .footer__block,
html body .shopify-section:has([class*="ai-gradient-footer"]) .footer-block {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}
html body .shopify-section:has([class*="ai-gradient-footer"])::before,
html body .shopify-section:has([class*="ai-gradient-footer"])::after,
html body footer[class*="ai-gradient-footer"]::before,
html body footer[class*="ai-gradient-footer"]::after,
html body [class*="ai-gradient-footer-"]::before,
html body [class*="ai-gradient-footer-"]::after,
html body .footer::before,
html body .footer::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  height: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  #cleanuv-ghost-fibers {
  position: fixed !important;
  inset: -140px !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image:
    radial-gradient(ellipse 56% 48% at 0% 0%, rgba(255, 15, 198, 0.88), transparent 72%),
    radial-gradient(ellipse 54% 46% at 100% 0%, rgba(120, 55, 245, 0.78), transparent 72%),
    radial-gradient(ellipse 56% 48% at 0% 100%, rgba(120, 55, 245, 0.8), transparent 72%),
    radial-gradient(ellipse 54% 46% at 100% 100%, rgba(255, 15, 198, 0.82), transparent 72%),
    radial-gradient(ellipse 44% 62% at 0% 50%, rgba(255, 15, 198, 0.66), transparent 72%),
    radial-gradient(ellipse 44% 62% at 100% 50%, rgba(120, 55, 245, 0.6), transparent 72%),
    radial-gradient(ellipse 66% 38% at 50% 0%, rgba(120, 55, 245, 0.52), transparent 74%),
    radial-gradient(ellipse 66% 38% at 50% 100%, rgba(255, 15, 198, 0.5), transparent 74%),
    radial-gradient(ellipse 24% 20% at 38% 42%, rgba(255, 15, 198, 0.28), transparent 70%),
    radial-gradient(ellipse 22% 18% at 64% 58%, rgba(120, 55, 245, 0.22), transparent 70%),
    radial-gradient(ellipse 68% 60% at 50% 48%, rgba(255, 255, 255, 0.48), transparent 72%) !important;
  background-repeat: no-repeat !important;
  background-size: 160% 160% !important;
  filter: blur(28px) !important;
  -webkit-filter: blur(28px) !important;
  contain: none !important;
}


/* CLS: mobile first-paint geometry must match cleanuv-fibers-motion.css (avoid late inset jump -140→-40) */
@media screen and (max-width: 999px) {
  #cleanuv-ghost-fibers {
    inset: -40px !important;
    background-size: 140% 140% !important;
    background-position: center center !important;
    animation: none !important;
    transform: none !important;
  }
}