/** Shopify CDN: Minification failed

Line 20:2 Expected ":"
Line 21:2 Expected ":"
Line 22:2 Expected ":"
Line 23:2 Expected ":"
Line 24:2 Expected ":"
Line 25:2 Expected ":"
Line 26:2 Expected ":"
Line 31:2 Expected ":"
Line 32:2 Expected ":"
Line 33:2 Expected ":"
... and 44 more hidden warnings

**/
/* ——— Boucle d’Or Paris — Liserés or du bloc narratif ——— */

/* Premier liseré sous le titre enrichi : centré + espacement amplifié */
.rich-text .rich-text__heading::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background: #C9A44C;
  opacity: .65;
  margin: 12px auto 48px; /* ← 12px haut + 48px bas (x4 ton espacement précédent) */
}

/* Second liseré sous le texte principal */
.rich-text .rich-text__text::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background: #C9A44C;
  opacity: .65;
  margin: 48px auto 0; /* même espace qu’au-dessus du premier */
}
/* ——— Boucle d’Or Paris — Harmonisation bannière image et galerie ——— */

/* Conteneur de la bannière : limite sa largeur au même gabarit que la galerie */
.image-banner,
.banner,
.banner__media {
  max-width: var(--bdp-section-width);  /* même variable utilisée pour la multicolonne */
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;  /* tu peux mettre 8px si tu veux des coins doux */
  overflow: hidden;
}

/* Ajuste aussi l’image à l'intérieur pour qu’elle garde la bonne proportion */
.banner__media img,
.image-banner img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
/* — Boucle d’Or Paris — Hiérarchie luxe (titres vs sous-titres réductibles) — */

/* Titre principal du bloc (ex. Rencontrez votre gemme) */
.collapsible-content h2,
.collapsible-content .title,
.collapsible-content .accordion__title--main {
  font-family: 'Gilda Display', serif;
  font-size: 22px;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #111111;
  margin-bottom: 10px;
}

/* Sous-titres des rangées réductibles (Subtile, Merveilleuse…) */
.collapsible-content summary,
.collapsible-content .summary__title {
  font-family: 'Gilda Display', serif;
  font-size: 16px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.75);
  border-bottom: 1px solid #EDE9E1;
  padding: 14px 0;
  transition: color .25s ease;
}
.collapsible-content summary:hover {
  color: #C9A44C;
}
/* — Boucle d’Or Paris — Hiérarchie accords (priorité maximale) — */

/* TITRES DES BLOCS (ex : Rencontrez votre gemme / Informations techniques) */
.collapsible-content .title-wrapper-with-link .title,
.collapsible-content .title-wrapper-with-link h2,
.collapsible-content .collapsible-content__heading,
.section-template--collapsible-content h2 {
  font-family: 'Gilda Display', serif !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: #111 !important;
  margin-bottom: 10px !important;
}

/* SOUS-TITRES DES RANGÉES (Subtile, Merveilleuse, Prodigieuse, etc.) */
.collapsible-content details > summary,
.collapsible-content details > summary .summary__title,
.collapsible-content details > summary .summary__title > h2,
.collapsible-content details > summary .summary__title > h3,
.collapsible-content details > summary .accordion__title,
.collapsible-content .summary__title,
.collapsible-content .accordion__title,
.collapsible-content .h3,
.collapsible-content .h4 {
  font-family: 'Gilda Display', serif !important;
  font-size: 15px !important;            /* ↑/↓ ici si besoin */
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(17,17,17,.75) !important;
  border-bottom: 1px solid #EDE9E1 !important;
  padding: 12px 0 !important;
}

/* Hover doré discret sur le libellé (pas sur l’icône) */
.collapsible-content details > summary:hover .summary__title,
.collapsible-content details > summary:hover .accordion__title {
  color: #C9A44C !important;
}

/* === CORRECTION CRITIQUE NEWSLETTER (Positionnement) === */

/* 1. Rendre le conteneur du champ RELATIF (sélection large pour plus de sécurité) */
.newsletter-form .field {
    position: relative !important;
}

/* 2. Réduire la marge droite de l'input */
.newsletter-form .field__input {
    /* La taille du bouton est de 56px par défaut + 4px de marge interne = 60px */
    padding-right: 60px !important; 
}


/* === NEWSLETTER : Masquer les icônes Shopify résiduelles (au cas où) === */
.newsletter-form__button.field__button.custom-black-bg svg,
.newsletter-form__button.field__button.custom-black-bg .icon-arrow,
.newsletter-form__button.field__button.custom-black-bg span.icon-wrap {
    display: none !important;
}