#fw-section-recent-videos-1d3c03d2-b17a-4e81-85d9-c27721dad7a6 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #16171d;
--color-background-rgb: 22, 23, 29;
--color-on-background: #ff0005;
--color-on-background-rgb: 255, 0, 5;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ff0005;
--color-background-brightness: 23;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ff0005;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff0005;
--secondary-btn-border-color: #ff0005;

}



#fw-section-hero-0 {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-hero-0 {
--color-primary: #ff0005;
--color-primary-rgb: 255, 0, 5;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0005;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-rich-text-3a4572ce-778a-4b66-8218-af0ae03b2342 {
--font-heading-scale: 1.03;
--font-body-scale: 1.0;
}
#fw-section-rich-text-3a4572ce-778a-4b66-8218-af0ae03b2342 {
--color-primary: #7d7dc0;
--color-primary-rgb: 125, 125, 192;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ddcde6;
--color-on-primary-rgb: 221, 205, 230;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #7d7dc0;
--primary-btn-text: #ddcde6;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-custom-html-c39baaed-6e2e-4701-8298-53c18f37da8d {
--color-primary: #7d7dc0;
--color-primary-rgb: 125, 125, 192;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ddcde6;
--color-on-primary-rgb: 221, 205, 230;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #7d7dc0;
--primary-btn-text: #ddcde6;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}


#fw-section-featured-collection-0 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Container for all 3 products */
.product {
  position: relative;
  border-radius: 15px; /* smooth edges */
  overflow: hidden;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Glow effect */
.product::after {
  content: '';
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
  filter: blur(30px);
  opacity: 0.7;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  border-radius: 15px;
}

/* Hover effect */
.product:hover {
  transform: translateY(-5px);
}

.product:hover::after {
  transform: scale(1.1);
  opacity: 1;
}
}

#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #3e4646;
--color-background-rgb: 62, 70, 70;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 68;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}