/*
 * Nos produits — section de l’accueil
 * Les en-têtes de marques utilisent le preset brand-heading de theme.json. Les mosaïques sont dans product-grid.css.
 * Chargement : functions.php ; règles conservées dans leur ordre de cascade.
 */
/* 01. Preset des titres de marques : 32 px sur mobile, 52 px dès 600 px, 85 px dès 1280 px. */
:root,
.editor-styles-wrapper { --lgr-brand-heading-size: 32px; }
@media (min-width: 600px) {
  :root, .editor-styles-wrapper { --lgr-brand-heading-size: 52px; }
}
@media (min-width: 1280px) {
  :root, .editor-styles-wrapper { --lgr-brand-heading-size: 85px; }
}
/* 02. Enveloppe : fond charcoal pleine largeur et texte crème. */
#nos-produits,
.lgr-products {
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
  background-color: var(--lgr-color-charcoal);
  color: var(--lgr-color-cream);
}
/* 03. Sous-titres des gammes : pastilles de 12 px. */
.lgr-brand-dot {
  width: 12px;
  height: 12px;
  min-width: 12px;
  flex: 0 0 12px;
}
/* 04. Contenu : largeur plafonnée à 1920 px et marges responsive. */
.lgr-products .lgr-section-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding-inline: var(--lgr-section-gutter);
}