/** Shopify CDN: Minification failed

Line 376:0 All "@import" rules must come first

**/
/* =================================================================
   BRODEUSES - CUSTOM CSS
   Fichier : assets/brodeuses-custom.css
   Inclus depuis layout/theme.liquid juste avant </body>
   → injecté en dernier, gagne sur tous les CSS Blum / styles inline
   ================================================================= */


/* =================================================================
   FICHE PRODUIT
   ================================================================= */

/* --- Prix produit : Inter, taille +3px, espacement propre --- */
#mainContent span.brodeuses-price.brodeuses-price {
  font-family: 'BrodeusesBody', 'Inter', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* --- Titre produit : line-height aéré + espace sous le titre --- */
#mainContent .product__title {
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* --- Bloc prix : espace au-dessus pour éviter chevauchement --- */
#mainContent .product__prices {
  margin-top: 26px !important;
}

/* --- PDP promo : prix réduit + prix barré côte à côte --- */
#mainContent .product__prices .price__sale--on-sale {
  display: inline-flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

#mainContent .product__prices .price__sale.d-none {
  display: none !important;
}

#mainContent .product__prices .price-item--sale.brodeuses-price {
  font-size: 22px !important;
  font-weight: 500 !important;
  color: inherit !important;
}

#mainContent .product__prices .brodeuses-price--compare,
#mainContent .product__prices .price-item--compare {
  font-family: 'BrodeusesBody', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: rgba(0, 0, 0, 0.45) !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
}

/* --- Masquer "Acheter maintenant" (Buy it Now / Shopify Dynamic Checkout) --- */
#mainContent .product-form__buttons .shopify-payment-button {
  display: none;
}

/* --- Bouton "Ajouter au panier" : majuscules + 16px --- */
#mainContent .product-btn-atc {
  text-transform: uppercase;
  font-size: 16px;
}

/* --- Lien "Guide des tailles" : Inter 14px ---
   !important nécessaire : le thème Blum force BrodeusesBody !important
   sur tous les boutons via une stylesheet inline globale */
#mainContent .product__info button.btn-link.fs-body {
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: normal !important;
}

/* --- Sélection variants (taille / couleur) : état actif visible ---
   Correctif des règles précédentes qui écrasaient le style :checked
   du thème (background: white, box-shadow invisible) */
#mainContent .product-option__label {
  border: 2px solid transparent !important;
  border-radius: 50px !important;
}

#mainContent .input--variant:checked + .product-option__label {
  background-color: rgb(var(--color-btn-bg-rgb)) !important;
  color: var(--color-btn-label) !important;
  border: 2px solid rgb(var(--color-btn-bg-rgb)) !important;
  border-radius: 50px !important;
  box-shadow: none !important;
}


/* =================================================================
   POP-UP "GUIDE DES TAILLES"
   ================================================================= */

/* Bug 1 : div.banner contient un <h1> 68px qui fait doublon avec le titre
   Bug 2 : <p> initial parasite (balises meta + margin 32px) crée un espace vide */
#dialogPopupContente8cc3538b280 .dialog__body .banner {
  display: none;
}

#dialogPopupContente8cc3538b280 .dialog__body .rte > p:first-child {
  display: none;
}


/* =================================================================
   SLIDESHOW HOMEPAGE
   ================================================================= */

/* --- Hauteur fixe de 680px --- */
.shopify-section .slideshow,
.shopify-section .slider-slide,
.shopify-section sht-slideshow,
.shopify-section sht-slideshow .slider-slide {
  height: 680px !important;
  min-height: 680px !important;
  max-height: 680px !important;
}

/* --- Contenu (titre + sous-titre + bouton) en bas, centré horizontalement --- */
.shopify-section .brodeuses-slide-content {
  align-items: flex-end !important;
  justify-content: center !important;
  padding-bottom: 80px !important;
}

.shopify-section .brodeuses-slide-content .brodeuses-s-header,
.shopify-section .brodeuses-slide-content .s-header {
  height: auto !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

/* Empêcher le débordement */
.shopify-section .slideshow,
.shopify-section sht-slideshow {
  overflow: hidden !important;
}


/* =================================================================
   PANIER (side cart drawer + page /cart)
   ================================================================= */

/* --- Liens "Code promo", "Ajouter une note", "Continuer d'acheter" --- */
.cart-drawer .btn-link,
.cart__drawer .btn-link,
.drawer__wrapper .btn-link,
.main-cart .btn-link,
#mainCart .btn-link {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* --- Boutons d'action principaux : "Voir le panier", "Vérifier", "Commander" --- */
.cart-drawer__footer .btn,
.drawer__footer .btn,
.main-cart .btn-primary,
#mainCart .btn-primary,
.main-cart button[name="checkout"],
#mainCart button[name="checkout"] {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* --- Champs input et textarea (placeholders + texte saisi) --- */
.cart-drawer input[type="text"],
.cart-drawer input[type="email"],
.cart-drawer textarea,
.drawer__wrapper input[type="text"],
.drawer__wrapper input[type="email"],
.drawer__wrapper textarea,
.main-cart input[type="text"],
.main-cart input[type="email"],
.main-cart textarea,
#mainCart input[type="text"],
#mainCart input[type="email"],
#mainCart textarea {
  font-size: 14px !important;
}

.cart-drawer input::placeholder,
.cart-drawer textarea::placeholder,
.drawer__wrapper input::placeholder,
.drawer__wrapper textarea::placeholder,
.main-cart input::placeholder,
.main-cart textarea::placeholder,
#mainCart input::placeholder,
#mainCart textarea::placeholder {
  font-size: 14px !important;
}

/* --- Bouton "Appliquer" sur form code promo --- */
.cart-drawer button[type="submit"],
.drawer__wrapper button[type="submit"],
.main-cart button[type="submit"],
#mainCart button[type="submit"],
sht-cart-drwr-frm .btn,
sht-cart-drwr-frm button,
sht-cart-frm .btn,
sht-cart-frm button {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* --- Message livraison gratuite --- */
.cart-drawer .js-free-shipping-notification-message,
.cart-drawer .cart-drawer-shipping,
.cart-drawer .free-shipping-notification-message,
.drawer__wrapper .js-free-shipping-notification-message,
.drawer__wrapper .cart-drawer-shipping,
.drawer__wrapper .free-shipping-notification-message,
.main-cart .js-free-shipping-notification-message,
.main-cart .cart-drawer-shipping,
.main-cart .free-shipping-notification-message,
#mainCart .js-free-shipping-notification-message {
  font-size: 14px !important;
}

/* --- Page /cart : titres de colonnes "Produit / Quantité / Total" --- */
.main-cart .cart-content__headings,
.main-cart .cart-content__headings > div,
#mainCart .cart-content__headings,
#mainCart .cart-content__headings > div {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}


/* =================================================================
   FIXES animation.css — Bugs Blum natifs
   -----------------------------------------------------------------
   Diagnostic Claude in Chrome :
   animation.css contient des règles trop génériques qui polluent
   plusieurs éléments du panier :
   - .btn-small { position: fixed; bottom: 0; right: 70px; width: 50px }
   - button.btn.btn-icon.btn-secondary.btn-small { position: absolute }
   - .field_quantity { border-radius: 0 !important }
   - sht-cart-drwr-rmv-btn { float: right; right: -113px } @media 900px
   - form#cart-drawer-form sht-cart-drwr-rmv-btn { right: -96% } @media 920px
   On annule ces effets indésirables sur les éléments concernés.
   À long terme : auditer animation.css pour scoper ces règles.
   ================================================================= */

/* --- Sélecteur de quantité page /cart --- */
.cart-item__quantity sht-qty-inp {
  position: static !important;
  width: auto !important;
  min-height: unset !important;
  bottom: auto !important;
  right: auto !important;
}

/* --- Bouton ✕ fermer le drawer --- */
.cart-drawer .js-cart-drawer-btn-close,
sht-cart-drwr .js-cart-drawer-btn-close {
  position: static !important;
  width: auto !important;
  min-height: unset !important;
  bottom: auto !important;
  right: auto !important;
}

/* --- Sélecteur de quantité du sidecart drawer --- */
sht-cart-drwr sht-cart-drwr-qty-inp,
.cart-drawer sht-cart-drwr-qty-inp {
  position: static !important;
  width: auto !important;
  min-height: unset !important;
  bottom: auto !important;
  right: auto !important;
}

/* --- Boutons − et + internes du sélecteur quantité du drawer --- */
sht-cart-drwr .js-cart-drawer-quantity-btn,
.cart-drawer .js-cart-drawer-quantity-btn {
  position: static !important;
  width: auto !important;
  min-height: unset !important;
  bottom: auto !important;
  right: auto !important;
}

/* --- Wrapper du bouton poubelle : annuler le positionnement Blum desktop ---
   animation.css applique en @media (min-width: 900px) et 920px :
     float: right; position: relative; right: -113px / -96%; top: 95px
   ce qui fait sortir la poubelle hors du drawer à droite.
   Spécificité parent + multi-sélecteurs pour battre animation.css. */
sht-cart-drwr sht-cart-drwr-rmv-btn,
#shtCartDrawer sht-cart-drwr-rmv-btn,
sht-cart-drwr form#cart-drawer-form sht-cart-drwr-rmv-btn,
#shtCartDrawer form#cart-drawer-form sht-cart-drwr-rmv-btn {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin-top: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
}

/* --- Bouton poubelle lui-même --- */
sht-cart-drwr .js-cart-drawer-delete-btn,
.cart-drawer .js-cart-drawer-delete-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  height: auto !important;
}

/* --- Border-radius pill shape du sélecteur de quantité (drawer + /cart) --- */
sht-qty-inp.field_quantity,
sht-cart-drwr-qty-inp.field_quantity,
div.field_quantity,
.field_quantity.d-inline-flex {
  border-radius: 50px !important;
}

/* =================================================================
   ZONE LIBRE - À COMPLÉTER AU FUR ET À MESURE DU PROJET
   ================================================================= */

/* Header / barre d'annonce
   ------------------------ */


/* Fil d'Ariane (Schema & Breadcrumbs app)
   --------------------------------------- */


/* Mega menu
   --------- */


/* Footer
   ------ */
/* === FIX : Prix plus petit dans la section "Se marie avec" === */
#mainContent .complementary-products span.brodeuses-price,
#mainContent .complementary-products span.brodeuses-price.brodeuses-price,
#mainContent sht-prd-recom span.brodeuses-price,
#mainContent sht-prd-recom span.brodeuses-price.brodeuses-price,
#mainContent .complementary-products .price-item,
#mainContent sht-prd-recom .price-item {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

#mainContent .complementary-products .price s.price-item--regular,
#mainContent sht-prd-recom .price s.price-item--regular {
  font-size: 11px !important;
  font-weight: 400 !important;
}
/* === Import Inter depuis Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* === FIX : Titre "Description" en Inter === */
#mainContent .js-accordion-trigger .h5,
#mainContent button.js-accordion-trigger span.h5 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* === FIX : Section "Soutien aux femmes / Linge d'exception / Marque responsable / Broderie" === */

/* 1. Textes en Inter (même style que "Description") */
#mainContent .flex-soutien .info-card__heading .h5,
#mainContent .product__extra-info--horizontal .info-card__heading .h5,
.flex-soutien .info-card__heading span.h5 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* 2. Icône à gauche, texte à droite (au lieu d'icône au-dessus) */
#mainContent .flex-soutien .info-card__heading,
.flex-soutien .info-card__heading,
.product__extra-info--horizontal .info-card__heading {
  grid-template-columns: 40px 1fr !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 3. Réduire la taille de l'icône pour qu'elle soit cohérente à gauche */
#mainContent .flex-soutien .icon-custom--large,
.flex-soutien .icon-custom--large {
  width: 40px !important;
  height: 40px !important;
}

#mainContent .flex-soutien .icon-custom--large img,
#mainContent .flex-soutien .icon-custom--large svg,
.flex-soutien .icon-custom--large img,
.flex-soutien .icon-custom--large svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
/* === FIX : Titre "Vous aimerez aussi" en Gilda Display (comme le titre produit) === */
.s-header__title,
h2.s-header__title,
#mainContent .s-header__title {
  font-family: "Gilda Display", Georgia, serif !important;
  font-weight: 400 !important;
}
/* === FIX : Badge "+N" sur les cards produits (même style que le titre de card) === */
#mainContent sht-variant-swtch.variant-swatchs,
#mainContent .variant-swatchs,
sht-variant-swtch.variant-swatchs,
.variant-swatchs {
  font-family: BrodeusesBody, -apple-system, "system-ui", "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
/* === FIX : Bouton "Découvrir" (bloc "L'amour du beau linge") - même style que le bouton hero === */
#mainContent .s-header__buttons .btn.btn-primary,
#mainContent .s-header-buttons .btn.btn-primary,
.s-header__buttons a.btn-primary.btn-large,
.s-header-buttons a.btn-primary.btn-large {
  /* Forme et taille comme le bouton hero "DÉCOUVRIR" */
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  min-width: 166px !important;
  padding: 0 24px !important;
  border-radius: 5px !important;
  border: none !important;
  line-height: 25.5px !important;

  /* Typographie comme le bouton hero */
  font-family: BrodeusesBody, -apple-system, "system-ui", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1.04px !important;
  text-transform: uppercase !important;

  /* Couleur orange conservée */
  background-color: rgb(235, 103, 42) !important;
  color: #ffffff !important;

  /* Centrer le texte */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover */
#mainContent .s-header__buttons .btn.btn-primary:hover,
.s-header__buttons a.btn-primary.btn-large:hover {
  background-color: rgb(215, 90, 30) !important;
  color: #ffffff !important;
}
/* === FIX : Réduire la taille des boutons quantité (− 1 +) et corbeille dans le panier === */

/* Wrapper pilule du champ quantité */
sht-cart-drwr-qty-inp.field_quantity,
.js-cart-drawer .field_quantity {
  height: 36px !important;
  width: auto !important;
  min-width: 72px !important;
}

/* Input avec le chiffre */
.js-cart-drawer-quantity-input,
.js-cart-drawer .qty-element--sm {
  height: 36px !important;
  width: 32px !important;
  font-size: 14px !important;
}

/* Boutons − et + */
.js-cart-drawer-quantity-btn,
.js-cart-drawer-quantity-btn-minus,
.js-cart-drawer-quantity-btn-plus {
  width: 20px !important;
  height: 36px !important;
}

/* Réduire les icônes − et + à l'intérieur */
.js-cart-drawer-quantity-btn svg,
.js-cart-drawer-quantity-btn .icon {
  width: 12px !important;
  height: 12px !important;
}

/* Bouton corbeille (cercle) */
.js-cart-drawer-delete-btn,
button.js-cart-drawer-delete-btn.btn-icon {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  min-width: 36px !important;
}

/* Réduire l'icône corbeille à l'intérieur */
.js-cart-drawer-delete-btn svg,
.js-cart-drawer-delete-btn .icon {
  width: 14px !important;
  height: 14px !important;
}
/* === FIX : Masquer la pop-up de confirmation "Produit ajouté à votre panier" === */
.cart-notification,
.js-cartNotificationPanel,
sht-cart-noti {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* === Collections : fil d'Ariane + titre + filtre (mobile) === */
/* S'assurer que le texte des liens lv3 est visible */
.header__nav .menu-dropdown-lv3 a,
.header__nav .menu-dropdown-lv3 .menu__link,
.header__nav .menu-dropdown-lv3 li {
  font-size: 14px !important;
  color: #333 !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  line-height: 1.5 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Forcer les <details> du mega menu lv2 en mode "toujours ouvert" via CSS */
.header__nav .menu-dropdown-lv2 > .submenu__item > details > .menu-dropdown-lv3,
.header__nav .menu-dropdown-lv2 > .submenu__item > details:not([open]) > .menu-dropdown-lv3 {
  display: flex !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
/* ============================================
   MEGA MENU NOS PRODUITS - VERSION FIGMA
   ============================================ */

/* Overlay créé en JS comme <div id="brodeuses-overlay"> */
#brodeuses-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.4);
  z-index: 90;
  pointer-events: none;
  display: none;
}
body.brodeuses-mega-open #brodeuses-overlay {
  display: block;
}

/* Header AU-DESSUS de l'overlay */
.header {
  position: relative;
  z-index: 100;
  background: #FAF7F2;
}

/* Mega menu : AU-DESSUS de tout */
.header__nav .menu__item-megamenu .mega-menu-wrapper.vertical-mega-menu {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  background: #FAF7F2 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  z-index: 200 !important;
  position: absolute !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Container du mega menu */
.header__nav .menu__item-megamenu .mega-menu.mega-menu--vertical {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 28px 32px 28px !important;
  box-sizing: border-box !important;
  gap: 20px !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Wrapper colonnes */
.header__nav .menu__item-megamenu .mega-menu__columns-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
}

/* Cacher level-1 et 3+ */
.header__nav .menu__item-megamenu .mega-menu__column--level-1,
.header__nav .menu__item-megamenu .mega-menu__column--level-3,
.header__nav .menu__item-megamenu .mega-menu__column--level-4 {
  display: none !important;
}

/* Colonnes level-2 - tailles réduites */
.header__nav .menu__item-megamenu .mega-menu__column--level-2 {
  display: block !important;
  flex: 0 0 auto !important;
  width: 125px !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
}

/* Titres */
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="1"]::before { content: "SÉLECTION"; }
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="2"]::before { content: "LINGE DE LIT"; }
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="3"]::before { content: "LINGE DE TABLE"; }

.header__nav .menu__item-megamenu .mega-menu__column--level-2::before {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  margin-bottom: 18px !important;
  white-space: nowrap !important;
}

.header__nav .menu__item-megamenu .brodeuses-extra-col::before {
  content: none !important;
}

/* Listes */
.header__nav .menu__item-megamenu .mega-menu__column .mega-menu__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: auto !important;
}

.header__nav .menu__item-megamenu .mega-menu__column--level-2 .menu__link {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: block !important;
  text-align: left !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.header__nav .menu__item-megamenu .mega-menu__column--level-2 .menu__link .menu-item-title {
  text-transform: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* 4ème colonne */
.header__nav .menu__item-megamenu .brodeuses-extra-col .menu__link,
.header__nav .menu__item-megamenu .brodeuses-extra-col .menu__link .menu-item-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #1a1a1a !important;
}

.header__nav .menu__item-megamenu .brodeuses-extra-col .mega-menu__list {
  gap: 18px !important;
}

.header__nav .menu__item-megamenu .mega-menu__column .menu__link:hover {
  color: #C46A3A !important;
}

/* Cacher chevrons */
.header__nav .menu__item-megamenu .mega-menu__column .menu__link svg,
.header__nav .menu__item-megamenu .mega-menu__column .menu__link [class*="icon"],
.header__nav .menu__item-megamenu .mega-menu__column .menu__link [class*="chevron"] {
  display: none !important;
}

/* Badge -10% */
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="2"] .menu__item--level-2:first-child .menu__link::after {
  content: "-10%";
  display: inline-block;
  margin-left: 6px;
  background: #C46A3A;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 3px;
  vertical-align: middle;
  line-height: 1.4;
}

/* Voir tout */
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="2"] .mega-menu__list::after,
.header__nav .menu__item-megamenu .mega-menu__column--level-2[data-parent-level1="3"] .mega-menu__list::after {
  content: "Voir tout";
  display: inline-block;
  margin-top: 12px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #1a1a1a;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
  align-self: flex-start;
}

/* Cartes promo : taille réduite pour rentrer */
.header__nav .menu__item-megamenu .mega-menu-promotions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  align-items: flex-start !important;
  align-self: flex-start !important;
  justify-content: flex-end !important;
  margin-left: 16px !important;
  min-width: 0 !important;
}

.header__nav .menu__item-megamenu .mega-menu-promotions > .card__promotion {
  flex: 0 0 170px !important;
  width: 170px !important;
  max-width: 170px !important;
  height: 170px !important;
  max-height: 170px !important;
  position: relative !important;
  overflow: hidden !important;
}

.header__nav .menu__item-megamenu .mega-menu-promotions .card__media,
.header__nav .menu__item-megamenu .mega-menu-promotions .js-wrap-image-lazy {
  aspect-ratio: 1 / 1 !important;
  height: 170px !important;
  max-height: 170px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.header__nav .menu__item-megamenu .mega-menu-promotions img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Voile sombre */
.header__nav .menu__item-megamenu .mega-menu-promotions .card__promotion::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 2;
  pointer-events: none;
}

/* Contenu : titre + DÉCOUVRIR en bas */
.header__nav .menu__item-megamenu .mega-menu-promotions .card__promotion .card__content {
  position: absolute !important;
  bottom: 16px !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  text-align: center !important;
  z-index: 5 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.header__nav .menu__item-megamenu .mega-menu-promotions .card__promotion .card__title,
.header__nav .menu__item-megamenu .mega-menu-promotions .card__promotion .card__content span {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  display: block !important;
  width: 100% !important;
}

/* Bouton DÉCOUVRIR via ::after */
.header__nav .menu__item-megamenu .mega-menu-promotions .card__promotion .card__content::after {
  content: "DÉCOUVRIR";
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
/* ===== FIX OVERLAY : monter le header au-dessus de l'overlay ===== */
sht-header.js-header,
.js-header.section-header {
  z-index: 100 !important;
}

.shopify-section-group-header-group {
  z-index: 100 !important;
  position: relative !important;
}

header.header {
  z-index: 100 !important;
}

/* L'overlay reste à 90, donc en-dessous du header (100) */
/* Le mega menu wrapper reste à 200, donc visible normalement dans le header */
#brodeuses-overlay {
  z-index: 90 !important;
}

/* IMPORTANT : empêcher le wrapper du mega menu d'être affecté par l'overlay */
.menu-dropdown.mega-menu-wrapper.js-mega-menu-wrapper {
  z-index: 201 !important;
  background: #fff !important;
}
/* ============================================================ */
/* ===== MENU MOBILE DRAWER - Force Inter + UPPERCASE ======== */
/* ============================================================ */

/* Cible TOUS les liens et summary du drawer mobile via son ID */
#menuDrawer .menu__link,
#menuDrawer a.menu__link,
#menuDrawer summary.menu__link,
#menuDrawer .menu__link-lv1,
#menuDrawer a.menu__link-lv1,
#menuDrawer summary.menu__link-lv1,
#menuDrawer .menu__item a,
#menuDrawer .menu__item summary,
#menuDrawer .menu__item--level-1 a,
#menuDrawer .menu__item--level-1 summary,
sht-menu-drwer#menuDrawer a,
sht-menu-drwer#menuDrawer summary,
sht-menu-drwer .menu__link,
sht-menu-drwer a.menu__link,
sht-menu-drwer summary.menu__link {
  font-family: "Inter", -apple-system, "system-ui", "Segoe UI", sans-serif !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
}

/* Sous-items niveau 2 (sous NOS PRODUITS, Le sur-mesure, Le savoir-faire) */
#menuDrawer .menu__link-lv2,
#menuDrawer .menu__link--level-2,
#menuDrawer .menu__item--level-2 a,
#menuDrawer details[open] .menu__item a:not(.menu__link-lv1):not(.menu__link--level-1),
sht-menu-drwer#menuDrawer .menu__link-lv2,
sht-menu-drwer#menuDrawer .menu__link--level-2 {
  font-family: "Inter", -apple-system, sans-serif !important;
  text-transform: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

/* Titres de section dans le drawer (Nous contacter, Votre compte) */
#menuDrawer h2,
#menuDrawer h3,
#menuDrawer .h3,
#menuDrawer .h4,
#menuDrawer .h5,
#menuDrawer .drawer__footer h2,
#menuDrawer .drawer__footer h3,
sht-menu-drwer#menuDrawer h2,
sht-menu-drwer#menuDrawer h3 {
  font-family: "Inter", -apple-system, sans-serif !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* Téléphone, email, comptes du drawer */
#menuDrawer .drawer__footer a,
#menuDrawer .drawer__footer span,
#menuDrawer .drawer__footer p,
#menuDrawer .drawer__footer li,
sht-menu-drwer#menuDrawer .drawer__footer a {
  font-family: "Inter", -apple-system, sans-serif !important;
  font-style: normal !important;
}
/* ============================================================ */
/* ===== FIX MENU MOBILE - SE CONNECTER + EMAIL ============== */
/* ============================================================ */

/* SE CONNECTER : une seule ligne, pas de coupure */
#menuDrawer .header__icon--account,
#menuDrawer .header__icon--account a,
#menuDrawer .header__icon--account .btn,
#menuDrawer a.btn-link {
  white-space: nowrap !important;
  word-break: keep-all !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}

#menuDrawer .header__icon--account {
  width: auto !important;
  display: inline-flex !important;
}

/* Email : doit rester en minuscules */
#menuDrawer .contact__item,
#menuDrawer a.contact__item,
#menuDrawer .contact__list a,
#menuDrawer .contact__wrapper a {
  text-transform: none !important;
  font-family: "Inter", -apple-system, sans-serif !important;
  font-style: normal !important;
}
/* ============================================================ */
/* ===== FIX : Vrais liens "Voir tout" cliquables ============ */
/* ============================================================ */

/* Style minimal - hérite du style original */
.brodeuses-voir-tout-link {
  display: inline-block;
  margin-top: 16px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 10;
  background: transparent;
}

.brodeuses-voir-tout-link:hover {
  color: #c47b53;
}
/* Cacher TOUS les pseudo-éléments "Voir tout" générés par CSS */
.mega-menu-wrapper .mega-menu__list::after,
.mega-menu-wrapper ul.mega-menu__list::after,
.mega-menu-wrapper .mega-menu__list::before,
.mega-menu-wrapper ul::after,
.mega-menu-wrapper .mega-menu__column--level-2 > ul::after,
.mega-menu-wrapper .menu-dropdown-lv2::after {
  content: none !important;
  display: none !important;
}

/* Cacher les level-3 "Voir tout →" — desktop header uniquement */
.header__nav .mega-menu-wrapper .menu__link--level-3,
.header__nav .mega-menu-wrapper .menu__item--level-3,
.header__nav .mega-menu-wrapper a.menu__link--level-3 {
  display: none !important;
}

/* --- Mobile drawer: Madura-style drill-down (L1 → L2 panel + L3 grid) --- */
#menuDrawer .menu-drawer-drilldown {
  width: 100%;
  overflow: hidden;
}

#menuDrawer .menu-drawer-drilldown__viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#menuDrawer .menu-drawer-drilldown__track {
  position: relative;
  width: 100%;
}

#menuDrawer .menu-drawer-drilldown__panel {
  display: none;
  width: 100%;
}

#menuDrawer .menu-drawer-drilldown__panel.is-active,
#menuDrawer .menu-drawer-drilldown__panel.is-leaving-back {
  display: block;
}

#menuDrawer .menu-drawer-drilldown__panel.is-leaving-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  pointer-events: none;
}

#menuDrawer .menu-drawer-drilldown__panel.is-entering-back {
  position: relative;
  z-index: 1;
}

#menuDrawer .menu-drawer-drilldown__panel.is-entering {
  animation: menu-drawer-drilldown-enter-forward 0.32s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

#menuDrawer .menu-drawer-drilldown__panel.is-entering-back {
  animation: menu-drawer-drilldown-enter-back 0.32s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

#menuDrawer .menu-drawer-drilldown__panel.is-leaving-back {
  animation: menu-drawer-drilldown-leave-back 0.32s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes menu-drawer-drilldown-enter-forward {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes menu-drawer-drilldown-enter-back {
  from {
    transform: translateX(-20%);
    opacity: 0.5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes menu-drawer-drilldown-leave-back {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

#menuDrawer .menu-drawer-drilldown__panel-inner {
  padding-block-end: 24px;
}

#menuDrawer .menu-drawer-drilldown__back {
  font-family: "Inter", -apple-system, sans-serif !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  padding: 8px 16px;
  margin-block-end: 20px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

#menuDrawer .menu-drawer-drilldown__trigger {
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  padding-block: 14px;
}

#menuDrawer .menu-drawer-drilldown__chevron {
  flex-shrink: 0;
  opacity: 0.55;
}

#menuDrawer .menu-drawer-drilldown__list--l1 .menu__link-lv1 {
  padding-block: 14px;
  border-block-end: 1px solid rgba(0, 0, 0, 0.06);
}

/* Kill legacy accordion / mega menu inside drawer — panels only */
#menuDrawer .main__menu,
#menuDrawer details[data-level],
#menuDrawer .mega-menu-wrapper,
#menuDrawer .mega-menu-wrapper.vertical-mega-menu,
#menuDrawer sht-menu-header:not(.menu-drawer-drilldown sht-menu-header),
#menuDrawer .mega-menu--drawer > ul:not(.menu-drawer-drilldown__list),
#menuDrawer .menu-dropdown:not(.menu-drawer-drilldown__list) {
  display: none !important;
}

#menuDrawer .menu-drawer-drilldown {
  display: block !important;
  position: relative;
  z-index: 2;
}

#menuDrawer .menu-drawer-drilldown__row,
#menuDrawer .menu-drawer-drilldown__trigger.menu-drawer-drilldown__row,
#menuDrawer a.menu-drawer-drilldown__row,
#menuDrawer button.menu-drawer-drilldown__row,
#menuDrawer .menu-drawer-drilldown__list--nested .menu-drawer-drilldown__row,
#menuDrawer .menu-drawer-drilldown__list--nested a.menu-drawer-drilldown__row,
#menuDrawer .menu-drawer-drilldown__list--nested button.menu-drawer-drilldown__row,
#menuDrawer .menu-drawer-drilldown__list--nested .menu-drawer-drilldown__row--leaf,
#menuDrawer a.menu-drawer-drilldown__view-all-link,
#menuDrawer .menu-drawer-drilldown__view-all-link {
  font-family: "Inter", -apple-system, "system-ui", "Segoe UI", sans-serif !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  color: inherit !important;
  padding-block: 12px !important;
  padding-inline: 0 !important;
  margin: 0 !important;
  border-block-end: 1px solid rgba(0, 0, 0, 0.06);
  background: none;
  border-inline: none;
  cursor: pointer;
  text-align: left;
}

#menuDrawer .menu-drawer-drilldown__row--leaf {
  cursor: pointer;
}

#menuDrawer a.menu-drawer-drilldown__view-all-link,
#menuDrawer .menu-drawer-drilldown__view-all-link {
  display: block !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

#menuDrawer .menu-drawer-drilldown__panel-title {
  margin-block-end: 16px;
  font-family: "Inter", -apple-system, sans-serif !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}

/* Fil d'Ariane collections — empilé au-dessus du titre */
html body.template-collection .shopify-app-block .breadcrumbs,
html body.template-collection .shopify-section--apps .breadcrumbs,
html body.template-collection #mainContent nav.breadcrumbs,
html body.template-collection #mainContent [class*="breadcrumb"] {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  float: none !important;
  clear: both !important;
  padding-inline: calc(var(--spacing) * 2.5) !important;
  margin-inline: auto !important;
  margin-block-end: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.5 !important;
}

html body.template-collection .shopify-app-block .w-100,
html body.template-collection .shopify-section--apps .w-100 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.template-collection .shopify-section--apps .section {
  padding-block-start: 16px !important;
  padding-block-end: 16px !important;
}

/* Titre collection — jamais de margin négatif (custom_css section) */
html body.template-collection [data-ui-component="Main Collection Header"] .section {
  position: relative !important;
  z-index: 1 !important;
  padding-block-start: 0 !important;
  padding-block-end: 12px !important;
  margin-block-start: 0 !important;
}

html body.template-collection [data-ui-component="Main Collection Header"] .collection-content,
html body.template-collection [data-ui-component="Main Collection Header"] .s-header,
html body.template-collection [data-ui-component="Main Collection Header"] .s-header--special,
html body.template-collection [data-ui-component="Main Collection Header"] div,
html body.template-collection [data-ui-component="Main Collection Header"] p {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

html body.template-collection [data-ui-component="Main Collection Header"] h1.collection-content__title {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding-block-start: 0 !important;
  text-align: center !important;
}

/* Filtre collections — visible + aligné sur le fil d'Ariane */
.template-collection .filter-form-container > .clm.mah-fit-content,
.template-collection .main-collection-product .filter-form-container > .clm,
.template-collection .filter-form-tag.clm {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
}

.template-collection .filter-form-tag {
  display: flex !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: calc(var(--spacing) * 2.5) !important;
  margin-block-end: 8px !important;
}

.template-collection .filter-form-container > .filter-form-tag {
  --w-md: 12 !important;
}

.template-collection .layout--horizontal > .clm:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.template-collection sht-coll-prd-drwer-opner.collection-drawer-open {
  display: block !important;
  visibility: visible !important;
  width: auto !important;
}

.template-collection #mainContent .js-collection-product-drawer-trigger,
.template-collection .js-collection-product-drawer-trigger.btn {
  display: inline-flex !important;
  visibility: visible !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  padding: 0 16px !important;
  height: 40px !important;
  min-height: 40px !important;
}

@media screen and (max-width: 768px) {
  html body.template-collection .shopify-section--apps .section {
    padding-block-start: 12px !important;
    padding-block-end: 12px !important;
  }

  html body.template-collection .shopify-section--apps .breadcrumbs,
  html body.template-collection #mainContent nav.breadcrumbs {
    font-size: 12px !important;
    margin-block-end: 16px !important;
  }

  html body.template-collection [data-ui-component="Main Collection Header"] .collection__header {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  html body.template-collection [data-ui-component="Main Collection Header"] .collection-content {
    order: 1 !important;
    width: 100% !important;
  }

  html body.template-collection [data-ui-component="Main Collection Header"] .collection-media {
    order: 2 !important;
  }

  html body.template-collection [data-ui-component="Main Collection Header"] h1.collection-content__title {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-block-start: 0 !important;
    padding-block-start: 8px !important;
  }

  .template-collection .filter-form-container {
    margin-block-start: 0 !important;
    padding-block-start: 0 !important;
  }

  .template-collection .js-collection-product-drawer-trigger.btn {
    width: auto !important;
    justify-content: flex-start !important;
  }
}

/* Collections : filtre (gauche) + compteur + tri (droite, même bloc) */
html body.template-collection .filter-form-tag .collection-toolbar-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  column-gap: 12px;
  row-gap: 8px;
  width: 100% !important;
  flex-wrap: wrap;
}

html body.template-collection .collection-toolbar-bar__filter {
  width: auto !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html body.template-collection .collection-toolbar-bar__meta.filter-form__rerult-count__sorting {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px;
  margin-left: auto;
  min-width: 0;
  flex: 1 1 auto;
}

html body.template-collection .collection-toolbar-bar__meta .filter-form__result-count {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
}

html body.template-collection .collection-toolbar-bar__sort {
  flex: 0 0 auto;
  width: auto;
  max-width: 220px;
  min-width: 160px;
  margin: 0 !important;
}

html body.template-collection .collection-toolbar-bar__sort .filter-form-sorting {
  width: 100%;
  margin: 0 !important;
}

html body.template-collection .collection-toolbar-bar .filter-form-sorting,
html body.template-collection .collection-toolbar-bar .field__select {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  font-size: 14px !important;
  opacity: 1 !important;
}

html body.template-collection .collection-toolbar-bar .field__select {
  position: relative !important;
  min-height: 44px !important;
  overflow: hidden;
}

html body.template-collection .collection-toolbar-bar .field__select > .btn-icon {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  line-height: 1 !important;
}

html body.template-collection .collection-toolbar-bar .js-collection-product-sort-by-field-select {
  display: block !important;
  visibility: visible !important;
  font-size: 14px !important;
  color: inherit !important;
  opacity: 1 !important;
  min-height: 44px !important;
  height: 44px !important;
  width: 100% !important;
  padding: 0 40px 0 16px !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
}

html body.template-collection details.js-details-filter.filter-form__details {
  display: block !important;
}

/* animation.css cache .product-swatches__item sauf .enleve_les — forcer visible dans le drawer */
html body.template-collection #filterCollectionProductDrawer .filter-form__item.product-swatches__item,
html body.template-collection .filter-form__items-swatch--color .filter-form__item.product-swatches__item,
html body.template-collection details.js-details-filter[data-index] .filter-form__item.product-swatches__item {
  display: block !important;
  visibility: visible !important;
}

html body.template-collection sht-coll-prd-variant-swtch.collection-filter-color-swatch {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Filtre Couleurs : pastilles visibles + libellé */
html body.template-collection .filter-form__items-swatch--color {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 8px !important;
  visibility: visible !important;
}

html body.template-collection .collection-filter-color__label {
  display: flex !important;
  visibility: visible !important;
}

html body.template-collection .collection-filter-color__label .product-swatches {
  display: block !important;
  visibility: visible !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0;
}

/* Pastilles filtre : couleur inline (écru/bleu, ciel/rouge…) sans dépendre du JS */
html body.template-collection .collection-filter-color__label .product-swatches.collection-filter-swatch--has-color {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
}

html body.template-collection .collection-filter-color__label .product-swatches.collection-filter-swatch--light {
  border-color: rgba(0, 0, 0, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

html body.template-collection .collection-filter-color__label .input__checkbox:checked + .product-swatches {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #eb672a !important;
}

html body.template-collection .collection-filter-color__label .product-swatches-label {
  display: inline !important;
  visibility: visible !important;
  font-size: 14px !important;
  line-height: 1.3;
}

@media screen and (max-width: 900px) {
  html body.template-collection sht-coll-prd-drwer-opener.collection-drawer-open.filter-drawer-open {
    width: auto !important;
    margin: 0 !important;
  }

  html body.template-collection .collection-toolbar-bar__meta.filter-form__rerult-count__sorting {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end !important;
    text-align: right !important;
    line-height: 1.4 !important;
  }

  html body.template-collection .collection-toolbar-bar__sort {
    max-width: 180px;
    min-width: 120px;
  }
}

@media screen and (max-width: 768px) {
  html body.template-collection .collection-toolbar-bar__meta.filter-form__rerult-count__sorting {
    display: flex !important;
    text-align: right !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 769px) {
  html body.template-collection .collection-toolbar-bar__sort {
    max-width: 260px;
  }
}
/* ============================================================ */
/* === PHOTOS PROMO : plus grandes, collées aux colonnes,     === */
/* === et responsive selon la taille d'écran                  === */
/* ============================================================ */

/* Bloc des photos : collé à la dernière colonne (pas au bord droit) */
.header__nav .menu__item-megamenu .mega-menu-promotions {
  margin-left: 32px !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

/* Taille de base (écrans 1400-1599px) */
.header__nav .menu__item-megamenu .mega-menu-promotions > .card__promotion {
  flex: 0 0 clamp(200px, 18vw, 260px) !important;
  width: clamp(200px, 18vw, 260px) !important;
  max-width: clamp(200px, 18vw, 260px) !important;
  height: clamp(200px, 18vw, 260px) !important;
  max-height: clamp(200px, 18vw, 260px) !important;
}

.header__nav .menu__item-megamenu .mega-menu-promotions .card__media,
.header__nav .menu__item-megamenu .mega-menu-promotions .js-wrap-image-lazy {
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
}

/* Écran moyen (≤ 1400px) : un peu plus petites mais toujours visibles */
@media (max-width: 1400px) {
  .header__nav .menu__item-megamenu .mega-menu-promotions {
    margin-left: 24px !important;
  }
  .header__nav .menu__item-megamenu .mega-menu-promotions > .card__promotion {
    flex: 0 0 clamp(180px, 16vw, 220px) !important;
    width: clamp(180px, 16vw, 220px) !important;
    max-width: clamp(180px, 16vw, 220px) !important;
    height: clamp(180px, 16vw, 220px) !important;
    max-height: clamp(180px, 16vw, 220px) !important;
  }
}

/* Grand écran (≥ 1600px) : photos plus grandes */
@media (min-width: 1600px) {
  .header__nav .menu__item-megamenu .mega-menu-promotions {
    margin-left: 40px !important;
    gap: 14px !important;
  }
  .header__nav .menu__item-megamenu .mega-menu-promotions > .card__promotion {
    flex: 0 0 clamp(260px, 19vw, 320px) !important;
    width: clamp(260px, 19vw, 320px) !important;
    max-width: clamp(260px, 19vw, 320px) !important;
    height: clamp(260px, 19vw, 320px) !important;
    max-height: clamp(260px, 19vw, 320px) !important;
  }
}

/* Très grand écran (≥ 1900px) : encore plus grandes */
@media (min-width: 1900px) {
  .header__nav .menu__item-megamenu .mega-menu-promotions {
    margin-left: 50px !important;
    gap: 16px !important;
  }
  .header__nav .menu__item-megamenu .mega-menu-promotions > .card__promotion {
    flex: 0 0 clamp(320px, 19vw, 380px) !important;
    width: clamp(320px, 19vw, 380px) !important;
    max-width: clamp(320px, 19vw, 380px) !important;
    height: clamp(320px, 19vw, 380px) !important;
    max-height: clamp(320px, 19vw, 380px) !important;
  }
}
/* ============================================================ */
/* === COLLECTION CARDS : prix plus petit que le titre        === */
/* === Cible le span.brodeuses-price DANS .product-card       === */
/* ============================================================ */

#mainContent .product-card span.brodeuses-price,
#mainContent .product-card span.brodeuses-price.brodeuses-price,
#mainContent .product-card .price-item,
#mainContent .product-card .price-item.brodeuses-price,
#mainContent .product-card .price-item--regular,
#mainContent .product-card .price__regular .price-item,
.product-card span.brodeuses-price,
.product-card span.brodeuses-price.brodeuses-price,
.product-card .price-item,
.product-card .price-item.brodeuses-price {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  font-family: 'BrodeusesBody', 'Inter', sans-serif !important;
}

#mainContent .product-card .price s .price-item,
#mainContent .product-card .price s.price-item--regular,
.product-card .price s .price-item,
.product-card .price s.price-item--regular {
  font-size: 12px !important;
  font-weight: 400 !important;
}
/* ============================================================ */
/* === FIX : Drawer panier AU-DESSUS du header                === */
/* ============================================================ */

/* Drawer panier lui-même (était à z-index: 9) */
sht-cart-drwr,
sht-cart-drwr.drawer,
sht-cart-drwr.js-cart-drawer,
.cart-drawer,
.cart__drawer,
#shtCartDrawer {
  z-index: 300 !important;
}

/* Backdrop / overlay du drawer panier */
sht-cart-drwr-overlay,
.cart-drawer-overlay,
.drawer__overlay,
.cart__drawer-overlay,
[class*="cart-drawer"][class*="overlay"],
[class*="cart-drawer"][class*="backdrop"] {
  z-index: 290 !important;
}

/* Si le drawer est dans un wrapper générique */
.drawer.cart__drawer,
.drawer.js-cart-drawer {
  z-index: 300 !important;
}
/* ============================================================ */
/* === BARRE D'ANNONCE : message + flèches contenus dans la barre === */
/* ============================================================ */

.shopify-section-group-header-group .anmb,
.shopify-section-group-header-group .anmb.js-anmb-section,
[id*="announcement-bar"] .anmb,
.anmb.js-anmb-section {
  display: block !important;
  overflow: hidden;
}

.anmb .anmb__inner.ctnr,
[id*="announcement-bar"] .anmb__inner.ctnr {
  max-width: 100%;
  box-sizing: border-box;
}

.shopify-section-group-header-group sht-ann-bar,
[id*="announcement-bar"] sht-ann-bar,
sht-ann-bar.anmb__bar,
sht-ann-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 24px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.shopify-section-group-header-group .js-anmb-items,
[id*="announcement-bar"] .js-anmb-items,
sht-ann-bar .js-anmb-items,
sht-ann-bar .anmb__items {
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  align-items: center;
  margin: 0 !important;
}

/* Restore slides hidden by legacy animation.css rules */
.shopify-section-group-header-group .js-anmb-item,
[id*="announcement-bar"] .js-anmb-item,
sht-ann-bar .js-anmb-item,
.js-anmb-item.fs-0.scrollable-aln-start.w-100.ta-center,
.js-anmb-item.fs-0.scrollable-aln-start.w-100.ta-center.anmb-item--active {
  display: block !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Prev / next — compact, in-flow, never absolute / outside the bar */
sht-ann-bar .anmb__btn,
sht-ann-bar .js-anmb-control-prev,
sht-ann-bar .js-anmb-control-next,
[id*="announcement-bar"] .js-anmb-control-prev,
[id*="announcement-bar"] .js-anmb-control-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  color: #fff !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  transform: none !important;
  float: none !important;
  z-index: 1;
}

sht-ann-bar .anmb__btn svg,
sht-ann-bar .js-anmb-control-prev svg,
sht-ann-bar .js-anmb-control-next svg,
[id*="announcement-bar"] .js-anmb-control-prev svg,
[id*="announcement-bar"] .js-anmb-control-next svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
  flex-shrink: 0;
  position: static !important;
  transform: none !important;
}

/* Hide arrows when only one message */
sht-ann-bar .js-anmb-control-prev.d-none-important,
sht-ann-bar .js-anmb-control-next.d-none-important,
sht-ann-bar .anmb__btn--hidden {
  display: none !important;
}

@media (max-width: 767px) {
  /* Autoplay only on small screens */
  sht-ann-bar .anmb__btn,
  sht-ann-bar .js-anmb-control-prev,
  sht-ann-bar .js-anmb-control-next,
  [id*="announcement-bar"] .js-anmb-control-prev,
  [id*="announcement-bar"] .js-anmb-control-next {
    display: none !important;
  }

  [id*="announcement-bar"] .ctnr,
  .anmb .anmb__inner.ctnr {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  sht-ann-bar .js-anmb-item,
  sht-ann-bar .js-anmb-item span,
  sht-ann-bar .js-anmb-link-items {
    font-size: 12px !important;
    text-align: center !important;
  }

  sht-ann-bar .js-anmb-items,
  sht-ann-bar .anmb__items {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ============================================================ */
/* === FIX : Drawers (panier + menu + filtres) au-dessus header === */
/* ============================================================ */

sht-cart-drwr,
sht-menu-drwer,
sht-coll-prd-drwer,
#shtCartDrawer,
#menuDrawer,
#filterCollectionProductDrawer,
.drawer.cart__drawer,
.drawer.mega-menu-drawer,
.drawer.js-collection-product-drawer {
  z-index: 300 !important;
}

/* Le wrapper du contenu (liens, boutons) doit être AU-DESSUS de l'overlay.
   L'overlay est fixed z-index:290, donc le wrapper doit avoir z-index > 290. */
.drawer__wrapper,
.cart-drawer__wrapper,
.js-cart-drawer-wrapper,
.js-drawer-wrapper,
.js-collection-product-drawer-wrapper {
  z-index: 400 !important;
  pointer-events: auto !important;
}

/* Fermeture filtre : X + overlay + Apply cliquables */
#filterCollectionProductDrawer .js-drawer-btn-close,
#filterCollectionProductDrawer .js-collection-product-drawer-btn-close,
#filterCollectionProductDrawer .js-collection-product-done-btn,
#filterCollectionProductDrawer .js-collection-product-clear-all-btn,
#filterCollectionProductDrawer .drawer__header,
#filterCollectionProductDrawer .drawer__footer {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}

#filterCollectionProductDrawer .js-drawer-overlay,
#filterCollectionProductDrawer .js-collection-product-drawer-overlay {
  z-index: 290 !important;
  pointer-events: auto !important;
}

/* L'overlay reste à 290 — on supprime l'ancienne rule z-index:-1
   qui ne fonctionnait pas (l'overlay est position:fixed, il sort du flux parent) */
sht-menu-drwer > .drawer__overlay,
sht-cart-drwr > .drawer__overlay,
.mega-menu-drawer > .drawer__overlay,
.cart__drawer > .drawer__overlay {
  z-index: 290 !important;
}

/* --- Badges cartes produit : stack, no overlap, mobile-friendly --- */
.product-card {
  overflow: visible;
}
.product-card .card__media {
  position: relative;
}

.product-card .card__badge-container {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  width: auto;
  max-width: calc(100% - 16px);
  z-index: 5;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
}

.product-card .card__badge-container.right {
  left: auto;
  right: 8px;
  justify-content: flex-end;
}

.product-card .card__badge.product__badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 6px !important;
  margin: 0 !important;
  max-width: 100%;
  /* Avoid tilt/skew causing stacked badges to visually collide */
  transform: none !important;
}

.product-card .card__badge-container.right .card__badge.product__badge {
  align-items: flex-end;
}

.product-card .card__badge .badge {
  display: inline-block !important;
  position: relative !important;
  transform: none !important;
  max-width: 100%;
  width: fit-content;
  max-height: none !important;
  height: auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.35 !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  pointer-events: none;
}

.product-card .card__badge .badge-text,
.product-card .card__badge .badge .badge-text,
.product-card span.badge.badge--sale .badge-text,
.product-card span.badge .d-inline-block.badge-text {
  display: inline !important;
  transform: none !important;
  line-height: inherit !important;
  max-height: none !important;
  padding: 0 !important;
  white-space: nowrap;
  font-size: 13px !important;
}

.badge.badge--oos,
.badge.badge--oos .badge-text {
  color: var(--color-sold-out-badge-text) !important;
  background-color: var(--color-sold-out-badge-background) !important;
}

.badge.badge--pre-order,
.badge.badge--pre-order .badge-text {
  color: var(--color-pre-order-badge-text, #fff) !important;
  background-color: var(--color-pre-order-badge-background, #3070C1) !important;
}

.badge.badge--best-seller,
.badge.badge--best-seller .badge-text {
  color: var(--color-custom-badge-text, #fff) !important;
  background-color: var(--color-custom-badge-background, #101010) !important;
}

/* Mobile single status badge (hidden on desktop) */
.product-card .card__badge-mobile-status {
  display: none;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 6 !important;
  pointer-events: none;
  max-width: calc(100% - 16px);
}

.product-card .card__badge-mobile-status .badge {
  display: inline-block !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.35 !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

.product-card .card__badge-mobile-status .badge-text {
  display: inline !important;
  line-height: inherit !important;
  transform: none !important;
  font-size: 12px !important;
}

/* PDP media badge (outside overflow:hidden media wrapper) */
.product-details > .product__media-badge.card__badge-pre-order,
.product-details > .product__media-badge.card__badge-sold-out {
  top: 8px;
  left: 8px;
  overflow: visible !important;
  max-height: none !important;
  z-index: 5;
}
.product-details > .product__media-badge .badge {
  transform: none !important;
  line-height: 1.35 !important;
  padding: 6px 10px !important;
  height: auto !important;
  max-height: none !important;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  /* One badge only on mobile */
  .product-card .card__badge-container {
    display: none !important;
  }

  .product-card .card__badge-mobile-status {
    display: block !important;
  }

  .product-card .card__badge-mobile-status .badge,
  .product-card .card__badge-mobile-status .badge-text,
  .product-details > .product__media-badge .badge,
  .product-details > .product__media-badge .badge-text {
    line-height: 1.4 !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    max-width: 100%;
  }

  .product-card .card__badge-mobile-status .badge-text,
  .product-details > .product__media-badge .badge-text {
    padding: 0 !important;
  }
}

/* --- Délai moyen précommande (fiche produit, sous le bouton ATC) --- */
.product__pre-order-lead-time {
  font-size: 14px;
  line-height: 1.4;
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* ATC "Précommande" / "Pre-order" must not be clipped */
  #mainContent .product-btn-atc,
  #mainContent .product-btn-atc .js-product-form-submit-btn-text {
    line-height: 1.3 !important;
    min-height: 48px;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* --- Mobile 2-col product grid: portrait cards + aligned rows --- */
  .main-collection-product .js-product-grid.products.rw,
  .main-search .js-product-grid.products.rw,
  #loadMoreContainer.products.rw.js-product-grid {
    align-items: stretch !important;
  }

  .main-collection-product .js-product-grid.products.rw > .clm,
  .main-search .js-product-grid.products.rw > .clm,
  #loadMoreContainer.products.rw.js-product-grid > .clm {
    display: flex !important;
    flex-direction: column;
  }

  .main-collection-product .product-card,
  .main-search .product-card,
  #loadMoreContainer .product-card {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    overflow: visible !important;
  }

  /* Never overlay title/price on the photo on mobile — that was cropping images to a thin strip */
  .main-collection-product .product-card .card__content,
  .main-collection-product .product-card .card__content--inner,
  .main-collection-product .product-card .card__content--outer,
  .main-search .product-card .card__content,
  .main-search .product-card .card__content--inner,
  .main-search .product-card .card__content--outer,
  #loadMoreContainer .product-card .card__content,
  #loadMoreContainer .product-card .card__content--inner,
  #loadMoreContainer .product-card .card__content--outer {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 10px !important;
    background: transparent !important;
    color: inherit !important;
  }

  .main-collection-product .product-card._color-inverse,
  .main-search .product-card._color-inverse,
  #loadMoreContainer .product-card._color-inverse {
    color: inherit !important;
  }

  /* Keep desktop-like 2/3 portrait ratio (not square) */
  .main-collection-product .product-card .card__media,
  .main-search .product-card .card__media,
  #loadMoreContainer .product-card .card__media {
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    flex-shrink: 0;
    position: relative !important;
    overflow: hidden !important;
  }

  .main-collection-product .product-card .card__media > a,
  .main-search .product-card .card__media > a,
  #loadMoreContainer .product-card .card__media > a,
  .main-collection-product .product-card .card__media .js-wrap-image-lazy,
  .main-search .product-card .card__media .js-wrap-image-lazy,
  #loadMoreContainer .product-card .card__media .js-wrap-image-lazy,
  .main-collection-product .product-card .card__media .media-wrapper,
  .main-search .product-card .card__media .media-wrapper,
  #loadMoreContainer .product-card .card__media .media-wrapper,
  .main-collection-product .product-card .card__media sht-image-atf,
  .main-search .product-card .card__media sht-image-atf,
  #loadMoreContainer .product-card .card__media sht-image-atf {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 2 / 3 !important;
  }

  .main-collection-product .product-card .card__media img,
  .main-search .product-card .card__media img,
  #loadMoreContainer .product-card .card__media img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .main-collection-product .product-card .card__heading,
  .main-search .product-card .card__heading,
  #loadMoreContainer .product-card .card__heading {
    min-height: 2.6em;
    max-height: 2.6em;
    margin-bottom: 8px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.3 !important;
  }

  .main-collection-product .product-card .price,
  .main-search .product-card .price,
  #loadMoreContainer .product-card .price {
    margin-top: auto !important;
    margin-bottom: 8px !important;
  }

  /* Badges stay readable on narrow 2-col cards */
  .main-collection-product .product-card .card__badge-mobile-status,
  .main-search .product-card .card__badge-mobile-status,
  #loadMoreContainer .product-card .card__badge-mobile-status {
    max-width: calc(100% - 12px);
  }
}
/* === Avis clients (manuel / placeholder) === */
.brodeuses-rating-summary {
  display: inline-flex !important;
  align-items: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  line-height: 1.3;
  margin: 4px 0 8px;
  visibility: visible !important;
  opacity: 1 !important;
}
.brodeuses-rating-summary:hover .brodeuses-rating-summary__count {
  text-decoration: underline;
}
.brodeuses-rating-block {
  display: block !important;
  margin-top: 4px;
  margin-bottom: 8px;
  visibility: visible !important;
  opacity: 1 !important;
}
.brodeuses-stars {
  /* Keep --font-size unitless (theme percent calc). Visual size via font-size. */
  --color-rating-star: #eb672a;
  --font-size: 2;
  line-height: 1;
  display: inline-block !important;
  visibility: visible !important;
}
.brodeuses-stars::before {
  font-size: inherit;
  color: transparent;
}

/* Section avis : fond léger pour qu’elle se remarque */
.brodeuses-reviews {
  background: #faf9f5;
  padding-block: 48px;
}
.brodeuses-reviews .s-header__title,
.brodeuses-reviews .s-header__sub {
  visibility: visible !important;
  opacity: 1 !important;
}

.brodeuses-reviews__summary {
  margin-bottom: 40px;
  gap: 40px;
}
.brodeuses-reviews__score-value {
  letter-spacing: 0.02em;
}
.brodeuses-reviews__bar-row + .brodeuses-reviews__bar-row {
  margin-top: 8px;
}
.brodeuses-reviews__bar-label {
  width: 2.5rem;
  flex-shrink: 0;
}
.brodeuses-reviews__bar-pct {
  width: 3rem;
  text-align: right;
  flex-shrink: 0;
}
.brodeuses-reviews__bar-track {
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  overflow: hidden;
}
.brodeuses-reviews__bar-fill {
  display: block;
  height: 100%;
  background: #eb672a;
  border-radius: inherit;
}

.brodeuses-reviews__toolbar {
  margin-bottom: 24px;
}
.brodeuses-reviews__select {
  min-height: 40px;
  min-width: 180px;
  padding: 0 36px 0 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  font: inherit;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23101010' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.brodeuses-reviews__card {
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.brodeuses-reviews__card--full[hidden] {
  display: none !important;
}
.brodeuses-reviews__verified {
  color: #2f6b3a;
  white-space: nowrap;
}
.brodeuses-reviews__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 8px;
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  z-index: 1;
  box-sizing: border-box;
}

/* Prevent "Vous aimerez aussi" negative-margin hacks from overlapping reviews pager */
[id*="product-recommendation"] h2.s-header__title,
[id*="product-recommendation"] .s-header__title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.brodeuses-reviews__pager[hidden] {
  display: none !important;
}
.brodeuses-reviews__pager-label {
  min-width: 4ch;
  text-align: center;
  flex: 0 0 auto;
}
.brodeuses-reviews__pager-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #101010 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  appearance: none;
  -webkit-appearance: none;
}
.brodeuses-reviews__pager-btn svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.brodeuses-reviews__pager-btn[disabled],
.brodeuses-reviews__pager .btn[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.brodeuses-reviews__empty {
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .brodeuses-reviews__pager {
    gap: 12px;
    margin-top: 24px;
    padding-inline: 0;
  }
  .brodeuses-reviews__pager-btn {
    flex-basis: 36px;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

html {
  scroll-behavior: smooth;
}

@media screen and (max-width: 767px) {
  .brodeuses-reviews__summary {
    text-align: center;
    gap: 24px;
  }
  .brodeuses-reviews__toolbar {
    justify-content: stretch;
  }
  .brodeuses-reviews__field,
  .brodeuses-reviews__select {
    width: 100%;
  }
}