#fw-section-collection-template {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}




/* Main pulsating signal text */
.tile__description {
  position: relative;
  display: inline-block;
  color: #00ff9d;
  animation: signalPulse 3s infinite ease-in-out;
  text-shadow: 0 0 8px rgba(0, 255, 157, 0.7),
               0 0 16px rgba(0, 255, 157, 0.4);
}

/* Two expanding shockwave rings */
.tile__description::before,
.tile__description::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140%;
  height: 140%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  border: 2px solid rgba(0, 255, 157, 0.45);
  opacity: 0;
  pointer-events: none;
}

/* First shockwave */
.tile__description::before {
  animation: signalRing 3s infinite ease-out;
}

/* Second shockwave, offset for staggered pulses */
.tile__description::after {
  animation: signalRing 3s infinite ease-out 1.5s;
}

/* TEXT PULSE */
@keyframes signalPulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }

  30% {
    transform: scale(1.05);
    opacity: 1;
    text-shadow: 0 0 12px #00ff9d,
                 0 0 25px rgba(0, 255, 157, 0.8),
                 0 0 40px rgba(0, 255, 157, 0.6);
  }

  50% {
    transform: scale(1.12);
    opacity: 1;
    text-shadow: 0 0 18px #00ff9d,
                 0 0 35px rgba(0, 255, 157, 1),
                 0 0 55px rgba(0, 255, 157, 0.9);
  }

  75% {
    transform: scale(1.03);
    opacity: 0.95;
    text-shadow: 0 0 10px rgba(0, 255, 157, 0.6),
                 0 0 22px rgba(0, 255, 157, 0.4);
  }

  100% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }
}

/* SHOCKWAVE RING EXPANSION */
@keyframes signalRing {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.35;
    border-color: rgba(0, 255, 157, 0.6);
  }

  70% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
    border-color: rgba(0, 255, 157, 0.1);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0;
  }
}

}

#fw-section-image-5c575985-a57b-43ff-8996-4a8fd6f55dd1 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-featured-collection-0dc2120d-d508-4984-b8b2-88cc7cf654e3 {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}




/* Main pulsating signal text */
.tile__description {
  position: relative;
  display: inline-block;
  color: #00ff9d;
  animation: signalPulse 3s infinite ease-in-out;
  text-shadow: 0 0 8px rgba(0, 255, 157, 0.7),
               0 0 16px rgba(0, 255, 157, 0.4);
}

/* Two expanding shockwave rings */
.tile__description::before,
.tile__description::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140%;
  height: 140%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  border: 2px solid rgba(0, 255, 157, 0.45);
  opacity: 0;
  pointer-events: none;
}

/* First shockwave */
.tile__description::before {
  animation: signalRing 3s infinite ease-out;
}

/* Second shockwave, offset for staggered pulses */
.tile__description::after {
  animation: signalRing 3s infinite ease-out 1.5s;
}

/* TEXT PULSE */
@keyframes signalPulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }

  30% {
    transform: scale(1.05);
    opacity: 1;
    text-shadow: 0 0 12px #00ff9d,
                 0 0 25px rgba(0, 255, 157, 0.8),
                 0 0 40px rgba(0, 255, 157, 0.6);
  }

  50% {
    transform: scale(1.12);
    opacity: 1;
    text-shadow: 0 0 18px #00ff9d,
                 0 0 35px rgba(0, 255, 157, 1),
                 0 0 55px rgba(0, 255, 157, 0.9);
  }

  75% {
    transform: scale(1.03);
    opacity: 0.95;
    text-shadow: 0 0 10px rgba(0, 255, 157, 0.6),
                 0 0 22px rgba(0, 255, 157, 0.4);
  }

  100% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }
}

/* SHOCKWAVE RING EXPANSION */
@keyframes signalRing {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.35;
    border-color: rgba(0, 255, 157, 0.6);
  }

  70% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
    border-color: rgba(0, 255, 157, 0.1);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0;
  }
}




.button.button--outline.button--small {
    /* Base button styles */
  margin: 15px 0px 15px 0px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
    
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    
    /* Position relative for pseudo-elements */
    position: relative;
}

/* Hover effects */
.button.button--outline.button--small:hover {
    /* Enhanced glow on hover */
    box-shadow: 
        0 0 8px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 30px #ffffff,
        0 0 40px #ffffff,
        inset 0 0 8px rgba(255, 255, 255, 0.4);
    
    /* Slightly brighter green on hover */
    background-color: #4aff14;
    
    /* Transform effect */
    transform: translateY(-2px);
}

/* Active state */
.button.button--outline.button--small:active {
    transform: translateY(0);
    box-shadow: 
        0 0 3px #ffffff,
        0 0 8px #ffffff,
        0 0 12px #ffffff,
        0 0 20px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Focus state for accessibility */
.button.button--outline.button--small:focus {
    outline: none;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff,
        0 0 30px #39ff14,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}

}


#fw-section-video-8a45a20d-f0e2-4ef6-9b5e-ea2d2a08127a {

/* Default underglow effect for product cards */
.video-section__video {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.video-section__video:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.video-section__video {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}


}
#fw-section-newsletter-1733465041 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
.newsletter__header {
  color: #00ff9d;
  text-shadow: 0 0 8px rgba(0, 255, 157, 0.7),
               0 0 15px rgba(0, 255, 157, 0.5);
  animation: timerPulse 2s ease-in-out infinite;
  font-weight: bold;
}

@keyframes timerPulse {
  0% {
    opacity: 0.7;
    text-shadow: 0 0 6px rgba(0, 255, 157, 0.6);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 12px rgba(0, 255, 157, 1),
                 0 0 20px rgba(0, 255, 157, 0.8);
  }
  100% {
    opacity: 0.7;
    text-shadow: 0 0 6px rgba(0, 255, 157, 0.6);
  }
}





.input-field.input-field--base {
  color: #ffffff !important;           /* White text */
  border: 1px solid #ffffff !important; /* White border */
  background: transparent;              /* Keep it sleek */
  padding: 10px 14px;
  margin: 0px 7px 7px 0px;
  border-radius: 6px;

  /* Soft alien glow */
  box-shadow:
    0 0 6px rgba(255, 255, 255, 0.4),
    0 0 12px rgba(255, 255, 255, 0.2);

  transition: all 0.3s ease;
}

/* Placeholder text also white (slightly dimmed) */
.input-field.input-field--base::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Hover effect: brighter glow */
.input-field.input-field--base:hover {
  box-shadow:
    0 0 8px rgba(255, 255, 255, 0.6),
    0 0 14px rgba(255, 255, 255, 0.3);
}

/* Focus effect: stronger beam */
.input-field.input-field--base:focus {
  outline: none;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.5);
}






.button.button--primary.button--expand {
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
  font-size: 18px;
    margin: 0px 0px 0px 0px;
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff;
    
    /* Remove default button styling */
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    
    /* Remove any existing animations/transitions */
    animation: none;
    transition: none;
    transform: none;
}

/* Remove any hover, active, focus effects */
.button.button--primary.button--expand:hover,
.button.button--primary.button--expand:active,
.button.button--primary.button--expand:focus {
    background-color: #39ff14;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff;
    animation: none;
    transition: none;
    transform: none;
}
}
#fw-section-announcement-bar-f06a2823-7d53-48e9-9a77-f39bcff955ce {

.countdown__timer {
  color: #00ff9d;
  text-shadow: 0 0 8px rgba(0, 255, 157, 0.7),
               0 0 15px rgba(0, 255, 157, 0.5);
  animation: timerPulse 2s ease-in-out infinite;
  font-weight: bold;
}

@keyframes timerPulse {
  0% {
    opacity: 0.7;
    text-shadow: 0 0 6px rgba(0, 255, 157, 0.6);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 12px rgba(0, 255, 157, 1),
                 0 0 20px rgba(0, 255, 157, 0.8);
  }
  100% {
    opacity: 0.7;
    text-shadow: 0 0 6px rgba(0, 255, 157, 0.6);
  }
}

}
#fw-section-rich-text-6400a840-d273-461a-90bc-f93e54c1f96b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
.rich-text__text {
  position: relative;
  color: #00ff9d;
  animation: signalPulse 3s infinite ease-in-out;
  text-shadow: 0 0 8px rgba(0, 255, 157, 0.7),
               0 0 16px rgba(0, 255, 157, 0.4);
}

/* Signal Broadcast Pulse */
@keyframes signalPulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }

  30% {
    transform: scale(1.05);
    opacity: 1;
    text-shadow: 0 0 12px #00ff9d,
                 0 0 25px rgba(0, 255, 157, 0.8),
                 0 0 40px rgba(0, 255, 157, 0.6);
  }

  50% {
    transform: scale(1.12);
    opacity: 1;
    text-shadow: 0 0 18px #00ff9d,
                 0 0 35px rgba(0, 255, 157, 1),
                 0 0 55px rgba(0, 255, 157, 0.9);
  }

  75% {
    transform: scale(1.03);
    opacity: 0.95;
    text-shadow: 0 0 10px rgba(0, 255, 157, 0.6),
                 0 0 22px rgba(0, 255, 157, 0.4);
  }

  100% {
    transform: scale(1);
    opacity: 0.9;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.6),
                 0 0 18px rgba(0, 255, 157, 0.3);
  }
}

}

#fw-section-featured-collection-371decf2-692f-4488-b608-3c8e117130ea {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}






.button.button--outline.button--small {
    /* Base button styles */
  margin: 15px 0px 15px 0px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
    
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    
    /* Position relative for pseudo-elements */
    position: relative;
}

/* Hover effects */
.button.button--outline.button--small:hover {
    /* Enhanced glow on hover */
    box-shadow: 
        0 0 8px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 30px #ffffff,
        0 0 40px #ffffff,
        inset 0 0 8px rgba(255, 255, 255, 0.4);
    
    /* Slightly brighter green on hover */
    background-color: #4aff14;
    
    /* Transform effect */
    transform: translateY(-2px);
}

/* Active state */
.button.button--outline.button--small:active {
    transform: translateY(0);
    box-shadow: 
        0 0 3px #ffffff,
        0 0 8px #ffffff,
        0 0 12px #ffffff,
        0 0 20px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Focus state for accessibility */
.button.button--outline.button--small:focus {
    outline: none;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff,
        0 0 30px #39ff14,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}


}



#fw-section-featured-collection-685f22e4-0bd7-4396-a913-1d172bc8be90 {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}






.button.button--outline.button--small {
    /* Base button styles */
  margin: 15px 0px 15px 0px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
    
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    
    /* Position relative for pseudo-elements */
    position: relative;
}

/* Hover effects */
.button.button--outline.button--small:hover {
    /* Enhanced glow on hover */
    box-shadow: 
        0 0 8px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 30px #ffffff,
        0 0 40px #ffffff,
        inset 0 0 8px rgba(255, 255, 255, 0.4);
    
    /* Slightly brighter green on hover */
    background-color: #4aff14;
    
    /* Transform effect */
    transform: translateY(-2px);
}

/* Active state */
.button.button--outline.button--small:active {
    transform: translateY(0);
    box-shadow: 
        0 0 3px #ffffff,
        0 0 8px #ffffff,
        0 0 12px #ffffff,
        0 0 20px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Focus state for accessibility */
.button.button--outline.button--small:focus {
    outline: none;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff,
        0 0 30px #39ff14,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}


}

#fw-section-featured-collection-7fdb7d57-fe8f-48dc-8057-2f3499a63662 {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}






.button.button--outline.button--small {
    /* Base button styles */
  margin: 15px 0px 15px 0px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
    
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    
    /* Position relative for pseudo-elements */
    position: relative;
}

/* Hover effects */
.button.button--outline.button--small:hover {
    /* Enhanced glow on hover */
    box-shadow: 
        0 0 8px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 30px #ffffff,
        0 0 40px #ffffff,
        inset 0 0 8px rgba(255, 255, 255, 0.4);
    
    /* Slightly brighter green on hover */
    background-color: #4aff14;
    
    /* Transform effect */
    transform: translateY(-2px);
}

/* Active state */
.button.button--outline.button--small:active {
    transform: translateY(0);
    box-shadow: 
        0 0 3px #ffffff,
        0 0 8px #ffffff,
        0 0 12px #ffffff,
        0 0 20px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Focus state for accessibility */
.button.button--outline.button--small:focus {
    outline: none;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff,
        0 0 30px #39ff14,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}


}

#fw-section-announcement-bar-a87eb3cb-1c28-41e7-9007-7e43a5c65976 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-rich-text-1cbe8cc4-76ec-4ecb-9485-329cc1da87dc {

/* Container upgrade for alien glyphs */
.rich-text__heading {
    position: relative;
    color: #39ff14;
    text-shadow: 
        0 0 6px rgba(57, 255, 20, 0.7),
        0 0 12px rgba(57, 255, 20, 0.5),
        0 0 20px rgba(57, 255, 20, 0.3);

    animation: headingFloat 3.5s ease-in-out infinite,
               headingPulse 4s ease-in-out infinite;
}

/* The glyphs that hover above the heading */
.rich-text__heading::before {
    content: "⟟ ⋉ ⧫ 𖣘 ᚛᚜ ✦ ⟊ ✧ ⊹ ꙮ"; /* You can swap glyphs! */
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    opacity: 0.9;

    color: #39ff14;
    text-shadow: 
        0 0 6px rgba(57, 255, 20, 0.9),
        0 0 12px rgba(57, 255, 20, 0.7),
        0 0 18px rgba(57, 255, 20, 0.5);

    animation: glyphDrift 6s ease-in-out infinite,
               glyphPulse 3.5s ease-in-out infinite;
}

/* --- Heading Animations (existing) --- */
@keyframes headingFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

@keyframes headingPulse {
    0% { opacity: 1; }
    50% { opacity: 0.85; }
    100% { opacity: 1; }
}

/* --- Glyph Animations --- */

/* Gentle side-to-side drift */
@keyframes glyphDrift {
    0%   { transform: translate(-50%, 0); }
    50%  { transform: translate(-50%, -3px); }
    100% { transform: translate(-50%, 0); }
}

/* Pulsing glow like alien frequencies */
@keyframes glyphPulse {
    0% {
        text-shadow: 0 0 6px #39ff14, 0 0 12px rgba(57,255,20,0.6);
        opacity: 0.85;
    }
    50% {
        text-shadow: 0 0 12px #39ff14, 0 0 20px rgba(57,255,20,1);
        opacity: 1;
    }
    100% {
        text-shadow: 0 0 6px #39ff14, 0 0 12px rgba(57,255,20,0.6);
        opacity: 0.85;
    }
}

}
#fw-section-newsletter-e6b58295-7867-4621-83b1-216e18d5b772 {

.input-field.input-field--base {
  color: #ffffff !important;           /* White text */
  border: 1px solid #ffffff !important; /* White border */
  background: transparent;              /* Keep it sleek */
  padding: 10px 14px;
  margin: 0px 7px 7px 0px;
  border-radius: 6px;

  /* Soft alien glow */
  box-shadow:
    0 0 6px rgba(255, 255, 255, 0.4),
    0 0 12px rgba(255, 255, 255, 0.2);

  transition: all 0.3s ease;
}

/* Placeholder text also white (slightly dimmed) */
.input-field.input-field--base::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Hover effect: brighter glow */
.input-field.input-field--base:hover {
  box-shadow:
    0 0 8px rgba(255, 255, 255, 0.6),
    0 0 14px rgba(255, 255, 255, 0.3);
}

/* Focus effect: stronger beam */
.input-field.input-field--base:focus {
  outline: none;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.5);
}



}




#fw-section-product-recommendations {

/* Default underglow effect for product cards */
.tile__image {
  position: relative;
  transition: all 0.7s ease;
  box-shadow: 0 8px 10px rgba(0, 255, 157, 0.4),
              0 0 10px rgba(0, 255, 157, 0.3);
}

/* Apply pulsating animation on hover */
.tile__image:hover {
  animation: pulsate 1.5s ease-in-out infinite;
  transform: translateY(-5px);
}

/* Make tile__image container relative for positioning */
.tile__image {
  position: relative;
  overflow: visible; /* Allow the GIF to float outside if needed */
}








.button.button--outline.button--small {
    /* Base button styles */
  margin: 15px 0px 15px 0px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    
    /* Alien green background */
    background-color: #39ff14;
    color: #ffffff;
    
    /* White glowing outline */
    border: 2px solid #ffffff;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    
    /* Position relative for pseudo-elements */
    position: relative;
}

/* Hover effects */
.button.button--outline.button--small:hover {
    /* Enhanced glow on hover */
    box-shadow: 
        0 0 8px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 30px #ffffff,
        0 0 40px #ffffff,
        inset 0 0 8px rgba(255, 255, 255, 0.4);
    
    /* Slightly brighter green on hover */
    background-color: #4aff14;
    
    /* Transform effect */
    transform: translateY(-2px);
}

/* Active state */
.button.button--outline.button--small:active {
    transform: translateY(0);
    box-shadow: 
        0 0 3px #ffffff,
        0 0 8px #ffffff,
        0 0 12px #ffffff,
        0 0 20px #ffffff,
        inset 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Focus state for accessibility */
.button.button--outline.button--small:focus {
    outline: none;
    box-shadow: 
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 15px #ffffff,
        0 0 20px #ffffff,
        0 0 25px #ffffff,
        0 0 30px #39ff14,
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}






















}