/** Shopify CDN: Minification failed

Line 647:2 Unexpected "}"

**/
/* Lots Moonbundle : la petite croix « retirer l'article » passait au-dessus
   de l'en-tête du site (z-index 4 imposé par l'application). On la masque. */
html body .moonbundle-mp-slot-line-clear.moonbundle-mp-slot-line-clear,
html body button.moonbundle-mp-slot-line-clear {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/*
 * LOUMONT — retouches du thème (déplacées depuis base.css le 5 novembre 2026, sans changement).
 * Chargé juste après base.css : l'ordre des règles est le même qu'avant.
 * Retiré : la règle qui masquait le choix de quantité pour 3 tailles qui n'existent plus.
 */
/* ======================= */
/* ===== GALERIE PRODUIT ===== */
/* ======================= */

/* Conteneur principal de la galerie */
.product-gallery {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

/* Conteneur des vignettes (positionné à gauche) */
.product-gallery__thumbnail-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 500px;
    overflow-y: auto;
    width: 90px; /* Taille fixe des vignettes */
    flex-shrink: 0;
    position: relative;
}

/* Liste des vignettes */
.product-gallery__thumbnail-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* Style des vignettes */
.product-gallery__thumbnail-item {
    width: 100%;
}

/* Rend les vignettes parfaitement carrées et ajuste l’image */
.product-gallery__thumbnail {
    width: 80px; /* Taille fixe */
    height: 80px; /* Même hauteur que la largeur pour un carré */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px; /* Légèrement arrondi */
    background-color: transparent; /* Supprime le fond noir */
    border: 1px solid rgba(0, 0, 0, 0.1); /* Réduit l'épaisseur du contour */
}

/* Ajuste l’image pour qu’elle remplisse tout le carré */
.product-gallery__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit le carré sans distorsion */
    border-radius: 5px;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

/* Effet au survol des vignettes */
.product-gallery__thumbnail img:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

/* Image principale */
.product-gallery__media-list {
    flex-grow: 1;
    max-width: calc(100% - 120px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.product-gallery__media img {
    width: 100%;
    max-width: 600px;
    height: auto;
    object-fit: contain;
}

/* ======================= */
/* ===== RESPONSIVE ===== */
/* ======================= */

/* Ajustement pour les écrans plus petits */
@media (max-width: 768px) {
    .product-gallery {
        flex-direction: column;
        align-items: center;
    }

    .product-gallery__thumbnail-list-wrapper {
        flex-direction: row;
        max-height: none;
        width: auto;
        overflow-x: auto;
    }

    .product-gallery__thumbnail {
        width: 60px; /* Réduit la taille des vignettes sur mobile */
        height: 60px;
    }

    .product-gallery__media-list {
        max-width: 100%;
    }

    .product-gallery__media img {
        max-width: 400px;
    }
}
.product-form__input input[type="radio"] + label {
    border: 1.5px solidrgb(0, 0, 0) !important;
    background: white !important;
    color: black !important;
    padding: 12px 20px !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    transition: 0.3s;
}

.product-form__input input[type="radio"]:checked + label {
  border: 1px solid black !important;
  background-color: black !important;
  color: white !important;

}
/* Style des variantes non disponibles */
.product-form__input input[type="radio"].disabled + label {
    position: relative;
    color: #b0b0b0 !important; /* Texte grisé */
    border: 1px solid #d3d3d3 !important; /* Bordure plus claire */
    cursor: not-allowed;
    opacity: 0.5;
}

/* Ajout d'un trait diagonal sur les variantes non disponibles */
.product-form__input input[type="radio"].disabled + label::after {
    content: "";
    position: absolute;
    top: 47%;
    left: -5%;
    width: 110%;
    height: 2px; /* Épaisseur du trait */
    background: #888; /* Couleur du trait */
    transform: rotate(-26deg);
    transform-origin: center;
    opacity: 0.7;
}
/* Supprime le texte barré sur les variantes épuisées */
.product-form__input--pill input[type="radio"]:disabled + label,
.product-form__input--pill input[type="radio"].disabled + label {
    text-decoration: none !important;
}
/* Met en gras le texte des badges (ex : Sold Out, Promo...) */
.badge,
.badge--sale,
.badge--sold-out,
.product__badge,
.product__badge--sold-out,
.product-form__input label.label-unavailable,
.product-form__input .badge {
    font-weight: bold !important;
}
.shopify-section.shopify-section-group-header-group.shopify-section--header {
    position: fixed !important;
    width: 100vw !important;
    top: 0;
}

@media only screen and (min-width: 700px) {
    .header {
        background-color: transparent !important;
    }
}
/* Styles généraux pour les badges */
.badge {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.05px; /* Réduction légère de l'espace entre les lettres */
    border-radius: 0px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
}

/* Ajustements pour les écrans mobiles (moins de 768px de large) */
@media screen and (max-width: 768px) {
    .badge {
         display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0px;
    border-radius: 0px;
    top: 3px;
    left: 3px;

    line-height: normal; /* pour ne pas décaler verticalement */
    }
}
/* A) Masquer le badge "Sold out" */
.badge.price__badge-sold-out { 
  display: none !important;
}

/* B) Ne réserve plus d'espace pour les badges sur la page produit */
.template-product .price__badges {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
/* Si le wrapper ne contient QUE le badge "Sold out" (même masqué), on le cache carrément */
.template-product .price__badges:has(> .price__badge-sold-out:only-child) {
  display: none !important;
}
/* Cas où le wrapper serait vraiment vide */
.template-product .price__badges:empty {
  display: none !important;
}

/* C) Rapprocher le prix du titre (Dawn met un margin-top sur .price) */
.template-product .product__info-container .price,
.template-product .product__info-wrapper .price,
.template-product .product__title ~ .price,
.template-product .product__title + .price {
  margin-top: 0.25rem !important; /* Mets 0 si tu veux collé au titre */
}

/* D) Sécurité : pas de marge interne inutile dans le conteneur du prix */
.template-product .price__container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* S'assurer que le conteneur du produit est bien positionné */
.product-container {
    position: relative; /* Nécessaire pour que le badge soit bien positionné */
}
@media screen and (max-width: 768px) {
    .badge {
        font-weight: 900 !important; /* Forcer le gras au max */
    }
}

/* Styles pour le texte du menu */
.header-menu, .site-nav, .menu-item, .nav-link {
    font-weight: 900 !important; /* Texte bien gras */
    letter-spacing: -0.5px; /* Légère réduction de l’espace entre les lettres */
    font-size: 18px !important; /* Augmentation de la taille de la police */
    .header-menu, .site-nav {
    display: flex;
    justify-content: center; /* Centre les éléments horizontalement */
}
}

/* Forcer le texte du menu en gras */
nav a, .header-menu a, .site-nav a, .menu-item a, .nav-link {
    font-weight: 500 !important;
    letter-spacing: -0.5px;
    font-size: 14px !important; /* Augmentation de la taille de la police */
}

/* Ajustements pour mobile (moins de 768px) */
@media screen and (max-width: 768px) {
    .header-menu, .site-nav, .menu-item, .nav-link {
        font-size: 14px !important; /* Légèrement plus petit pour mobile */
    }
}
@media screen and (min-width: 769px) {
    .header-menu, .site-nav {
        text-align: center !important;
    }

    .header-menu a, .site-nav a, .menu-item a {
        display: inline-block !important;
        text-align: center !important;
    }
}
.page-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 10px;
}

.tap-area {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

.tap-area[aria-current="true"] {
  background-color: white;
}
.price__badge-sale {
    position: absolute !important;
    top: -10px !important; /* Décale le badge au-dessus du prix */
    left: 110% !important;
    background: black !important;
    color: white !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 5px 7px !important;
    border-radius: 0px !important;
    z-index: 10 !important;
    white-space: nowrap;
}

.price__container {
    padding-top: 0px; /* Augmente cette valeur si nécessaire */
}
.price__badge-sale {
    margin-top: 8px !important; /* Augmente cette valeur si nécessaire */
}

    @media screen and (min-width: 749px) {
.price__sale .price-item--sale {
    color: black !important; /* Mettre le nouveau prix en rouge */
    font-size: 1.9rem !important; /* Augmenter légèrement la taille du nouveau prix */
    margin-right: 5px !important /* Réduis la marge à droite */
}
}

.price__sale .price-item--sale {
    margin-right: 5px !important /* Réduis la marge à droite */
}


    @media screen and (max-width: 749px) {
      .price__container {
        padding-top: 0px !important

}
}



/* Style de l'ancien prix barré (plus petit et à droite du prix de vente) */
.price__sale .price-item--regular {
    font-size: 0.9em !important;
    color: grey !important;
    text-decoration: line-through !important;
    margin-left: 0px !important; /* Espace entre les deux prix */
    margin-right: 0px !important
}
.product__media-wrapper, .media, .media img, .product__media img {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.product-media-container {
    --media-border-width: 0px !important;
}

.product-media-container .media {
    background-color: transparent !important;
}
/* Styles pour le badge "Sold Out" */
.badge.price__badge-sold-out {
  position: absolute;
  top: 0%; /* Positionne le badge au milieu verticalement entre le titre et le prix */
  left: 0; /* Alignement à gauche */
  transform: translateY(-50%); /* Centre verticalement */
  z-index: 10; /* Assurez-vous que le badge est au-dessus des autres éléments */
  background-color: black; /* Couleur de fond */
  color: white; /* Couleur du texte */
  font-size: 14px; /* Taille de la police */
  font-weight: bold; /* Texte en gras */
  padding: 8px 16px; /* Padding pour allonger le badge */
  border-radius: 0px; /* Coins arrondis */
  text-transform: uppercase; /* Texte en majuscules */
  white-space: nowrap; /* Empêche le texte de passer à la ligne */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère */
  margin-top: 5px; /* Réduit l'espace entre le titre et le badge */
}

/* Réduire l'espace entre le titre et le prix */
.price__container {
  position: relative;
  padding-top: 0px; /* Réduit cette valeur pour diminuer l'espace */
}

/* Styles pour les écrans mobiles */
@media screen and (max-width: 768px) {
  .badge.price__badge-sold-out {
    font-size: 12px !important; /* Taille de police plus petite pour mobile */
    padding: 7px 15px !important; /* Padding réduit pour mobile */
    margin-top: 3px !important; /* Espacement réduit pour mobile */
  }

  .price__container {
    margin-top: -5px !important; /* Espacement réduit pour mobile */
  }
}
.card__information .price-item.price-item--regular {
    color: #00000; 
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating) {
    margin-top: -20 !important;
}
body.template-index .price, 
body.template-index .product-price {
    font-size: 14px !important; /* Ajuste la taille comme tu veux */
}
:root {
    --buttons-border-width: 1px !important; /* Réduit l’épaisseur du bord */
    --border-offset: 0px !important; /* Supprime l’offset de la bordure si nécessaire */
}
.product-form__submit {
    text-transform: uppercase !important;
}
:root {
    --quantity-width: 10rem; /* Ajuste cette valeur pour modifier la largeur */
    --quantity-button-width: 3rem; /* Largeur des boutons "-" et "+" */
    --quantity-input-width: calc(var(--quantity-width) - (var(--quantity-button-width) * 2));
}

.quantity {
    width: var(--quantity-width) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 8rem; /* Empêche la réduction excessive */
}

.quantity button {
    width: var(--quantity-button-width) !important; /* Assure une taille suffisante pour les boutons */
    min-width: 2.5rem; /* Évite qu'ils disparaissent */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity input {
    width: var(--quantity-input-width) !important; /* Ajuste la taille de l'input */
    min-width: 4rem; /* Empêche l'input d'être trop petit */
    text-align: center;
    flex: 1; /* Laisse l’input occuper l’espace restant */
}
:root {
    --inputs-radius: 0 !important; /* Force la suppression du border-radius global */
}

.quantity {
    border-radius: 0 !important;
}

.quantity button {
    border-radius: 0 !important;
}

.quantity input {
    border-radius: 0 !important;
}
.quantity {
    border: 1px solid #ddd !important; /* Bordure gris clair */
    box-shadow: none !important; /* Supprime toute ombre */
}

/* Supprimer la bordure noire potentielle sur les boutons et l'input */
.quantity button,
.quantity input {
    border: none !important;
    box-shadow: none !important;
}

/* Supprimer toute bordure cachée via un pseudo-élément */
.quantity:after,
.quantity:before,
.quantity button:after,
.quantity button:before,
.quantity input:after,
.quantity input:before {
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Supprimer toute variable CSS qui pourrait gérer la bordure */
:root {
    --inputs-border-width: 0 !important;
}
:root {
    --quantity-height: 4rem; /* Ajuste cette valeur selon tes besoins */
}

.quantity {
    height: var(--quantity-height) !important;
}

/* Appliquer la même hauteur aux boutons et à l'input pour un alignement parfait */
.quantity button,
.quantity input {
    height: var(--quantity-height) !important;
    line-height: var(--quantity-height) !important; /* Centre le texte verticalement */
}
.product-form__quantity .form__label,
.product-form__input .form__label {
    display: none !important;
}
.product__info-container:not(:has(.badge)) .product__title {
    margin-bottom: 0px !important;
}
.product__info-container .price__regular {
    display: block;
    margin-bottom: -1.2rem !important;
    padding-bottom: 2rem !important;
}
.sb-collection-csp-label,
.collection-coming-soon-label {
    font-size: 12px !important; /* Ajuste la taille du texte */
    font-weight: bold !important; /* Met en gras */
    padding: 3px 8px !important; /* Ajuste la hauteur et la longueur */
    width: auto !important; /* Permet d'adapter la largeur */
    height: auto !important; /* Permet d'adapter la hauteur */
    display: inline-block !important; /* Évite que la taille soit trop grande */
}
@media screen and (max-width: 749px) {
  .collection-coming-soon-label {
    font-size: 9px !important;       /* Ex : plus petit sur mobile */
    padding: 2px 4px !important;     /* Ex : un peu plus haut et plus large */
    border-radius: 0px !important;   /* Tu peux ajouter d’autres styles spécifiques mobile ici */
  }
}

.sb-collection-csp-label,
.collection-coming-soon-label {
    position: absolute !important; /* S'assure que le badge est bien positionné */
    top: 6px !important; /* Descend le badge (augmente la valeur pour le baisser davantage) */
    left: 6px !important; /* Décale légèrement vers la droite (augmente pour aller encore plus à droite) */
}

@media screen and (max-width: 749px) {
  .product__info-container .price__regular {
    margin-top: 0px !important;  /* réduit la marge basse */
    padding-bottom: 0rem !important; /* réduit le padding bas */
  }
}
.product__media-wrapper {
  position: relative !important;
}

/* Force le badge existant à venir se positionner sur l'image */
.product__info-container .collection-coming-soon-label,
.product__info-container .sb-collection-csp-label {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  z-index: 999 !important;
  margin: 0 !important;
  display: block !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
}

/* Déplace visuellement le badge existant sur l'image */
.product__media-wrapper {
  overflow: visible !important;
}

.product__info-container {
  position: static !important;
}

.product__media-wrapper .product__media {
  overflow: visible !important;
}

.product__info-container .collection-coming-soon-label,
.product__info-container .sb-collection-csp-label {
  top: 0px !important;
  left: 0px !important;
  transform: translate(-100%, 0) !important; /* Déplace précisément le badge sur l'image */
}
/* Badge COMING SOON parfaitement collé au titre sans espace inutile */
.product__info-container:has(.collection-coming-soon-label, .sb-collection-csp-label) .badge.price__badge-sold-out {
    visibility: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.product__info-container:has(.collection-coming-soon-label, .sb-collection-csp-label) .badge.price__badge-sold-out::after {
    content: "COMING SOON";
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background-color: black !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: bold !important;
    padding: 14px 12px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transform: translateY(-65%) !important;
    z-index: 10 !important;
    display: inline-block !important;
    margin-top: 0px !important; /* <-- Marge négative ajoutée ici pour remonter le badge vers le titre */

}

  }
@media screen and (max-width: 767px) {
  .template-product :root {
    --font-heading-scale: 0.4 !important;
  }
@media (max-width: 749px) {
  body .product h1.product__title {
    font-size: 0.9rem !important; /* Taille fixe */
  }
.card__information {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

.card__heading {
  margin-left: 0 !important;
  text-align: left !important;
}

.price {
  margin-left: 0 !important;
  text-align: left !important;
}
.card__content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.card__information {
  padding-left: 6px !important; /* ou ajuste ici pour aligner avec l’image */
  padding-right: 1rem !important;
}

.card__heading,
.price {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
@media (min-width: 768px) {
  .card__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .card__content,
  .card__information {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }

  .card__heading,
  .price {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 1rem; /* ajuste ici pour caler avec l’image */
  }
}
  
.header__search {
    display: none !important;
}

.header__search svg.modal__toggle-open.icon.icon-search {
display: none;
}
.hulk-powered-wrapper {
  display: none !important;
}

body.template-cart #estimated-delivery {
  font-size: 8px !important;
}

body.template-cart #estimated-delivery strong {
  font-size: 8px !important;
  font-weight: 600;
}

  }
}
/* Centrer le menu navigation en desktop */
@media screen and (min-width: 990px) {
  .header__inline-menu {
    justify-self: center !important;
    margin-left: 0 !important;
  }
}
/* Cacher la croix par défaut */
.icon-close {
  display: none;
}

/* Quand le menu est ouvert, on affiche la croix et on cache le burger */
.menu-drawer[aria-hidden="false"] ~ header-drawer summary .icon-menu {
  display: none !important;
}
.menu-drawer[aria-hidden="false"] ~ header-drawer summary .icon-close {
  display: inline-block !important;
}
/* --- Personnalisation du menu pays / région dans le footer --- */
.footer .disclosure__button {
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 8px 16px;
  background-color: #fff;
  font-size: 14px;
  max-width: 300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .disclosure__list {
  position: absolute;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  padding: 10px;
  min-width: 250px;
  margin-top: 8px;
  z-index: 9999;
  overflow-y: auto;
  max-height: 300px;
}

.footer .disclosure__list button {
  background: none;
  border: none;
  text-align: left;
  width: 100%;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
}

.footer .disclosure__list button:hover {
  background-color: #f5f5f5;
}

.product__tax {
  display: none !important;
}

.template-password .password-logo {
  max-width: 220px !important 
  height: auto;
}
.template-product .price:has(.price__sale) .price__regular {
  display: none;
}
.card-information .price__sale .price-item--sale  {
  font-size: 1.3rem !important
  }
 .card-information .price__sale .price-item--regular {
 font-size: 1.1rem !important
  }

/* Prix des cartes produit (collections, « Nos autres pièces », accueil) : volontairement non modifié.
   Ces deux réglages n'ont jamais été actifs (bloc mal écrit) ; Alex préfère la mise en page actuelle. */
body.template-product .content-for-layout .slider-buttons {
  display: none !important;
}
/* Mobile */
@media screen and (max-width: 749px) {
  .announcement-bar__message {
    font-size: 10px !important;
  }
}

/* Desktop, si tu veux aussi ajuster */
@media screen and (min-width: 750px) {
  .announcement-bar__message {
    font-size: 12px !important;
  }
}

.badge--offer-promo {
  font-size: 1.1rem !important;
  line-height: 1.2 !important;
}
more-payment-options-link,
more-payment-options-link[slot="more-options"],
more-payment-options-link a,
#more-payment-options-link,
.shopify-payment-button__more-options {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* Enlève le contour gris autour de l'image dans les rangées réductibles */
.collapsible-tab-image-wrapper,
.collapsible-tab-image {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

.collapsible-tab-image {
  display: block;
  width: 100%;
  height: auto;
}
.collapsible-tab-image-wrapper {
  margin-top: 1.5rem;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

.collapsible-tab-image {
  width: 100%;
  height: auto;
  display: block;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

.product__accordion .accordion__content.rte img.collapsible-tab-image {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
.product__info-container .product__accordion .accordion__content.rte img.collapsible-tab-image {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  margin-bottom: 0 !important;
}
.product__info-container .product__accordion .accordion__content.rte img {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  margin-bottom: 0 !important;
}
.rte img.collapsible-tab-image,
.product__accordion img.collapsible-tab-image,
.accordion__content img.collapsible-tab-image {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  margin-bottom: 0 !important;
}
/* Prix uniquement sur les pages produits */
.product__info-container .price--large,
.product__info-container .price--large *,
.product__info-container .price--large .price-item {
  font-size: 11px !important;
  letter-spacing: -0.8px !important;
}
/* Titre produit : taille actuelle conservée (ces réglages 30 px / 14 px n'ont jamais été actifs
   et faisaient chevaucher le titre et « Guide des tailles » sur ordinateur). */

/* HEADER ACCUEIL — transparent en haut, flou au scroll */
body.template-index .header-wrapper {
  background: transparent !important;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  transition:
    background-color 0.3s ease,
    backdrop-filter 0.3s ease,
    -webkit-backdrop-filter 0.3s ease;
}

/* Dès qu'on scroll */
body.template-index .header-wrapper.loumont-header-scrolled {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

/* ============================================================
   LOUMONT — Bannière cookies Shopify, style verre dépoli
   À coller à la FIN de assets/base.css (thème Dawn).
   Modifie l'apparence uniquement : aucun changement de consentement.
   ============================================================ */

/* Voile sombre + léger flou sur la boutique pendant l'affichage */
body:has(#shopify-pc__banner[style*="display: block"])::before,
body:has(#shopify-pc__banner[style*="display:block"])::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 199999;
  background: rgba(15, 15, 15, 0.39);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  pointer-events: none;
}

/* Fenêtre centrée, translucide, avec reflet rouge diffus */
#shopify-pc__banner.shopify-pc__banner__dialog {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 200000 !important;

  box-sizing: border-box !important;
  width: min(92vw, 430px) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;

  padding: 26px 42px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.43) !important;
  border-radius: 21px !important;
  background:
    radial-gradient(ellipse at 25% 27%,
      rgba(214, 93, 83, 0.63) 0%,
      rgba(195, 92, 85, 0.29) 35%,
      rgba(180, 180, 180, 0) 72%),
    rgba(163, 164, 165, 0.57) !important;
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
  backdrop-filter: blur(22px) saturate(120%) !important;
  box-shadow:
    0 14px 50px rgba(0, 0, 0, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
}

/* Shopify dispose parfois le contenu et les boutons côte à côte */
#shopify-pc__banner .shopify-pc__banner__wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#shopify-pc__banner .shopify-pc__banner__body {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.93) !important;
}

/* Le modèle de référence n'affiche pas de titre distinct */
#shopify-pc__banner .shopify-pc__banner__body-title {
  display: none !important;
}

/* Icône décorative de cookie avec coche (SVG intégré au CSS) */
#shopify-pc__banner .shopify-pc__banner__body::before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  margin: 0 0 18px 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M19 5c-1 6-5 7-10 6C8 18 5 23 9 32c4 9 12 13 22 10 9-3 13-12 10-21C38 10 30 6 19 5Z' fill='none' stroke='%23F4F4F4' stroke-width='2.8' stroke-linejoin='round'/%3E%3Cpath d='m18 24 6 6 10-13' fill='none' stroke='%23F4F4F4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='6' r='2' fill='%23F4F4F4'/%3E%3Ccircle cx='6' cy='11' r='2' fill='%23F4F4F4'/%3E%3Ccircle cx='16' cy='12' r='1.6' fill='%23F4F4F4'/%3E%3C/svg%3E");
}

/* Texte principal */
#shopify-pc__banner .shopify-pc__banner__body p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.91) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.74 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

#shopify-pc__banner .shopify-pc__banner__body a {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Boutons empilés, dans l'ordre : Accepter / Personnaliser / Refuser */
#shopify-pc__banner .shopify-pc__banner__btns {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 19px 0 0 0 !important;
  padding: 0 !important;
}

#shopify-pc__banner .shopify-pc__banner__btns button {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  border: 1.2px solid rgba(255, 255, 255, 0.70) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.94) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  opacity: 1 !important;
  cursor: pointer;
}

#shopify-pc__banner #shopify-pc__banner__btn-accept {
  order: 1 !important;
  background: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
  color: #111 !important;
}

#shopify-pc__banner #shopify-pc__banner__btn-manage-prefs {
  order: 2 !important;
}

#shopify-pc__banner #shopify-pc__banner__btn-decline {
  order: 3 !important;
}

#shopify-pc__banner .shopify-pc__banner__btns button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
}

/* Mobile : mêmes proportions que la capture de référence */
@media screen and (max-width: 749px) {
  #shopify-pc__banner.shopify-pc__banner__dialog {
    width: 92vw !important;
    padding: 23px clamp(26px, 12vw, 48px) 21px !important;
    border-radius: 20px !important;
    max-height: calc(100dvh - 24px) !important;
  }

  #shopify-pc__banner .shopify-pc__banner__body p {
    font-size: 13.5px !important;
    line-height: 1.75 !important;
  }

  #shopify-pc__banner .shopify-pc__banner__btns button {
    min-height: 40px !important;
    font-size: 13.5px !important;
  }
}
/* (Une ancienne copie du snippet cart-checkout-button collée ici par erreur a été retirée : le vrai fichier est snippets/cart-checkout-button.liquid.) */

.cart-item__details > div.product-option,
.cart-item__details > div.cart-item__discounted-prices {
  display: none !important;
}