#fw-section-featured-collection-f29225fc-6fe8-47ee-b6b8-d727e0172f14 {

.carousel-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
  padding: 1rem;
  scroll-behavior: smooth;
}

.carousel-container::-webkit-scrollbar {
  display: none; /* optionnel : cache la scrollbar */
}

.carousel-item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 200px; /* adapte selon la taille de tes vignettes */
}
}





#fw-section-footer {
--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: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
.index #fw-section-header {
--color-primary: #1b1212;
--color-primary-rgb: 27, 18, 18;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--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: 255;
background-color: var(--color-background);
color: var(--color-on-background);
.header__dropdown-link {
  color: #1B1212; /* noir */
}
}
#fw-section-product {
--color-primary: #1b1212;
--color-primary-rgb: 27, 18, 18;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #1b1212;
--color-on-background-rgb: 27, 18, 18;
--color-product-image-background: #1b1212;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-app-memberships-61d685 {
--color-primary: #1b1212;
--color-primary-rgb: 27, 18, 18;
--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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-password {
--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: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
  .password__container {
    background-image: url(https://i.imgur.com/Lzt1eP5.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}



#fw-section-newsletter-1750338384 {
--color-primary: #1b1212;
--color-primary-rgb: 27, 18, 18;
--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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-product-recommendations {
--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: #1b1212;
--color-on-background-rgb: 27, 18, 18;
--color-product-image-background: #1b1212;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-94f3e3b6-1d10-408b-936c-a05585040dd3 {

.button {
  transition: transform 0.2s ease-in-out;
}

.button:hover {
  transform: scale(1.02);
  opacity: 1 !important; /* pour désactiver toute transparence au hover */
}
.hero__cta--secondary .button--outline {
  background-color: #f2d47e;
  color: #1b1212 !important;
  border: none;
}
.gridmotion-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1; /* entre grille (0) et contenu (2) */
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.35));
  pointer-events: none;
}
}
#fw-section-hero-1750338383 {
--color-primary: #1b1212;
--color-primary-rgb: 27, 18, 18;
--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: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
.button {
  transition: transform 0.2s ease-in-out;
}

.button:hover {
  transform: scale(1.02);
  opacity: 1 !important; /* pour désactiver toute transparence au hover */
}
.hero__cta--secondary .button--outline {
  background-color: #f2d47e;
  color: #1b1212 !important;
  border: none;
}
}