/** Shopify CDN: Minification failed

Line 57:0 Unexpected "-"
Line 364:0 Expected "{" but found end of file

**/
/* COLLECTION CARD BASE */
.card-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

/* IMAGE CLEANUP */
.card-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SHINE OVERLAY */
.card-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.25) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
  pointer-events: none;
}

/* HOVER TRIGGER */
.card-wrapper:hover::after {
  animation: shineMove 1.1s ease-in-out;
  opacity: 1;
}

/* ANIMATION */
@keyframes shineMove {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

- 

/* Kill any arrow icon on collection/product titles (Ride theme) */
.card__heading a::after,
.card__heading a::before,
.card__heading-link::after,
.card__heading-link::before {
  content: none !important;
  display: none !important;
}

/* Hide any inline SVG icons inside headings */
.card__heading svg {
  display: none !important;
}

/* Remove any flex-based icon spacing */
.card__heading a {
  gap: 0 !important;
}

------------

/* TARGET LOGO (Ride-safe selectors) */
.header__heading-logo img,
.header__heading-link img,
.header__logo img {
  display: inline-block;
  animation: logoSway 6s ease-in-out infinite !important;
  transform-origin: center;
  will-change: transform;
}

/* SWAY ANIMATION */
@keyframes logoSway {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0px);
  }
}
------ 
/* FORCE PURPLE LOGO GLOW (Ride theme safe selector) */
.header__heading img,
.header__heading-logo img,
.header__logo img,
.header__heading-link img {
  filter: drop-shadow(0 0 8px rgba(170, 0, 255, 0.75))
          drop-shadow(0 0 18px rgba(140, 0, 255, 0.45)) !important;
}

----- 

/* PILL BUTTON BASE */
.button,
.btn,
.shopify-payment-button__button,
a.button {
  border-radius: 999px !important;
  padding: 12px 22px !important;
  position: relative;
  overflow: visible;
  transform: translateZ(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

/* GLOW BASE (subtle default state) */
.button::after,
.btn::after,
.shopify-payment-button__button::after,
a.button::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(255,255,255,0.35), transparent 70%);
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.6s ease;
  z-index: -1;
}

/* HOVER GLOW */
.button:hover,
.btn:hover,
.shopify-payment-button__button:hover,
a.button:hover {
  transform: scale(1.03);
  box-shadow: 0 0 18px rgba(255,255,255,0.25),
              0 0 40px rgba(255,255,255,0.15);
}

.button:hover::after,
.btn:hover::after,
.shopify-payment-button__button:hover::after,
a.button:hover::after {
  opacity: 1;
}

/* SLOW PULSE (LIKE LOGO ENERGY BUT CONTROLLED) */
@keyframes buttonGlowPulse {
  0% {
    box-shadow: 0 0 10px rgba(255,255,255,0.10);
  }
  50% {
    box-shadow: 0 0 22px rgba(255,255,255,0.18);
  }
  100% {
    box-shadow: 0 0 10px rgba(255,255,255,0.10);
  }
}

/* apply pulse only to your main store button if possible */
.button,
.btn {
  animation: buttonGlowPulse 4s ease-in-out infinite;
}

-----


section.image-with-text h2,
.image-with-text__heading h2,
h2.image-with-text__heading {
  color: #ffffff !important;

  text-shadow:
    0 0 8px rgba(170, 0, 255, 0.7),
    0 0 18px rgba(170, 0, 255, 0.55),
    0 0 40px rgba(170, 0, 255, 0.35),
    0 0 70px rgba(170, 0, 255, 0.2);
}

-----
/* Base state (very faint glow instead of none) */
.card__heading .full-unstyled-link {
  color: #fff;
  text-shadow: 0 0 0 rgba(170, 0, 255, 0);
  transition: text-shadow 0.4s ease;
}

/* Hover (full glow) */
.card__heading .full-unstyled-link:hover {
  text-shadow:
    0 0 6px rgba(170, 0, 255, 0.8),
    0 0 12px rgba(170, 0, 255, 0.6),
    0 0 18px rgba(170, 0, 255, 0.4);
}

-----

html {
  background: #000; /* prevents flash of white */
}

body {
  opacity: 0;
  animation: siteFadeIn 1.9s ease forwards;
}

@keyframes siteFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



h1, h2, h3 {
  color: #fff;
  animation: purpleBreath 3.5s ease-in-out infinite;
}

@keyframes purpleBreath {
  0% {
    text-shadow:
      0 0 6px rgba(140, 0, 255, 0.45),
      0 0 14px rgba(140, 0, 255, 0.35),
      0 0 26px rgba(140, 0, 255, 0.25);
  }

  50% {
    text-shadow:
      0 0 10px rgba(180, 0, 255, 0.85),
      0 0 22px rgba(180, 0, 255, 0.65),
      0 0 40px rgba(180, 0, 255, 0.45);
  }

  100% {
    text-shadow:
      0 0 6px rgba(140, 0, 255, 0.45),
      0 0 14px rgba(140, 0, 255, 0.35),
      0 0 26px rgba(140, 0, 255, 0.25);
  }
}

-----

header {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/* TOP + BOTTOM LINES ONLY */
header::before,
header::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(168, 85, 255, 0.6),
    rgba(124, 58, 237, 0.6),
    transparent
  );

  background-size: 200% 100%;

  animation: hdrLineFlow 10s linear infinite;

  filter: drop-shadow(0 0 4px rgba(168, 85, 255, 0.25))
          drop-shadow(0 0 10px rgba(124, 58, 237, 0.15));
}

/* top line */
header::before {
  top: 0;
}

/* bottom line */
header::after {
  bottom: 0;
}

/* smooth motion */
@keyframes hdrLineFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
-----

/* ===== MEDIA WRAPPER ===== */

.card__media,
.product-card__media,
.media {
  position: relative;
  overflow: hidden;
}

/* ===== SOFT SNAKE WAVE OVERLAY ===== */

.card__media::after,
.product-card__media::after,
.media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;

  /* 🔥 soft glow only (no harsh line) */
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(168, 85, 255, 0.08) 35%,
    rgba(124, 58, 237, 0.12) 50%,
    rgba(168, 85, 255, 0.08) 65%,
    transparent 100%
  );

  background-size: 200% 200%;

  animation: waveFlow 10s linear infinite;

  /* glow softness */
  filter: blur(10px);
  opacity: 0.60;

  mix-blend-mode: screen;
}

/* smooth continuous wave */
@keyframes waveFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
-----