/* ============================================================
   ACCUEIL refonte V2.5 — fashioncurvyshop.com (02/08/2026, refonte-code)
   Déployé dans : wp-content/themes/enfold-child/refonte-home.css (STAGING)
   Source de vérité : maintenance-fcs/ux/refonte-home.css
   Enfilé par : functions.php (enfold-child), hook wp_enqueue_scripts, prio 999
   (après refonte-socle.css + refonte-header.css, qui fournissent les
   variables --fcs-*, les polices et les keyframes fcs-marquee/fcs-blink
   déjà utilisées ci-dessous — pas de redéfinition, réutilisation directe).

   Étape 3 : contenu de la page d'accueil (post 59459), entre le header et
   le footer maison déjà en place (étapes 1-2, non retouchés ici).
   Portée du fichier : sélecteurs préfixés .fcs-home-* / .fcs-* propres à
   cette page, + restyling des éléments Enfold/WooCommerce natifs réutilisés
   (av_productgrid, av_masonry_entries) via leurs classes stables.
   ============================================================ */

/* ---------- Conteneur commun (même rythme que header/footer) ---------- */
.fcs-container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(20px, 4vw, 56px);
  padding-right: clamp(20px, 4vw, 56px);
  box-sizing: border-box;
}

/* ---------- Titres de section communs ---------- */
.fcs-home-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.fcs-h2 {
  font-family: var(--fcs-font-title);
  font-size: 38px;
  font-weight: 400;
  margin: 0;
  color: var(--fcs-prune);
  text-wrap: pretty;
}
#top #main.all_colors .fcs-section-link {
  font-size: 14px;
  color: var(--fcs-framboise, #b04d6b);
  font-weight: 500;
  letter-spacing: .05em;
  border-bottom: 1px solid var(--fcs-rose);
  padding-bottom: 2px;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--fcs-duration-fast) var(--fcs-ease-out);
}
#top #main.all_colors .fcs-section-link:hover { color: var(--fcs-framboise, #b04d6b); }
/* étude 3 (06/08/2026) : préfixe ajouté après mesure Lighthouse RÉELLE sur staging —
   .fcs-section-link est un <a> à 1 classe (0,1,0), Enfold pose `.main_color a`
   (0,1,1) qui gagne EN SPÉCIFICITÉ PURE (pas juste l'ordre de chargement). La
   couleur déclarée ci-dessus n'avait jamais gagné la cascade malgré une valeur
   correcte — invisible tant qu'on lit le CSS source au lieu du getComputedStyle
   réel. Même cause probable pour tout <a>/<strong> à 1 seule classe custom de ce
   projet : à revérifier au cas par cas, ne pas supposer qu'une valeur juste dans
   le fichier == une valeur rendue. */

/* ============================================================
   1. HERO
   ============================================================ */
/* Fond dégradé posé sur .fcs-home-hero (classe portée par le div Enfold
   .avia-section EXTÉRIEUR, pleine largeur) et non sur .fcs-hero (div interne,
   contenu dans .container qu'Enfold ajoute autour de chaque av_codeblock —
   largeur limitée). Sans ce ciblage, le dégradé n'atteindrait pas les bords
   réels de l'écran au-delà de ~1240px (piège découvert en vérification à
   l'étape 3, voir rapport de livraison). */
.fcs-home-hero {
  background: linear-gradient(135deg, var(--fcs-bg-soft) 0%, #fdfbfa 70%);
}
.fcs-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.fcs-hero-copy {
  padding: 90px clamp(20px, 4vw, 56px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.fcs-eyebrow {
  font-size: 13px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--fcs-framboise, #b04d6b);
  font-weight: 600;
}
.fcs-hero-title {
  font-family: var(--fcs-font-title);
  font-size: 64px;
  /* --fcs-hn-lh : consommée par la règle sitewide de refonte-socle.css qui
     neutralise le line-height:0.7em d'Enfold. Le `line-height` ci-dessous
     ne gagnait PAS la cascade (1 classe contre 2 ID + 1 classe) — il reste
     comme repli si le socle venait à ne pas être chargé. */
  --fcs-hn-lh: 1.05;
  line-height: 1.05;
  margin: 0;
  color: var(--fcs-prune);
  font-weight: 400;
}
.fcs-hero-title em { font-style: normal; color: var(--fcs-framboise, #b04d6b); } /* étude 3 (06/08) : rose 2,40:1 échoue même en grand texte (seuil 3:1), framboise 5,10:1 */
.fcs-hero-text {
  font-size: 17px;
  line-height: 1.65;
  color: var(--fcs-text-muted);
  margin: 0;
  max-width: 460px;
}
.fcs-btn-dark {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  background: var(--fcs-prune);
  color: var(--fcs-white);
  padding: 15px 34px;
  border-radius: var(--fcs-radius-pill);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .03em;
  text-decoration: none;
  margin-top: 8px;
  transition: transform var(--fcs-duration-fast) var(--fcs-ease-out), box-shadow var(--fcs-duration-fast) var(--fcs-ease-out);
}
.fcs-btn-dark:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(42, 22, 32, .3);
  color: var(--fcs-white);
}
.fcs-hero-media {
  position: relative;
  min-height: 420px;
  overflow: hidden;
}
.fcs-hero-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fcs-hero-badge {
  position: absolute;
  left: 32px;
  bottom: 32px;
  background: rgba(255, 255, 255, .94);
  border-radius: 16px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: var(--fcs-shadow-xl);
}
.fcs-hero-badge-score {
  font-family: var(--fcs-font-title);
  font-size: 30px;
  color: var(--fcs-prune);
}
.fcs-hero-badge-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: var(--fcs-text-muted);
}
.fcs-stars { color: var(--fcs-framboise, #b04d6b); font-size: 14px; letter-spacing: .1em; } /* étude 3 (06/08) : rose 2,40:1 échoue sur le badge quasi blanc */

@media only screen and (max-width: 767px) {
  .fcs-home-hero { background: linear-gradient(160deg, var(--fcs-bg-soft) 0%, #fdfbfa 80%); }
  .fcs-hero { grid-template-columns: 1fr; }
  .fcs-hero-copy { padding: 36px 20px 28px; gap: 18px; }
  .fcs-hero-title { font-size: 36px; }
  .fcs-hero-text { max-width: none; }
  .fcs-hero-media { order: -1; min-height: 0; aspect-ratio: 4/5; margin: 0 20px; border-radius: 18px; overflow: hidden; }
  .fcs-btn-dark { align-self: stretch; justify-content: center; padding: 16px 0; }
  .fcs-hero-badge { left: 14px; bottom: 14px; padding: 10px 14px; }
}

/* ============================================================
   2. NOUVEAUTÉS TENDANCES (av_productgrid natif restylé)
   ============================================================ */
.fcs-home-nouveautes { background: #fdfbfa; padding: 80px 0; }
.fcs-home-nouveautes .fcs-container { padding-top: 0; padding-bottom: 0; }

/* Sortie de la barre de tri Enfold (sort='no' la retire déjà côté ALB ;
   filet CSS au cas où un futur changement de paramètre la réintroduit). */
.fcs-home-nouveautes .product-sorting { display: none !important; }

.fcs-home-nouveautes .products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.fcs-home-nouveautes .products > li.product {
  float: none;
  width: auto;
  margin: 0;
}
.fcs-home-nouveautes .inner_product { background: none; border: none; box-shadow: none; }
.fcs-home-nouveautes .thumbnail_container {
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 3/4;
  background: var(--fcs-bg-soft);
  box-shadow: var(--fcs-shadow-md);
  transition: box-shadow var(--fcs-duration-fast) var(--fcs-ease-out);
  display: block;
}
.fcs-home-nouveautes .product:hover .thumbnail_container { box-shadow: 0 18px 40px rgba(42, 22, 32, .16); }
.fcs-home-nouveautes .thumbnail_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--fcs-ease-out);
}
.fcs-home-nouveautes .product:hover .thumbnail_container img { transform: scale(1.07); }
.fcs-home-nouveautes .inner_product_header_table { padding-top: 14px; }
.fcs-home-nouveautes .woocommerce-loop-product__title {
  font-family: var(--fcs-font-text);
  font-size: 15px;
  font-weight: 400;
  color: var(--fcs-text-secondary);
  margin: 0 0 4px;
}
.fcs-home-nouveautes .price {
  font-family: var(--fcs-font-title);
  font-size: 17px;
  color: var(--fcs-prune);
}
.fcs-home-nouveautes .price ins { text-decoration: none; }
/* Pagination Enfold — accent rose au lieu du gris par défaut */
.fcs-home-nouveautes .pagination a,
.fcs-home-nouveautes .pagination span {
  border-radius: var(--fcs-radius-pill) !important;
}
.fcs-home-nouveautes .pagination .active a,
.fcs-home-nouveautes .pagination a:hover {
  background: var(--fcs-framboise) !important;
  border-color: var(--fcs-framboise) !important;
  color: var(--fcs-white) !important;
}

@media only screen and (max-width: 767px) {
  .fcs-home-nouveautes { padding: 36px 0; }
  .fcs-home-nouveautes .products { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .fcs-home-nouveautes .fcs-h2 { font-size: 26px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fcs-home-nouveautes .products { grid-template-columns: repeat(3, 1fr); }
}

/* ============================================================
   3. EXPLOREZ NOS UNIVERS
   ============================================================ */
.fcs-home-univers { background: #fdfbfa; padding: 0 0 80px; }
.fcs-univers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.fcs-univers-tile {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 4/3;
  text-decoration: none;
}
.fcs-univers-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--fcs-ease-out);
  display: block;
}
.fcs-univers-tile:hover img { transform: scale(1.08); }
.fcs-univers-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(42, 22, 32, .72), transparent 55%);
}
.fcs-univers-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  font-family: var(--fcs-font-script);
  font-size: 46px;
  line-height: 1;
  color: var(--fcs-white);
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .fcs-home-univers { padding-bottom: 30px; }
  .fcs-univers-grid { grid-template-columns: 1fr; gap: 12px; }
  .fcs-univers-tile { aspect-ratio: 9/16; }
  .fcs-univers-label { font-size: 38px; padding: 16px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fcs-univers-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}

/* ============================================================
   4. BLOC SEO CONSOLIDÉ
   ============================================================ */
.fcs-home-seo { background: #fdfbfa; padding: 76px 0 84px; }
.fcs-seo-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 940px;
}
.fcs-seo-body h2 {
  font-family: var(--fcs-font-title);
  font-size: 36px;
  font-weight: 400;
  margin: 22px 0 6px;
  color: var(--fcs-prune);
  text-wrap: pretty;
}
.fcs-seo-body h2:first-of-type { margin-top: 0; }
.fcs-seo-body p {
  font-size: 18px;
  line-height: 1.8;
  color: var(--fcs-text-muted);
  margin: 0;
}
#top #main.all_colors .fcs-seo-body a {
  color: var(--fcs-framboise, #b04d6b);
  text-decoration: none;
  border-bottom: 1px solid var(--fcs-border-light);
  transition: border-color var(--fcs-duration-fast) var(--fcs-ease-out);
}
#top #main.all_colors .fcs-seo-body a:hover { border-color: var(--fcs-framboise-clair, #c05a78); }
#top #main.all_colors .fcs-seo-body strong { color: var(--fcs-prune, #2a1620); font-weight: 600; }
/* étude 3 (06/08/2026) : les 3 règles ci-dessus étaient déjà correctes en VALEUR
   avant ce lot, mais perdaient la cascade contre `.main_color a`/`.main_color
   strong` d'Enfold (1 classe + 1 élément = même spécificité que nous, Enfold
   gagne à l'ordre de chargement) — mesuré fg=#f1919c (2,27:1) sur 11 liens + 8
   <strong> de ce seul bloc via Lighthouse RÉEL sur staging, alors que le CSS
   source affichait déjà --fcs-framboise/--fcs-prune. Préfixe #top #main.all_colors
   ajouté pour gagner sans !important. */

@media only screen and (max-width: 767px) {
  .fcs-home-seo { padding: 20px 0; background: #fff; }
  .fcs-seo-body h2 { font-size: 23px; margin: 16px 0 2px; }
  .fcs-seo-body p { font-size: 13.5px; line-height: 1.7; }
}

/* ============================================================
   5. BLOG — "L'actualité de la mode grande taille" (av_masonry_entries natif)
   Le style Enfold natif (overlay plein cadre) est remplacé par une carte
   blanche texte, sans vignette — la donnée (titre/date/lien réel) reste
   intégralement dynamique, seule la présentation change (CSS uniquement).
   ============================================================ */
.fcs-home-blog { background: #fdfbfa; padding: 80px 0; }
.fcs-home-blog .av-masonry-container { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 26px; }
/* CORRECTIF 03/08/2026 (retour gérante : « les articles de blog ont
   disparu ») — la règle `.av-masonry-item-no-image { display:none }`
   posée à l'étape 3 pour filtrer les cartes sans vignette masquait EN
   RÉALITÉ TOUTES les cartes : sur ce bloc texte, Enfold marque chaque
   entrée `av-masonry-item-no-image` (design sans image = voulu).
   Supprimée. Et on force opacity/visibility : la révélation JS d'Enfold
   (imagesLoaded) est inutile sur des cartes 100 % texte re-disposées en
   grille statique — plus aucune dépendance à son cycle d'animation. */
.fcs-home-blog .av-masonry-entry {
  position: static !important;
  width: auto !important;
  height: auto !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.fcs-home-blog .av-inner-masonry {
  background: var(--fcs-white);
  border: 1px solid var(--fcs-bg-card);
  border-radius: 18px;
  padding: 28px;
  transition: box-shadow var(--fcs-duration-fast) var(--fcs-ease-out), transform var(--fcs-duration-fast) var(--fcs-ease-out);
}
.fcs-home-blog .av-masonry-entry:hover .av-inner-masonry {
  box-shadow: var(--fcs-shadow-lg);
  transform: translateY(-5px);
}
.fcs-home-blog .av-masonry-outerimage-container,
.fcs-home-blog .av-inner-masonry-sizer { display: none; }
.fcs-home-blog .av-inner-masonry-content { position: static; background: none; }
.fcs-home-blog .av-inner-masonry-content-pos { position: static; transform: none; padding: 0; }
.fcs-home-blog .av-inner-masonry-content-pos-content { display: flex; flex-direction: column; gap: 14px; }
.fcs-home-blog .avia-arrow { display: none; }
.fcs-home-blog .av-masonry-date {
  order: -1;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
}
.fcs-home-blog .av-masonry-text-sep,
.fcs-home-blog .av-masonry-author { display: none; }
.fcs-home-blog .av-masonry-entry-title {
  font-family: var(--fcs-font-title);
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .fcs-home-blog { padding: 32px 0 10px; }
  .fcs-home-blog .fcs-h2 { font-size: 24px; }
  .fcs-home-blog .av-masonry-container { grid-template-columns: 1fr; gap: 14px; }
  .fcs-home-blog .av-inner-masonry { padding: 18px; border-radius: 14px; }
  .fcs-home-blog .av-masonry-entry-title { font-size: 17px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fcs-home-blog .av-masonry-container { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   6. ESSAYEZ AVANT D'ACHETER (cabine d'essayage virtuelle)
   ============================================================ */
.fcs-home-essai { background: #fdfbfa; border-top: 1px solid var(--fcs-bg-card); padding: 76px 0; }
.fcs-essai-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 56px;
  align-items: center;
}
.fcs-essai-copy { display: flex; flex-direction: column; gap: 20px; }
.fcs-essai-kicker {
  font-family: var(--fcs-font-script);
  font-size: 52px;
  line-height: .9;
  color: var(--fcs-framboise-clair);
}
.fcs-essai-title {
  font-family: var(--fcs-font-title);
  font-size: 44px;
  font-weight: 400;
  margin: 0;
  color: var(--fcs-prune);
  /* idem .fcs-hero-title : la variable est ce qui s'applique réellement. */
  --fcs-hn-lh: 1.1;
  line-height: 1.1;
  text-wrap: pretty;
}
.fcs-essai-text { margin: 0; font-size: 17px; line-height: 1.7; color: #4a3540; max-width: 44ch; }
.fcs-essai-points { display: flex; gap: 24px; flex-wrap: wrap; padding: 4px 0; }
.fcs-essai-point { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--fcs-text-secondary); }
.fcs-essai-point-icon {
  width: 26px; height: 26px; border-radius: var(--fcs-radius-pill);
  background: var(--fcs-bg-soft); display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: var(--fcs-framboise-clair); flex: none;
}
#top #main.all_colors .fcs-btn-rose {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--fcs-framboise);
  color: var(--fcs-white);
  text-decoration: none;
  padding: 17px 38px;
  border-radius: var(--fcs-radius-pill);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
  transition: background var(--fcs-duration-enter) var(--fcs-ease-out);
}
#top #main.all_colors .fcs-btn-rose:hover { background: #8f3a55; color: var(--fcs-white); } /* étude 3 (06/08) : préfixe ajouté avec le base .fcs-btn-rose — <a> à 1 classe (0,1,0), Enfold `.main_color a` (0,1,1) gagnait en spécificité pure malgré color:white déjà déclaré (mesuré fg=#f1919c en Lighthouse réel) */
#top #main.all_colors .fcs-essai-how {
  font-size: 13.5px;
  color: var(--fcs-framboise, #b04d6b);
  font-weight: 500;
  border-bottom: 1px solid var(--fcs-rose);
  padding-bottom: 2px;
  align-self: flex-start;
  text-decoration: none;
}
.fcs-essai-compare {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--fcs-bg-card);
  height: 420px;
  display: flex;
  background: #fdf6f8;
}
.fcs-essai-frame { position: relative; flex: 1; aspect-ratio: 3/4; border-radius: 16px; overflow: hidden; background: var(--fcs-bg-soft); }
.fcs-essai-frame img { width: 100%; height: 100%; object-fit: contain; object-position: top; display: block; background: #fdf6f8; }
.fcs-essai-frame-tag {
  position: absolute; left: 14px; top: 14px;
  background: rgba(255, 255, 255, .92); color: var(--fcs-prune);
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  border-radius: var(--fcs-radius-pill); padding: 5px 11px;
}
.fcs-essai-divider { width: 3px; background: var(--fcs-framboise); position: relative; z-index: 2; flex: none; }
.fcs-essai-handle {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3;
  width: 44px; height: 44px; border-radius: var(--fcs-radius-pill);
  background: var(--fcs-white); border: 2px solid var(--fcs-framboise);
  box-shadow: 0 6px 18px rgba(42, 22, 32, .22);
  display: flex; align-items: center; justify-content: center;
  color: var(--fcs-framboise); font-size: 13px; font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .fcs-home-essai { padding: 34px 0; }
  .fcs-essai-grid { grid-template-columns: 1fr; gap: 20px; }
  .fcs-essai-kicker { font-size: 38px; }
  .fcs-essai-title { font-size: 27px; line-height: 1.15; }
  .fcs-essai-compare { height: 300px; }
  .fcs-btn-rose { justify-content: center; width: 100%; box-sizing: border-box; }
  .fcs-essai-how { align-self: center; }
}

/* ============================================================
   7. PRESSE — noms écrits défilants
   Réutilise les keyframes fcs-marquee (déjà définies dans
   refonte-header.css, chargé avant ce fichier) : pas de redéfinition.
   ============================================================ */
.fcs-home-presse {
  background: var(--fcs-bg-soft);
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 26px;
  align-items: center;
}
.fcs-presse-title {
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--fcs-framboise, #b04d6b);
  font-weight: 600;
  margin: 0;
}
.fcs-presse-mask {
  width: 100%;
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.fcs-presse-mask .fcs-marquee-track { animation-duration: 34s; }
.fcs-presse-mask .fcs-marquee-group { gap: 56px; padding-right: 56px; }
.fcs-presse-item {
  font-family: var(--fcs-font-title);
  font-size: 22px;
  letter-spacing: .12em;
  color: var(--fcs-text-subtle);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--fcs-duration-fast) var(--fcs-ease-out), transform var(--fcs-duration-fast) var(--fcs-ease-out);
  display: inline-block;
}
.fcs-presse-item:hover { color: var(--fcs-framboise, #b04d6b); transform: translateY(-2px); }
#top #main.all_colors .fcs-presse-all {
  font-size: 13.5px;
  color: var(--fcs-framboise, #b04d6b);
  font-weight: 600;
  border-bottom: 1px solid var(--fcs-rose);
  padding-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  .fcs-home-presse { padding: 26px 0 24px; gap: 16px; }
  .fcs-presse-title { font-size: 10.5px; letter-spacing: .24em; }
  .fcs-presse-mask .fcs-marquee-group { gap: 34px; padding-right: 34px; }
  .fcs-presse-item { font-size: 16px; }
}

/* ============================================================
   8. AVIS — "Elles nous ont fait confiance"
   Le widget réel (iframe Société des Avis Garantis) est réutilisé tel
   quel (voir av_codeblock dans le post_content) — aucune fausse note/avis
   recréée en dur ici.
   ============================================================ */
.fcs-home-avis { background: #f7dfe6; padding: 64px 0 68px; display: flex; flex-direction: column; gap: 32px; }
.fcs-avis-title { font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: var(--fcs-prune, #2a1620); font-weight: 600; margin: 0; text-align: center; } /* étude 3 (06/08) : section sur fond #f7dfe6 (plus saturé que bg-soft) — framboise n'y donne que 4,04:1 (< 4,5), prune donne 13,49:1. Voir --fcs-prune : "texte foncé sur fond rose/clair" */
.fcs-avis-stat-row { display: flex; align-items: center; justify-content: center; gap: 28px; padding: 0 clamp(20px, 4vw, 56px); }
.fcs-avis-score { font-family: var(--fcs-font-title); font-size: 64px; color: var(--fcs-prune); line-height: 1; }
.fcs-avis-score span { font-size: 28px; color: var(--fcs-prune, #2a1620); } /* étude 3 (06/08) : #a5758a fixé une 1ère fois vers framboise sans revérifier CE fond précis — Lighthouse réel a montré fg=#b04d6b/bg=#f7dfe6 = 4,04:1, encore sous 4,5:1 (même raison que .fcs-avis-title/.fcs-avis-stars juste au-dessus, section entière sur #f7dfe6). Prune (13,49:1) couvre aussi la media query mobile 18px sans nouveau calcul. */
.fcs-avis-stars-col { display: flex; flex-direction: column; gap: 5px; }
.fcs-avis-stars { color: var(--fcs-prune, #2a1620); font-size: 22px; letter-spacing: .12em; } /* étude 3 (06/08) : même fond #f7dfe6, même raison que .fcs-avis-title juste au-dessus */
.fcs-avis-count { font-size: 13px; color: var(--fcs-prune, #2a1620); letter-spacing: .14em; text-transform: uppercase; } /* étude 3 (06/08) : --fcs-text-subtle = 3,74:1 sur le fond #f7dfe6 de la section (calculé pour blanc, jamais revérifié contre CE fond) */
.fcs-avis-chips { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding: 0 clamp(20px, 4vw, 56px); }
.fcs-avis-chip {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255, 255, 255, .72); border: 1px solid var(--fcs-border-light);
  border-radius: var(--fcs-radius-pill); padding: 7px 16px;
}
.fcs-avis-chip-badge { width: 18px; height: 18px; border-radius: var(--fcs-radius-pill); display: flex; align-items: center; justify-content: center; flex: none; }
.fcs-avis-chip-label { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--fcs-prune, #2a1620); font-weight: 600; } /* étude 3 (06/08) : --fcs-text-subtle passe de justesse sur blanc (4,72:1) mais tombe à 4,43:1 sur le fond composite du chip (blanc 72% sur #f7dfe6) — cas unique repéré, corrigé en prune */
.fcs-avis-chip-score { font-size: 13.5px; color: var(--fcs-prune); font-weight: 600; }
.fcs-avis-chip-score span { font-size: 11px; color: var(--fcs-framboise, #b04d6b); font-weight: 400; } /* étude 3 (06/08) : #a5758a = 3,58:1 sur le fond composite du chip, échec AA */
.fcs-avis-widget { padding: 0 clamp(32px, 6vw, 72px); }
/* CORRECTIF 03/08/2026 (retour gérante, point 5 : flèches du carrousel SAG
   par-dessus le texte des avis) : la contrainte max-width:640px serrait le
   widget tiers dans une largeur plus étroite que celle pour laquelle son
   propre carrousel interne (cartes + flèches prev/next) est prévu, et
   `overflow:hidden` sur .fcs-home-avis (ci-dessus, retiré) pouvait rogner
   ses flèches si elles débordent légèrement de sa boîte par design. Élargi
   à 900px + davantage de marge latérale (.fcs-avis-widget) pour laisser au
   widget la place de respirer — AUCUNE règle CSS interne au widget (iframe
   tiers, contenu inaccessible et jamais modifié) : uniquement la taille et
   la position de son conteneur. Widget externe non chargé dans ce test
   (domaine tiers non simulé par le proxy local) : correctif fait par
   déduction (cf. rapport de livraison), à reconfirmer en conditions réelles
   par refonte-golive avant bascule si le défaut persiste. */
.fcs-avis-widget .sag_iframe1,
.fcs-avis-widget .sag_iframe1 iframe { width: 100%; max-width: 900px; margin: 0 auto; display: block; }

@media only screen and (max-width: 767px) {
  .fcs-home-avis { padding: 32px 0; gap: 18px; }
  .fcs-avis-score { font-size: 44px; }
  .fcs-avis-score span { font-size: 18px; }
  .fcs-avis-stars { font-size: 16px; }
  .fcs-avis-widget { padding: 0 8px; }
}

/* ============================================================
   CORRECTIF 03/08/2026 — retour visuel direct de la gérante sur staging
   (captures à l'appui), AVANT bascule en production.

   Cause racine unique pour la quasi-totalité des points 2 et 3 : Enfold
   pose un style par défaut TRÈS spécifique sur les titres et les fonds de
   section natifs du thème :
     - polices :  #top #wrap_all .all_colors h1/h2/h3 { font-family:
       birthstone-regular-ttf...; font-size:80/70/40px }  (2 ID + 1 classe +
       1 élément — déjà documenté pour h1 seul à l'étape 8/avoirs, DÉCOUVERT
       ICI qu'il vaut aussi pour h2 ET h3, jamais neutralisé sur l'accueil) ;
     - fonds :   .main_color { background-color: var(--enfold-main-color-bg) }
       (1 seule classe, posée sur CHAQUE avia-section) — EXACTEMENT la même
       spécificité que nos propres règles .fcs-home-xxx (1 classe elles
       aussi) : à spécificité égale, c'est l'ORDRE DE CHARGEMENT qui tranche,
       et avia-merged-styles-*.css (Enfold) est enfilé APRÈS refonte-home.css
       → Enfold gagnait systématiquement, sans qu'aucune valeur ne soit
       "fausse" dans ce fichier (vérifié : toutes les valeurs ci-dessous
       existaient déjà plus haut, juste jamais appliquées à l'écran).

   Fix : rejoue CHAQUE valeur déjà déclarée plus haut, à l'identique, avec le
   préfixe #top #main.all_colors (même convention qu'à l'étape 8 : 2 ID,
   réutilise des sélecteurs déjà posés par Enfold plutôt que d'en inventer)
   — bat les deux pièges (2 ID > 1 classe pour les fonds, 2 ID + 2 classes >
   2 ID + 1 classe pour les titres) sans AUCUN !important. Aucune nouvelle
   valeur inventée ici sauf mention contraire explicite.
   ============================================================ */

/* ---------- Fonds de section (repasse les valeurs déjà déclarées plus haut,
   spécificité 2 ID + 2 classes pour battre .main_color de façon durable,
   indépendamment de l'ordre de chargement des feuilles) ---------- */
#top #main.all_colors .fcs-home-nouveautes,
#top #main.all_colors .fcs-home-univers,
#top #main.all_colors .fcs-home-seo,
#top #main.all_colors .fcs-home-blog,
#top #main.all_colors .fcs-home-essai { background: #fdfbfa; }
#top #main.all_colors .fcs-home-presse { background: var(--fcs-bg-soft); }
#top #main.all_colors .fcs-home-avis { background: #f7dfe6; }

@media only screen and (max-width: 767px) {
  /* Reprend le choix délibéré (fond blanc) déjà fait plus haut pour le bloc
     SEO en mobile — décision de lisibilité du prototype, pas touchée ici,
     seulement rendue effective. */
  #top #main.all_colors .fcs-home-seo { background: #fff; }
}

/* ---------- Titres : Marcellus/Jost au lieu du Birthstone géant par défaut
   d'Enfold — tailles identiques à celles déjà déclarées plus haut dans ce
   fichier (aucun changement de taille, uniquement de police/spécificité),
   sauf .fcs-presse-title/.fcs-avis-title qui n'avaient jamais déclaré de
   font-family (ajout, conforme à la maquette V2.5 : eyebrow en police de
   texte normale, ni Marcellus ni Birthstone). ---------- */
#top #main.all_colors h1.fcs-hero-title {
  font-family: var(--fcs-font-title);
  font-size: 64px;
  font-weight: 400;
}
#top #main.all_colors h2.fcs-h2 {
  font-family: var(--fcs-font-title);
  font-size: 38px;
  font-weight: 400;
}
#top #main.all_colors .fcs-seo-body h2 {
  font-family: var(--fcs-font-title);
  font-size: 36px;
  font-weight: 400;
}
#top #main.all_colors h2.fcs-essai-title {
  font-family: var(--fcs-font-title);
  font-size: 44px;
  font-weight: 400;
}
#top #main.all_colors h2.fcs-presse-title,
#top #main.all_colors h2.fcs-avis-title {
  font-family: var(--fcs-font-text);
  font-size: 12px;
  font-weight: 600;
}
#top #main.all_colors .fcs-home-blog h3.av-masonry-entry-title {
  font-family: var(--fcs-font-title);
  font-size: 22px;
  font-weight: 400;
}

/* ------------------------------------------------------------------
   Titres de produits trop hauts après la passe interligne : le correctif
   n'est PAS ici. Il était initialement scopé `.fcs-home-nouveautes`, ce qui
   laissait tomber catégorie, recherche et wishlist (revue refonte-compat,
   03/08/2026 : 8/15 titres tronqués sur /lingerie/, 12/15 sur ?s=sac).
   Il est désormais UNIQUE et sans scope de page, dans refonte-socle.css —
   voir « GRILLES PRODUITS » là-bas. Ne pas le redupliquer ici.
   ------------------------------------------------------------------ */

@media only screen and (max-width: 767px) {
  #top #main.all_colors h1.fcs-hero-title { font-size: 36px; }
  #top #main.all_colors .fcs-home-nouveautes h2.fcs-h2 { font-size: 26px; }
  #top #main.all_colors .fcs-home-blog h2.fcs-h2 { font-size: 24px; }
  #top #main.all_colors .fcs-seo-body h2 { font-size: 23px; }
  #top #main.all_colors h2.fcs-essai-title { font-size: 27px; line-height: 1.15; }
  #top #main.all_colors h2.fcs-presse-title { font-size: 10.5px; letter-spacing: .24em; }
  #top #main.all_colors .fcs-home-blog h3.av-masonry-entry-title { font-size: 17px; }
}

/* ============================================================
   CORRECTIF 03/08/2026 (retour gérante) : le bloc avis (widget Société
   des Avis Garantis) doit occuper TOUTE la largeur — le carrousel était
   décalé à droite et coupé au bord.
   ============================================================ */
#top #main.all_colors .fcs-home-avis .avia_codeblock_section,
#top #main.all_colors .fcs-home-avis .avia_codeblock { width: 100%; }
.fcs-home-avis iframe { width: 100% !important; max-width: none !important; display: block; margin: 0 auto; }
.fcs-home-avis .avia_codeblock_section { padding: 0 clamp(20px, 4vw, 56px); box-sizing: border-box; }

/* CORRECTIF 03/08/2026 (retour gérante) : « Ils ont parlé de Fashion
   Curvy » centré AU-DESSUS des noms de presse, en Marcellus à taille de
   titre de section (il était resté petit et calé à gauche). */
#top #main.all_colors .fcs-presse-title {
  display: block;
  text-align: center;
  font-family: var(--fcs-font-title);
  font-size: 28px;
  font-weight: 400;
  margin: 0 auto 24px;
}
@media only screen and (max-width: 767px) {
  #top #main.all_colors .fcs-presse-title { font-size: 22px !important; }
}

/* Complément du correctif blog : (1) le VRAI critère pour masquer le
   gabarit de calibrage d'Enfold est :empty (div sans aucun contenu) —
   pas la classe no-image, portée par les 3 vrais articles aussi ;
   (2) l'intérieur des cartes (figure/figcaption) est nativement en
   position absolue avec hauteurs calculées par le JS Enfold (av-fixed-
   size) : on remet tout en flux naturel, hauteur au contenu. */
.fcs-home-blog .av-masonry-entry:empty { display: none !important; }
.fcs-home-blog .av-masonry-entry figure,
.fcs-home-blog .av-masonry-entry .av-inner-masonry,
.fcs-home-blog .av-masonry-entry .av-inner-masonry-content,
.fcs-home-blog .av-masonry-entry figcaption {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* CORRECTIF 03/08/2026 (retour gérante) : écart blanc entre les avis et
   la bande de réassurance — le WRAPPER Enfold (.avia-section) de la
   section avis garde ses paddings par défaut (~32-70 px, fond blanc)
   autour de notre section rose. Annulés : le rythme vertical vit dans
   .fcs-home-avis. */
#top #main.all_colors .avia-section[class*="fcshome-avis"] { padding-top: 0 !important; padding-bottom: 0 !important; }

/* ============================================================
   RETOUCHES FINALES 03/08/2026 (gérante, dernier tour avant bascule)
   — décision assumée : les deux « eyebrows » de la maquette (12px
   majuscules) deviennent de vrais titres de section, au même gabarit
   que « L'actualité de la mode grande taille » (38px Marcellus).
   ============================================================ */
/* 1. Titres presse + avis à la taille des autres sections */
#top #main.all_colors .fcs-presse-title,
#top #main.all_colors h2.fcs-avis-title {
  font-family: var(--fcs-font-title);
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fcs-prune);
  text-align: center;
  margin: 0 auto 28px;
}
/* 2. « Voir toutes les parutions » à droite (titre centré au-dessus) */
.fcs-home-presse { position: relative; }
.fcs-home-presse .fcs-presse-all {
  position: absolute;
  right: clamp(20px, 4vw, 56px);
  bottom: 18px;
}
/* 3. Cartes de blog au format maquette : date AU-DESSUS du titre,
   auteur masqué (absent de la maquette), « Lire l'article → » ajouté */
.fcs-home-blog .av-masonry-entry figcaption > div,
.fcs-home-blog .av-inner-masonry-content {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.fcs-home-blog .av-masonry-date {
  order: -1;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
}
.fcs-home-blog .av-masonry-author,
.fcs-home-blog .av-masonry-text-sep { display: none !important; }
.fcs-home-blog .av-masonry-entry-title {
  font-family: var(--fcs-font-title);
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #top #main.all_colors .fcs-presse-title,
  #top #main.all_colors h2.fcs-avis-title { font-size: 26px !important; }
  .fcs-home-presse .fcs-presse-all { position: static; display: block; text-align: center; margin-top: 16px; }
}

/* ============================================================
   RETOUCHES 03/08/2026 (2e tour gérante, avant bascule)
   ============================================================ */
/* 1. « Ils ont parlé de Fashion Curvy » restait à 12px sur DESKTOP : la
   retouche 38px ci-dessus (sélecteur .fcs-presse-title) perdait la
   cascade contre la règle d'étape 3 h2.fcs-presse-title (spécificité
   supérieure d'un élément). Même sélecteur exact, déclaré plus bas :
   il gagne. Le mobile était déjà couvert (26px !important ci-dessus,
   l'!important y battait la règle mobile 10.5px). */
#top #main.all_colors h2.fcs-presse-title {
  display: block;
  font-family: var(--fcs-font-title);
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fcs-prune);
  text-align: center;
  margin: 0 auto 28px;
}
/* 2. Avis sur toute la largeur : le plafond 900px de l'étape 3 portait
   aussi sur le CONTENEUR .sag_iframe1 — le déplafonnement !important
   posé ensuite ne visait que l'iframe, pas son parent. Déplafonné ici
   (même sélecteur, plus bas → gagne), le widget SAG responsive étale
   résumé + carrousel sur toute la section. */
.fcs-avis-widget .sag_iframe1 { max-width: none; }
/* …et le conteneur du widget sort du gabarit Enfold (~1170px) pour
   occuper la largeur de l'ÉCRAN (technique 100vw éprouvée sur la bande
   de réassurance du footer), padding latéral conservé. */
.fcs-home-avis .fcs-avis-widget {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}
/* 3. Puces Google / Trustpilot devenues des LIENS vers les avis
   externes (demande gérante) : mêmes styles en <a> + survol léger. */
a.fcs-avis-chip {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform .2s var(--fcs-ease-out), box-shadow .2s var(--fcs-ease-out);
}
a.fcs-avis-chip:hover,
a.fcs-avis-chip:focus-visible { transform: translateY(-2px); box-shadow: var(--fcs-shadow-sm); }
/* 4. Noms de presse en FRAMBOISE (demande gérante) — la déclaration de
   base (.fcs-presse-item, var(--fcs-text-subtle)) était écrasée par la
   couleur de lien Enfold, plus spécifique (constaté : #f1919c). Préfixe
   #top #main.all_colors pour gagner ; survol en prune, plus foncé. */
#top #main.all_colors a.fcs-presse-item,
#top #main.all_colors span.fcs-presse-item { color: var(--fcs-framboise, #b04d6b); }
#top #main.all_colors a.fcs-presse-item:hover,
#top #main.all_colors a.fcs-presse-item:focus-visible { color: var(--fcs-prune, #2a1620); }
/* étude 3 (06/08) : span.fcs-presse-item ajouté — le bandeau "presse" défile
   en boucle infinie (marquee), son groupe est DUPLIQUÉ en <span> pour l'effet
   de scroll continu (JS de clonage) sans jamais passer par <a>. Cette copie
   restait donc sur --fcs-text-subtle (4,20:1 sur le fond #fdeef2 du bandeau),
   jamais couverte par la règle a.fcs-presse-item ci-dessus. Mesuré fg=#8a6b77
   en Lighthouse réel. */
/* 5. Cartes de blog conformes maquette (2e tour) : l'IMAGE réapparaît —
   les conteneurs d'image Enfold (absolus, hauteur posée par le JS
   av-fixed-size) s'étaient effondrés à 0 lors de la remise en flux ; le
   « bloc gris » de la carte était en réalité le voile sombre du
   figcaption Enfold (rgba(0,0,0,.35)), passé en blanc, texte SOUS
   l'image. */
.fcs-home-blog .av-masonry-outerimage-container,
.fcs-home-blog .av-masonry-image-container {
  position: static !important;
  width: 100%;
  height: 210px !important;
  min-height: 210px;
  background-size: cover;
  background-position: center top;
  display: block;
}
.fcs-home-blog figcaption.av-inner-masonry-content {
  background: #fff !important;
  padding: 18px 20px 22px;
}
/* « Lire l'article → » : posé UNIQUEMENT sur le figcaption. Un div interne
   d'Enfold porte aussi la classe .av-inner-masonry-content — un ::after
   générique sur cette classe doublait donc le lien. La paire
   « pose générique + content:none » qui gérait ça a été supprimée le
   03/08/2026 (passe à sec) : plus rien ne pose de contenu générique, il n'y
   a donc plus rien à annuler. Ne pas réintroduire de règle ::after sur
   .av-inner-masonry-content sans le figcaption. */
.fcs-home-blog figcaption.av-inner-masonry-content::after {
  content: "Lire l'article →";
  font-size: 14px;
  font-weight: 500;
  color: var(--fcs-framboise);
  margin-top: 2px;
}
/* 6. Bandeau presse : noms un peu plus grands (22 → 24 px), et de l'air
   entre les noms et « Voir toutes les parutions » (mesuré : ils se
   chevauchaient de 8 px — lien descendu sous les noms, section allongée). */
#top #main.all_colors a.fcs-presse-item { font-size: 24px; }
/* Le positionnement absolu du lien se calait en réalité sur la page
   entière (la section reste `static`, Enfold écrase notre relative, et
   l'offsetParent constaté était .template-page). Le lien est APRÈS les
   noms dans le DOM : flux normal, bloc aligné à droite, 22 px d'air. */
.fcs-home-presse { padding-bottom: 48px; }
.fcs-home-presse .fcs-presse-all {
  position: static;
  display: block;
  width: max-content;
  margin: 22px clamp(20px, 4vw, 56px) 0 auto;
}
@media only screen and (max-width: 767px) {
  #top #main.all_colors a.fcs-presse-item { font-size: 17px; }
}

/* ============================================================
   CORRECTIF 03/08/2026 (soir, demande gérante) — TITRES DES ARTICLES DE
   BLOG INVISIBLES SUR L'ACCUEIL (texte blanc sur figcaption blanc).

   RÈGLE ADVERSE IDENTIFIÉE (mesurée en navigateur réel sur la prod, scan
   document.styleSheets + element.matches) :

     #top .av-caption-style-overlay
          .av-masonry-item-with-image
          .av-inner-masonry-content *          { color: #fff }
     (avia-merged-styles-*.css — spécificité 1 ID + 3 classes, sans !important)

   Nos déclarations `.fcs-home-blog .av-masonry-entry-title { color: … }`
   (2 classes) et `.fcs-home-blog .av-masonry-date` perdaient donc la
   cascade. Le bloc #top #main.all_colors déjà présent plus haut ne posait
   que font-family/size/weight, jamais la couleur : rien ne contrait le blanc.

   POURQUOI « Lire l'article → » S'AFFICHAIT BIEN, LUI : le sélecteur Enfold
   vise les DESCENDANTS (`*`) de .av-inner-masonry-content ; ce lien est un
   ::after posé sur le figcaption LUI-MÊME (.av-inner-masonry-content), qui
   n'est donc pas ciblé et garde sa couleur framboise. Cohérent avec le
   constat de la gérante — sa cause était la bonne, à cette précision près.

   FIX : on contre le sélecteur à `*` par un sélecteur à `*` de spécificité
   supérieure (2 ID + 3 classes > 1 ID + 3 classes), AUCUN !important.
   Les deux règles nominatives qui suivent sont à spécificité égale entre
   elles et gagnent par l'ordre de déclaration (déclarées après le blanket).
   ============================================================ */
#top #main.all_colors .fcs-home-blog .av-inner-masonry-content * {
  color: var(--fcs-prune);
}
#top #main.all_colors .fcs-home-blog h3.av-masonry-entry-title {
  color: var(--fcs-prune);
}
/* Date : var(--fcs-framboise) et NON --fcs-framboise-clair demandé.
   Mesure de contraste sur le fond blanc du figcaption (#fff) :
     --fcs-framboise-clair #c05a78 → 4,22:1  ❌ sous le seuil AA (4,5:1)
     --fcs-framboise       #b04d6b → 5,10:1  ✅
   La date fait 12 px / 600 : ce n'est pas du « grand texte », le seuil
   applicable est bien 4,5:1. #b04d6b est en outre la couleur déjà utilisée
   par « Lire l'article → » dans la même carte — cohérence visuelle.
   Écart signalé au rapport ; retour à --fcs-framboise-clair = 1 mot à changer. */
#top #main.all_colors .fcs-home-blog .av-masonry-date {
  color: var(--fcs-framboise);
}

/* ------------------------------------------------------------------
   COMPLÉMENT au correctif « titres de blog invisibles » (même livraison,
   03/08/2026) — INTERLIGNE ÉCRASÉ.

   Une fois les titres redevenus lisibles, leurs lignes se CHEVAUCHAIENT.
   Cause mesurée (même famille que le bug de police déjà documenté à
   l'étape « espacements ») :

     #top #wrap_all .all_colors h2,
     #top #wrap_all .all_colors h3   { line-height: 0.7em }   (2 ID + 1 classe + 1 élément)

   Les passes précédentes avaient neutralisé font-family et font-size de ce
   bloc Enfold, mais JAMAIS line-height : nos `line-height: 1.3 / 1.35`
   (2 classes) perdaient donc la cascade. Résultat mesuré ici : titre à
   17 px avec un interligne de 11,9 px.

   ⚠️ CONSTAT SYSTÉMIQUE SIGNALÉ AU RAPPORT, NON CORRIGÉ ICI : 20 des 21
   titres h1/h2/h3 de la page d'accueil sont dans ce cas (ratio 0,7), y
   compris le H1 du hero, les noms de produits WooCommerce, les H2 du bloc
   SEO et les h3 du footer. Seuls les titres qui tiennent sur UNE ligne ne
   le montrent pas. Correction limitée ici au bloc blog (périmètre de la
   demande) ; une passe dédiée « interlignes », reprenant exactement le même
   motif #top #main.all_colors, reste à arbitrer.
   ------------------------------------------------------------------ */
#top #main.all_colors .fcs-home-blog h3.av-masonry-entry-title { line-height: 1.35; }
#top #main.all_colors .fcs-home-blog h2.fcs-h2 { line-height: 1.2; }