/** Shopify CDN: Minification failed

Line 279:0 Comments in CSS use "/* ... */" instead of "//"
Line 421:0 Unexpected "}"

**/
/* === Bandeau "featured collection" en noir === */
#shopify-section-template--26869273428310__featured_collection_wth6nX {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 10px 0 !important; /* espace intérieur propre */
}

/* Texte à l'intérieur (titres, sous-titres, boutons) en blanc */
#shopify-section-template--26869273428310__featured_collection_wth6nX h1,
#shopify-section-template--26869273428310__featured_collection_wth6nX h2,
#shopify-section-template--26869273428310__featured_collection_wth6nX h3,
#shopify-section-template--26869273428310__featured_collection_wth6nX p,
#shopify-section-template--26869273428310__featured_collection_wth6nX a {
  color: #fff !important;
}

/* Boutons visibles sur fond noir */
#shopify-section-template--26869273428310__featured_collection_wth6nX a.button,
#shopify-section-template--26869273428310__featured_collection_wth6nX button {
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease-in-out;
}

#shopify-section-template--26869273428310__featured_collection_wth6nX a.button:hover,
#shopify-section-template--26869273428310__featured_collection_wth6nX button:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
/* === FIX - Petits rectangles blancs sur boutons mobile === */
.product-card__quick-view-button,
.js-product-card-quick-view-button,
button.product-card__quick-view-button {
  background-color: #000 !important;  /* fond noir pour rester homogène */
  color: #fff !important;              /* texte blanc */
  border: none !important;             /* supprime toute bordure visible */
  box-shadow: none !important;         /* supprime halo ou bordure blanche */
  outline: none !important;            /* supprime le contour de focus */
  border-radius: 0 !important;         /* coins droits */
  transition: all 0.2s ease-in-out !important;
}

/* État au clic ou au survol */
.product-card__quick-view-button:hover,
.js-product-card-quick-view-button:hover,
button.product-card__quick-view-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* État "focus" (après clic sur mobile) : pas de rectangle blanc */
.product-card__quick-view-button:focus,
.js-product-card-quick-view-button:focus,
button.product-card__quick-view-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Fix spécifique pour mobile (certains navigateurs ajoutent un effet tactile) */
@media (max-width: 768px) {
  .product-card__quick-view-button,
  .js-product-card-quick-view-button {
    -webkit-tap-highlight-color: transparent !important;
    background-color: #000 !important;
    color: #fff !important;
  }
}
/* === FIX - Boutons produits visibles en blanc sur mobile (Ultra) === */

/* Style de base propre */
.product-card__quick-view-button,
.js-product-card-quick-view-button,
button.product-card__quick-view-button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  opacity: 0 !important; /* caché par défaut */
  visibility: hidden !important;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Lors du survol (desktop) ou focus (mobile) */
.product-card:hover .product-card__quick-view-button,
.product-card:hover .js-product-card-quick-view-button,
.product-card__quick-view-button:focus,
.js-product-card-quick-view-button:focus {
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* Supprime les pseudo-éléments blancs du thème Ultra */
.product-card__quick-view-button::before,
.product-card__quick-view-button::after,
.js-product-card-quick-view-button::before,
.js-product-card-quick-view-button::after {
  display: none !important;
  content: none !important;
}

/* Supprime le halo blanc automatique sur mobile (Safari / Chrome) */
@media (max-width: 768px) {
  .product-card__quick-view-button,
  .js-product-card-quick-view-button {
    -webkit-tap-highlight-color: transparent !important;
    background-color: #000 !important;
    color: #fff !important;
  }

  /* Rendre le bouton visible uniquement lors d'une interaction */
  .product-card:active .product-card__quick-view-button,
  .product-card:active .js-product-card-quick-view-button {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* === FIX PROPRE ULTRA - Boutons produits noir + icônes visibles === */

/* Bouton de base */
.product-card__quick-view-button,
.js-product-card-quick-view-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* espace entre icône et texte */
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  opacity: 0 !important; /* caché par défaut */
  visibility: hidden !important;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Icônes à l’intérieur du bouton */
.product-card__quick-view-button svg,
.js-product-card-quick-view-button svg,
.product-card__quick-view-button i,
.js-product-card-quick-view-button i {
  fill: currentColor !important;
  color: #fff !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
}

/* Hover (desktop) → affiche le bouton + icône visible */
.product-card:hover .product-card__quick-view-button,
.product-card:hover .js-product-card-quick-view-button {
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* Hover du bouton lui-même */
.product-card__quick-view-button:hover,
.js-product-card-quick-view-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Pseudo-éléments du thème Ultra → désactivés */
.product-card__quick-view-button::before,
.product-card__quick-view-button::after,
.js-product-card-quick-view-button::before,
.js-product-card-quick-view-button::after {
  display: none !important;
  content: none !important;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
  /* Supprime les halos et garde fond noir */
  .product-card__quick-view-button,
  .js-product-card-quick-view-button {
    -webkit-tap-highlight-color: transparent !important;
    background-color: #000 !important;
    color: #fff !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Affiche uniquement lors d'un appui sur la carte */
  .product-card:active .product-card__quick-view-button,
  .product-card:active .js-product-card-quick-view-button {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* === FIX PROPRE POUR LES BOUTONS PRODUITS ULTRA === */

/* Cibler directement les boutons "Ajouter au panier" / "Vue rapide" */
.product-card__quick-view-button,
.js-product-card-quick-view-button {
  background-color: #000 !important; /* fond noir */
  color: #fff !important; /* texte blanc */
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 10px 20px !important; /* taille du bouton */
  opacity: 0 !important; /* bouton invisible par défaut */
  visibility: hidden !important; /* caché */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Icônes et texte à l’intérieur du bouton */
.product-card__quick-view-button svg,
.js-product-card-quick-view-button svg,
.product-card__quick-view-button i,
.js-product-card-quick-view-button i {
  fill: currentColor !important; /* garde la couleur */
  color: #fff !important; /* icônes et texte blancs */
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
}

/* Affichage du bouton au survol de la carte produit (desktop) */
.product-card:hover .product-card__quick-view-button,
.product-card:hover .js-product-card-quick-view-button {
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Modifier la couleur du bouton au survol */
.product-card__quick-view-button:hover,
.js-product-card-quick-view-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* --- MOBILE --- */

/* Cache les boutons par défaut sur mobile, puis les affiche uniquement au clic */
@media (max-width: 768px) {
  .product-card__quick-view-button,
  .js-product-card-quick-view-button {
    -webkit-tap-highlight-color: transparent !important;
    background-color: #000 !important;
    color: #fff !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Affiche le bouton lorsqu'on clique sur la carte (mobile) */
  .product-card:active .product-card__quick-view-button,
  .product-card:active .js-product-card-quick-view-button {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
//* === Cacher complètement les boutons "Ajouter au panier" et "Vue rapide" === */
.product-card__quick-view-button,
.js-product-card-quick-view-button {
  display: none !important;
}

/* Cacher également les icônes dans ces boutons (si elles sont présentes) */
.product-card__quick-view-button svg,
.js-product-card-quick-view-button svg,
.product-card__quick-view-button i,
.js-product-card-quick-view-button i {
  display: none !important;
}
/* === BOUTONS - Visible uniquement au survol avec fond blanc et texte noir === */

/* Par défaut, les boutons sont invisibles */
.product-card__quick-view-button,
.js-product-card-quick-view-button {
  background-color: transparent !important; /* fond transparent */
  color: #000 !important; /* texte noir */
  border: 1px solid #000 !important; /* bordure noire */
  opacity: 0 !important; /* caché */
  visibility: hidden !important; /* caché */
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
  padding: 12px 20px !important; /* ajuster la taille du bouton */
}

/* Les icônes à l’intérieur du bouton */
.product-card__quick-view-button svg,
.js-product-card-quick-view-button svg,
.product-card__quick-view-button i,
.js-product-card-quick-view-button i {
  fill: currentColor !important; /* icônes en noir */
  color: #000 !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
}

/* Lorsque l'on survole la carte produit, le bouton devient visible */
.product-card:hover .product-card__quick-view-button,
.product-card:hover .js-product-card-quick-view-button {
  opacity: 1 !important; /* bouton visible */
  visibility: visible !important; /* bouton visible */
  background-color: #fff !important; /* fond blanc */
  color: #000 !important; /* texte noir */
}

/* Survol du bouton, inversion de couleur : fond blanc et texte noir */
.product-card__quick-view-button:hover,
.js-product-card-quick-view-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}
/* === Conteneur collection 3 - Fond noir et centré === */
.collection-list-3 {
  background-color: #000 !important; /* Fond noir */
  color: #fff !important; /* Texte blanc */
  width: 100% !important; /* Largeur à 100% */
  max-width: 100vw !important; /* Largeur maximale de la fenêtre */
  margin-left: 0 !important; /* Supprime la marge à gauche */
  margin-right: 0 !important; /* Supprime la marge à droite */
  padding: 40px 0 !important; /* Espacement intérieur */
  border-radius: 0 !important; /* Pas de bords arrondis */
  box-sizing: border-box !important; /* S'assure que le padding n'affecte pas la largeur */
  display: block !important; /* Pour être traité comme un bloc */
  overflow: hidden !important; /* Pour éviter tout débordement */
}

/* === Titre de la collection en blanc, bien centré === */
.collection-list-3 .collection-list-3__title {
  color: #fff !important; /* Titre blanc */
  text-align: center !important; /* Centrer le titre */
  margin-bottom: 30px !important; /* Espacement sous le titre */
}

/* === Contenu de la collection, s'assurer qu'il prend toute la largeur === */
.collection-list-3 .collection-list-3__content {
  width: 100% !important;
  display: block !important;
}

/* === Ajuster l'espacement entre les sections === */
section {
  margin-bottom: 20px !important; /* Espacement entre les sections */
}
/* === Ajuster la largeur du conteneur "Featured Products" === */
.featured-products__container {
  width: 100% !important; /* Largeur à 100% */
  max-width: 100vw !important; /* S'assure que la largeur ne dépasse pas la fenêtre */
  margin-left: 0 !important; /* Enlève la marge à gauche */
  margin-right: 0 !important; /* Enlève la marge à droite */
  padding: 0 !important; /* Optionnel: supprime le padding si besoin */
  box-sizing: border-box !important; /* S'assure que tout est calculé dans la largeur */
}
/* === Ajuster la largeur des autres conteneurs (comme collection 3, featured products, etc.) === */
.collection-list-3,
.featured-products__container {
  width: 100% !important; /* Largeur à 100% */
  max-width: 100vw !important; /* Largeur maximale de la fenêtre */
  margin-left: 0 !important; /* Supprime la marge gauche */
  margin-right: 0 !important; /* Supprime la marge droite */
  box-sizing: border-box !important; /* Assure que le padding n'affecte pas la largeur */
}

  /* Ajuster la taille de la barre d'annonce */
#shopify-section-sections--26869273854294__announcement-bar {
  background-color: #fff !important; /* Fond blanc */
  color: #fff !important; /* Texte blanc */
  text-align: center !important; /* Centrer le texte */
  padding: 0 !important; /* Réduire le padding interne */
  height: 40px !important; /* Hauteur de la barre */
  line-height: 30px !important; /* Alignement vertical du texte */
  font-size: 0px !important; /* Réduire la taille de la police */
}
/* Ajuster les styles de texte */
#shopify-section-sections--26869273854294__announcement-bar p {
  margin: 0 !important; /* Enlever les marges */
  font-size: 0px !important; /* Taille de la police du texte */
  line-height: 0px !important; /* Ajuster la hauteur de ligne pour centrer le texte */
}

/* Optionnel : réduire la taille des boutons (si présents) */
.announcement-bar .button {
  padding: 5px 10px !important; /* Réduire la taille des boutons */
  font-size: 18px !important; /* Taille de la police des boutons */
}


/* Ajuster les styles de texte */
#shopify-section-sections--26869273854294__announcement-bar p {
  margin: 0 !important; /* Enlever les marges */
  font-size: 15px !important; /* Taille de la police du texte */
  line-height: 15px !important; /* Ajuster la hauteur de ligne pour centrer le texte */
}

/* Optionnel : réduire la taille des boutons (si présents) */
.announcement-bar .button {
  padding: 5px 10px !important; /* Réduire la taille des boutons */
  font-size: 18px !important; /* Taille de la police des boutons */
}

}

/* Si tu veux personnaliser le texte de la barre d'annonce */
#shopify-section-sections--26869273854294__announcement-bar p {
  color: #fff !important; /* Assurer que le texte est blanc */
  font-size: 25px !important; /* Ajuste la taille du texte */
}

/* Si la barre a un bouton, personnalise-le */
#shopify-section-sections--26869273854294__announcement-bar a {
  color: #fff !important; /* Assurer que le lien est blanc */
  text-decoration: none !important; /* Retirer la décoration du lien */
  font-weight: bold !important;
}
/* Cibler le slideshow sur mobile */
@media (max-width: 768px) {
  .slideshow {
    height: 300px; /* Ajustez cette valeur à la hauteur souhaitée */
  }

  .slideshow .slideshow__slide {
    height: 300%; /* S'assurer que chaque diapositive prend toute la hauteur du conteneur */
  }
}