/** Shopify CDN: Minification failed

Line 229:0 Unexpected "}"

**/


body.template-product .product-pricing {
  text-align: left !important; 
}



.product-price-wrapper .product-old-price {
  font-size: 18px;
  font-weight: 100; /* regular */
  color: #6e6e6e;
}

/* Flèches uniquement à l'intérieur des carrousels */
.slider .arrow-carousel-icon,
.slider .nav-arrow {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  padding: 3px !important;
}

/* Style SVG des flèches uniquement dans les carrousels */
.slider .arrow-carousel-icon svg path,
.slider .nav-arrow svg path,
.slider .slider__next svg path,
.slider .slider__previous svg path {
  stroke-width: 4.5 !important;
  stroke: currentColor !important;
  fill: none !important;
}


.template-product .bullet-ul {
  margin-top: 25px !important;
}


/* Réduction de l’espace entre les étoiles Judge.me et le prix produit */
.template-product .jdgm-prev-badge {
  margin-bottom: -15px !important;
  display: block !important;
  margin-top: 13px !important;
}

.template-product .product-price-wrapper {
  margin-top: 0 !important;
}

.product-accordion {
  background-color: #FEEFF1; /* couleur douce comme dans ton exemple */
  border-radius: 5px;
  padding: 0.8rem 1.5rem;
  margin-bottom: 12px;
  border: 0px solid #fef4ef;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.product-accordion-arrow {
  background-color: #f7717d;
  border-radius: 50%;
  padding: 2px;
  width: 20px;
  height: 20px;
  stroke: white !important;
  stroke-width: 3;
  transition: transform 0.3s ease;
}

.product-accordion[aria-expanded="true"] .product-accordion-arrow {
  transform: rotate(180deg);
}

.template-product .jdgm-rev-widg {
  margin-top: -60px; /* ajuste la valeur selon le rendu */
}

/* Réduit l'espacement entre les images et le bloc avis/titre/prix */
.product-texts {
  padding-top: 15px !important;
  margin-top: -25px !important;
}

/* Masquer les variantes uniques */
.product-option.hide {
  display: none !important;
}

/* ✅ Neutralise les styles qui forcent la largeur fixe */
.product-option-block {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
}

/* ✅ Supprime les marges parasites du thème */
.product-option .flex,
.product-option .pr-bl-dk-auto,
.product-option .pr-bl-mb-5 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important; /* le vrai espacement constant */
  margin: 0 !important;
}

/* ✅ Structure globale de la ligne variante */
.product-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 15px !important;
  margin-top: -15px !important;
}

/* ✅ Libellé ex. "Taille :" */
.product-option-label.radio-field {
  font-weight: 700 !important;
  font-size: 15px;
  white-space: nowrap;
  line-height: 1.2;
  padding-top: 0px; /* parfait pour alignement haut */
  margin: 0 !important;
  flex-shrink: 0;
}

/* ✅ Boutons pill adaptatifs */
.product-option-text {
  display: inline-block !important;
  padding: 6px 16px !important; /* ajusté */
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.2;
  white-space: nowrap !important;
  cursor: pointer;
}

/* Met le bouton "Ajouter au panier" en gras uniquement dans les fiches produit */
body.template-product .add-to-cart-button {
  font-weight: 700 !important;
}

.price-badge-reduction {
  display: inline-block;
  background-color: #ffd7d7;
  color: #392A2A; /* Couleur texte définie */
  font-weight: 600;
  font-size: 14px; /* Police plus grande */
  padding: 4px 16px; /* Ajusté pour ne pas étouffer le texte */
  margin-left: 12px;
  border-radius: 999px;
  letter-spacing: 1px;
  align-items: center; /* ✅ centre le texte à l’intérieur du badge */
  height: 100%;    
}

.product-price-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}


.product-accepted-payments {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  list-style: none;
  margin-bottom: -15px;
}

.product-accepted-payments li svg {
  width: 34px;
  height: 24px;
}

/* Filtres de collection uniquement (accordéons sidebar) */
#filters-bar .product-accordion {
  background: none;
  font-weight: 600;
  color: #382a2a;
  cursor: pointer;
  border-bottom-color: #515151 !important;
}

/* Barre "filter" au dessus des filtres ouverts */
#filters-title-block {
  background: #fad3d3;
  font-weight: 600;
  color: #382a2a;
}

/* Boutton dans les filtres */
.close-filter-button {
  font-weight: 900;
}

.collection-filter-button {
  background-color: #FD606F;
  border-radius: 15px;
  padding: 10px;
  color: #FFF !important;
}

.collection-filter-button .collection-filter {
  color: #FFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.collection-filter-button .collection-filter-icon {
  color: #FFF !important;
  width: 16px !important;
  height: 16px !important;
}
}

.pagination-number {
  font-weight: 900;
}

.pagination-number-arrow {
  background-color: #f7717d;
  border-radius: 100%;
  color: #fff !important;
  transition: background-color 0.3s ease;
}

.pagination-number-arrow:hover {
  background-color: #d45661;
}

/* Forcer le gras uniquement sur le bouton sticky */
.atc-fixed-button {
    font-weight: bold !important;
}

.sub-nav-title {
  font-weight: bold !important;
  font-size: 18px !important;
  color: #f7717d !important;
  margin-top: -25px !important;
}

/* ============================================================
   NOUVEL EN-TÊTE DE SOUS-MENU MOBILE (menu "burger")
   Quand on ouvre une collection mère (ou une sous-collection)
   dans le menu mobile, la flèche "Précédent" et le titre sont
   réunis sur une seule ligne façon "barre de page", alignée
   avec la croix de fermeture, au lieu d'être sur deux lignes
   séparées comme avant.
   ============================================================ */

/* On retire le padding du haut d'origine : notre en-tête gère
   désormais lui-même son espace tout en haut du panneau.
   Ça vaut aussi pour le menu principal (nav-menu), qui a
   maintenant lui aussi sa barre de séparation dès l'ouverture */
.mobile-nav .nav-menu,
.mobile-nav .subnav,
.mobile-nav .subsubnav {
  padding-top: 0 !important;
}

/* La croix de fermeture est recentrée pour tomber exactement
   au milieu de la nouvelle barre (70px de hauteur, cf. ci-dessous) */
.mobile-nav .close-menu-block {
  top: 15px;
}

.mobile-nav .subnav-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 70px;
  gap: 10px;
  cursor: pointer;
  border-bottom: 1px solid #E7E7E7 !important;
  padding: 0 20px 0 30px !important;
  margin: 0 -10px 0 -30px;
  /* Le thème impose width/min-width/max-width:100% sur ces lignes
     de menu ; combiné à nos marges négatives (pour "border à
     border"), ça créait une largeur totale trop grande et donc
     la scrollbar horizontale. On repasse en largeur automatique
     pour que la barre se cale exactement sur la largeur réelle
     du panneau, marges comprises. */
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Le panneau de niveau 2 (sous-sous-menu) n'a pas le même padding
   horizontal de base que le niveau 1 : on adapte la marge négative */
.mobile-nav .subsubnav .subnav-header {
  margin: 0 -30px 0 -30px;
  padding: 0 30px !important;
}

.mobile-nav .subnav-header .sub-nav-title {
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   ESPACEMENT DES LIGNES DE MENU (mobile)
   Réduction de la hauteur de chaque ligne. Comme c'est la même
   propriété "padding" qui définit à la fois l'apparence ET la
   zone cliquable du lien, la zone de clic se resserre exactement
   en même temps que l'apparence : pas de risque de chevauchement
   ni de zones cliquables mal alignées avec ce qui est affiché.
   "Voir tous les produits" est volontairement inclus dans la
   même règle que les sous-collections, pour garantir un espacement
   strictement identique entre les deux.
   ============================================================ */
.mobile-nav .nav-menu > li > a,
.mobile-nav .nav-menu > li > span.ob-seo {
  padding: 14px 0 !important;
}

.mobile-nav .subnav-view-all > a,
.mobile-nav .subnav > li > a,
.mobile-nav .subsubnav > li > a {
  padding: 10px 0 !important;
}

/* La vraie cause de l'écart trouvée : une règle du thème
   (".menu-dropdown .subnav li:nth-child(3)") ajoute 10px de
   padding-top, mais uniquement sur le <li> en 3e position.
   Avant nos changements, cette 3e position correspondait déjà
   au premier lien réel (après la flèche "Précédent" et le
   titre) — ce n'est donc pas une règle qu'on a cassée, juste
   un ancien réglage qui redevient visible maintenant qu'on veut
   un espacement identique partout. On neutralise son padding-top
   en ciblant directement "le <li> juste après Voir tous les
   produits", ce qui reste valable même si la structure change. */
.mobile-nav .subnav-view-all + li {
  padding: 0 !important;
}

/* ============================================================
   SUPPRESSION DU SURLIGNAGE BLEU AU CLIC (mobile)
   ============================================================ */
.mobile-nav .nav-menu a,
.mobile-nav .nav-menu span.ob-seo,
.mobile-nav .subnav a,
.mobile-nav .subsubnav a,
.mobile-nav .nav-arrow,
.mobile-nav .nav-previous,
.mobile-nav .subnav-header,
.mobile-nav .close-menu-block {
  -webkit-tap-highlight-color: transparent;
}

/* Transitions d'ouverture/fermeture des sous-menus mobiles :
   on retire le délai et on réduit la durée pour un menu
   nettement plus réactif au clic */
.mobile-nav .subnav-box,
.mobile-nav .subnav,
.mobile-nav .subsubnav {
  transition: opacity .15s ease, visibility .15s ease !important;
  transition-delay: 0s !important;
}





/* ===== Conteneur image (bloc avec id unique) ===== */
#block-image_HzRhJj {
  padding: 0 !important;
  background: 0 0 !important;
}
#block-image_HzRhJj img {
  border-radius: 15px;
}

/* ===== Conteneur global de la section =====
   .before-text est le wrapper le plus haut de CETTE section précise.
   On le cible via :has() en visant les id uniques de ses blocs enfants
   (id générés par Shopify, garantis uniques sur toute la page). */
.before-text:has(#block-text_QXPgwd) {
  background: #fdf3f4;
  border: 1px solid #fdeaea;
  overflow: hidden;
  margin: -20px auto;
  box-shadow: 0 0 3px #fbdcd7;
  max-width: 1400px !important;
}

/* ===== Bloc texte (id unique) ===== */
#block-text_QXPgwd .index-title {
  position: relative;
}
#block-text_QXPgwd .index-title:after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: #F8A5A5;
  margin: 15px 0;
  margin-top: 18px !important;
}

/* ===== Bloc bouton (id unique) ===== */
#block-button_6tLLt7 .index-button {
  box-shadow: 0 6px 10px #fbdbd6;
}

/* ===== PC : texte collé à gauche, aligné avec le bouton ===== */
@media (min-width: 800px) {
  #block-text_QXPgwd {
    padding-left: 0 !important;
  }
}

/* ===== Mobile : centrage texte, espace sous le bouton, barre centrée ===== */
@media (max-width: 799px) {
  #block-text_QXPgwd {
    text-align: center !important;
  }
  #block-text_QXPgwd .index-title:after {
    margin: 5px auto;
  }
  #block-button_6tLLt7 {
    margin-bottom: 28px !important;
       margin-top: -1px !important;
  }
}

/* ============================================================
   SLIDER "POINTS FORTS" (Colis discret / Livraison / etc.)
   Scopé via l'id unique de la section.
   Chaîne DOM réelle (confirmée via inspection) :
   .container > .slider > .slider__nav.flex > .slider__inner > .slider__item (x4)
   On élargit TOUTE la chaîne pour être sûr qu'aucun parent
   (notamment .container, qui a souvent un max-width Shopify
   par défaut autour de 1200px) ne bride .slider__inner.
   ============================================================ */
#shopify-section-template--30302331109724__section_icons_zEWPcW .container,
#shopify-section-template--30302331109724__section_icons_zEWPcW .slider,
#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__nav {
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__nav {
  border-radius: 15px !important;
  background: #fdf3f4 !important;
  border: 1px solid #fdeaea !important;
  box-shadow: 0 0 8px 1px #fbdcd7 !important;
  padding: 15px 25px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__inner {
  width: 100% !important;
  display: flex !important;
}

#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__item {
  flex: 1 1 0;
  padding: 8px 20px 8px 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 80px;
  background: #F8A5A5;
}
#shopify-section-template--30302331109724__section_icons_zEWPcW .slider__item:last-child:after {
  display: none;
}

@media (max-width: 799px) {
  #shopify-section-template--30302331109724__section_icons_zEWPcW .slider {
    margin-left: 20px !important;
    margin-right: 20px !important;
    width: auto !important;
  }
  #shopify-section-template--30302331109724__section_icons_zEWPcW .slider__nav {
    overflow: hidden !important;
    padding: 5px 5px !important;
  }
  #shopify-section-template--30302331109724__section_icons_zEWPcW .slider__inner {
    width: auto !important;
  }
  #shopify-section-template--30302331109724__section_icons_zEWPcW .slider__item {
    flex: 0 0 auto;
    min-width: 240px;
    padding: 8px 18px 8px 10px;
  }
}




#shopify-section-template--30302331109724__section_logos_EnNQJr {
  background: #fdf3f4;
  border: 1px solid #fdeaea;
  margin-bottom: 20px !important;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px #fbdbd6;
  max-width: 1400px !important;
  border-radius: 15px;
}

#shopify-section-template--30302331109724__section_logos_EnNQJr .index-title:after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background: #F8A5A5;
  margin: 18px auto 0;
}

@media (max-width: 799px) {
  #shopify-section-template--30302331109724__section_logos_EnNQJr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}



.collection-banner-wrap {
  background-color: #efefef;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.collection-banner-wrap .collection-header {
  background-color: transparent;
}
.collection-banner-wrap .collection-description {
  background-color: transparent !important;
  padding: 20px 0 !important;
}

.collection-related {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.collection-related-item {
  width: 150px;
  flex: 0 0 150px;
  margin-right: 20px;
  box-sizing: border-box;
}
.collection-related-link {
  text-decoration: none;
  text-align: center;
  display: block;
}
.collection-related-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 15px;
  display: block;
  margin-bottom: 10px;
}
.collection-related-name {
  text-decoration: underline;
  color: var(--body-title-color);
  font-size: 14px;
}