/** Shopify CDN: Minification failed

Line 52:0 Expected "*/" to terminate multi-line comment

**/
/* ===== Dark Veil – Shopify-safe Background (No White Block, Mobile-Safe) ===== */

/* Only make body transparent so veil shows through */
body {
  background: transparent !important;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Let the ::before sit behind everything */
body {
  position: relative;
  z-index: 0;
}

/* Aurora background layer */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;

  /* Deep navy base */
  background-color: #020617;

  /* Turquoise + black blended waves (adjust as needed) */
  background-image:
    radial-gradient(1000px 1000px at var(--x1, 20%) var(--y1, 30%), rgba(34, 211, 238, 0.15), transparent 80%),
    radial-gradient(900px 900px at var(--x2, 80%) var(--y2, 75%), rgba(0, 0, 0, 0.75), transparent 55%),
    radial-gradient(1200px 1200px at var(--x3, 50%) var(--y3, -10%), rgba(0, 0, 0, 0.75), transparent 55%);

  background-repeat: no-repeat;

  /* Do NOT use background-attachment: fixed — breaks mobile rendering */
  /* background-attac*