#fw-section-announcement-bar-bb110ded-8d42-4033-bfc7-a4b64d9646e9 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ff0004;
--color-on-primary-rgb: 255, 0, 4;
--color-on-background: #ff0004;
--color-on-background-rgb: 255, 0, 4;
--color-product-image-background: #969595;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-65b64ee6-bd30-43f2-bcc5-da1695c85358 {
--color-primary: #ff5200;
--color-primary-rgb: 255, 82, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ff5200;
--color-on-background-rgb: 255, 82, 0;
--color-product-image-background: #969595;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}


























#fw-section-featured-collection-991f9c14-6e0d-48ec-be96-a6e4f5eabe67 {

/* Electric Border Effect - Versione Avanzata con Glitch */

:root {
  --electric-red: #ff0004;
}

/* Container prodotto con overflow visible */
a[href*="/products/"],
a[href*="product"] {
  position: relative !important;
  overflow: visible !important;
  display: block !important;
}

/* Bordo elettrico con glitch effect */
a[href*="/products/"]::before,
a[href*="product"]::before {
  content: '' !important;
  position: absolute !important;
  inset: -3px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 2px solid var(--electric-red) !important;
  pointer-events: none !important;
  z-index: 10 !important;
  animation: 
    electricGlitch 0.3s infinite,
    electricPulse 2s ease-in-out infinite alternate !important;
  box-shadow: 
    0 0 5px var(--electric-red),
    0 0 10px var(--electric-red),
    0 0 20px rgba(255, 0, 4, 0.6),
    inset 0 0 10px rgba(255, 0, 4, 0.4) !important;
}

/* Glow layer esterno con movimento */
a[href*="/products/"]::after,
a[href*="product"]::after {
  content: '' !important;
  position: absolute !important;
  inset: -10px !important;
  border-radius: 12px !important;
  background: radial-gradient(
    circle at var(--x, 50%) var(--y, 50%),
    rgba(255, 0, 4, 0.4) 0%,
    rgba(255, 0, 4, 0.2) 30%,
    transparent 70%
  ) !important;
  filter: blur(15px) !important;
  opacity: 0.6 !important;
  pointer-events: none !important;
  z-index: 9 !important;
  animation: 
    electricMove 3s ease-in-out infinite,
    electricPulse 2s ease-in-out infinite alternate-reverse !important;
}

/* Animazione Glitch - simula la distorsione elettrica */
@keyframes electricGlitch {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  10% {
    transform: translate(-1px, 1px) scale(1.001);
    opacity: 0.95;
  }
  20% {
    transform: translate(1px, -1px) scale(0.999);
    opacity: 1;
  }
  30% {
    transform: translate(-1px, -1px) scale(1.001);
    opacity: 0.98;
  }
  40% {
    transform: translate(1px, 1px) scale(0.999);
    opacity: 1;
  }
  50% {
    transform: translate(-2px, 0) scale(1.002);
    opacity: 0.9;
    box-shadow: 
      0 0 10px var(--electric-red),
      0 0 20px var(--electric-red),
      0 0 30px rgba(255, 0, 4, 0.8);
  }
  60% {
    transform: translate(2px, 0) scale(0.998);
    opacity: 1;
  }
  70% {
    transform: translate(0, -1px) scale(1.001);
    opacity: 0.95;
  }
  80% {
    transform: translate(0, 1px) scale(0.999);
    opacity: 1;
  }
}

/* Animazione Pulse - respiro elettrico */
@keyframes electricPulse {
  0% {
    box-shadow: 
      0 0 5px var(--electric-red),
      0 0 10px var(--electric-red),
      0 0 15px rgba(255, 0, 4, 0.5),
      inset 0 0 8px rgba(255, 0, 4, 0.3);
  }
  100% {
    box-shadow: 
      0 0 10px var(--electric-red),
      0 0 20px var(--electric-red),
      0 0 30px rgba(255, 0, 4, 0.7),
      0 0 40px rgba(255, 0, 4, 0.5),
      inset 0 0 15px rgba(255, 0, 4, 0.5);
  }
}

/* Animazione movimento del glow */
@keyframes electricMove {
  0% {
    --x: 30%;
    --y: 30%;
  }
  25% {
    --x: 70%;
    --y: 40%;
  }
  50% {
    --x: 60%;
    --y: 70%;
  }
  75% {
    --x: 40%;
    --y: 60%;
  }
  100% {
    --x: 30%;
    --y: 30%;
  }
}

/* Hover - intensifica tutto */
a[href*="/products/"]:hover::before,
a[href*="product"]:hover::before {
  animation: 
    electricGlitch 0.15s infinite,
    electricPulse 1s ease-in-out infinite alternate !important;
  box-shadow: 
    0 0 15px var(--electric-red),
    0 0 30px var(--electric-red),
    0 0 45px rgba(255, 0, 4, 0.8),
    0 0 60px rgba(255, 0, 4, 0.6),
    inset 0 0 20px rgba(255, 0, 4, 0.6) !important;
}

a[href*="/products/"]:hover::after,
a[href*="product"]:hover::after {
  opacity: 0.9 !important;
  filter: blur(20px) !important;
}

/* Assicura visibilità contenuto */
a[href*="/products/"] > *,
a[href*="product"] > * {
  position: relative !important;
  z-index: 11 !important;
}

/* Immagini arrotondate */
a[href*="/products/"] img,
a[href*="product"] img {
  border-radius: 6px !important;
}

/* Titolo con glitch elettrico */
h1,
[class*="title"] {
  animation: titleGlitch 5s ease-in-out infinite !important;
}

@keyframes titleGlitch {
  0%, 90%, 100% {
    text-shadow: 
      0 0 10px rgba(255, 0, 4, 0.6),
      0 0 20px rgba(255, 0, 4, 0.4),
      0 0 30px rgba(255, 0, 4, 0.3);
  }
  92%, 94%, 96% {
    text-shadow: 
      -2px 0 rgba(255, 0, 4, 0.8),
      2px 0 rgba(0, 255, 255, 0.4),
      0 0 20px rgba(255, 0, 4, 0.6);
  }
  93%, 95% {
    text-shadow: 
      2px 0 rgba(255, 0, 4, 0.8),
      -2px 0 rgba(0, 255, 255, 0.4),
      0 0 30px rgba(255, 0, 4, 0.8);
  }
}

/* Colore primario */
s {
  color: #ff0004;
}
}








#fw-section-footer {

/* Beccate sta navigazione */
.nav-links a {
  color: #ff003d;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
/* Underline effect on hover */
.nav-links a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ff003d;
  transition: width 0.3s ease;
}
/* poi Beccate sto effetto de a' linea sotto la parola ; ciuccia palle 😜 */
.nav-links a:hover::after {
  width: 100%;
}
/* HAHA LMAO*/
/* attaccate ar cazzo e beccate sto main menu*/
nav a, 
.header-nav a,
.main-menu a {
  color: #fff003d;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
nav a::after,
.header-nav a::after,
.main-menu a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ff003d
;
  transition: width 0.3s ease;
}
nav a:hover::after,
.header-nav a:hover::after,
.main-menu a:hover::after {
  width: 100%;
}
}
#fw-section-header {

/* Beccate sta navigazione */
.nav-links a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

/* Underline effect on hover */
.nav-links a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

/* poi Beccate sto effetto de a' linea sotto la parola ; ciuccia palle 😜 */
.nav-links a:hover::after {
  width: 100%;
}

/* HAHA LMAO*/
/* attaccate ar cazzo e beccate sto main menu*/
nav a, 
.header-nav a,
.main-menu a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

nav a::after,
.header-nav a::after,
.main-menu a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

nav a:hover::after,
.header-nav a:hover::after,
.main-menu a:hover::after {
  width: 100%;
}
}





#fw-section-password {

/* Beams Background Animation - Pure CSS */

/* Container per i beams */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: 
    linear-gradient(0deg, transparent 0%, rgba(255, 0, 4, 0.03) 50%, transparent 100%),
    linear-gradient(0deg, transparent 0%, rgba(255, 0, 4, 0.02) 50%, transparent 100%);
  background-size: 100px 100%, 150px 100%;
  animation: beamScroll 8s linear infinite;
}

/* Beams verticali animati */
body::after {
  content: '';
  position: fixed;
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  z-index: 0;
  background-image: 
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 80px,
      rgba(255, 0, 4, 0.015) 80px,
      rgba(255, 0, 4, 0.03) 82px,
      rgba(255, 0, 4, 0.015) 84px,
      transparent 84px,
      transparent 164px
    );
  animation: beamWave 12s ease-in-out infinite;
  filter: blur(1px);
}

@keyframes beamScroll {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}

@keyframes beamWave {
  0%, 100% {
    transform: translateY(0) scaleY(1);
    opacity: 0.4;
  }
  50% {
    transform: translateY(-5%) scaleY(1.05);
    opacity: 0.6;
  }
}

/* Grana/noise overlay */
.coming-soon-page::before,
main::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  pointer-events: none;
}

/* Assicura che tutto il contenuto sia sopra i beams */
.coming-soon-page,
main,
header,
.countdown,
h1, h2, h3, p,
form,
button {
  position: relative;
  z-index: 2;
}

/* Glow effect per il testo COMING SOON */
h1, .title {
  text-shadow: 
    0 0 10px rgba(255, 0, 4, 0.5),
    0 0 20px rgba(255, 0, 4, 0.3),
    0 0 30px rgba(255, 0, 4, 0.2);
}

/* Migliora il contrasto del countdown */
.countdown {
  position: relative;
  z-index: 10;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
}

/* Colore primario personalizzato */
s {
  color: #ff0004;
}
}