#fw-section-rich-text-cc3d4aa1-25de-4f5c-be7d-0e391336fd3b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--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-f91be22b-f5f2-4403-bdad-b9525de9b4a8 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-featured-collection-e81ff1c7-8e68-45c8-a189-117ddea2f09f {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-instagram-feed-7dfaa818-e694-4b5e-987f-80c161358605 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-featured-collection-e0403d01-2d6d-45b3-859d-17001549a8f6 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--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-174199330798130 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-hero-5dee03b9-7c36-458c-bc9e-7bc5d9e6f787 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #d8d8d8;
--color-background-rgb: 216, 216, 216;
--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: 216;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-newsletter-c93d5234-b146-411e-a132-d0191ed76263 {
--font-heading-scale: 1.5;
--font-body-scale: 1.5;
}
#fw-section-newsletter-c93d5234-b146-411e-a132-d0191ed76263 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-rich-text-57bb9924-a6d0-41ca-93f8-9d5823ebeee1 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--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-177425553654229 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-featured-collection-e5974c92-ad07-4f24-bc7b-57511fb69633 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-image-with-text-e1b5d2bd-7e7a-411c-85d2-de5e9295f900 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-collection-template {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-collections-list-62400d83-51f0-42dc-a7b7-427f6bddcd18 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Clean Frame — target ALL collection tiles by structure */
a[href*="/collections/"] {
  display: block;
  border: 3px solid #8a2be2 !important;
  border-radius: 40px !important;
  padding: 0px !important;
  background: #0a0a0a !important;
  box-shadow: 0 0 14px rgba(138, 43, 226, 0.55);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

/* Hover effect */
a[href*="/collections/"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 40px rgba(170, 0, 255, 0.9);
}

}
#fw-section-custom-html-5a9a0c17-b1f0-4281-b3a0-ed5304d1c3cf {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-1ba9836b-a390-4e29-8a92-da6b97952c0e {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-footer {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #979797;
--color-background-rgb: 151, 151, 151;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 151;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #959595;
--color-background-rgb: 149, 149, 149;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 149;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-text-carousel-41a3ae7b-a640-4132-b080-5887a0effd94 {
--color-primary: #dc0000;
--color-primary-rgb: 220, 0, 0;
--color-background: #d8d8d8;
--color-background-rgb: 216, 216, 216;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 216;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #dc0000;
--primary-btn-text: #000000;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-product {
--font-heading-scale: 1.4;
--font-body-scale: 1.3;
}
#fw-section-product {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-product-recommendations {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-search-bar-search {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}
#fw-section-collection-template-search {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}


#fw-section-password {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #222222;
--color-background-rgb: 34, 34, 34;
--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: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Cyberpunk purple base */
button,
.fw-button,
button.fw-primary,
a.fw-button {
  background: linear-gradient(90deg, #6a00ff, #b300ff, #ff00e6);
  background-size: 300% 300%;
  animation: cyberFlow 5s linear infinite;
  color: #ffffff !important;
  border: 2px solid #2a0040;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 700;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 12px rgba(128, 0, 255, 0.4);
}

/* Hover bounce + glow */
button:hover,
.fw-button:hover,
button.fw-primary:hover,
a.fw-button:hover {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 0 20px rgba(170, 0, 255, 0.7);
}

/* Continuous cyberpunk gradient animation */
@keyframes cyberFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

}