/* ==========================================================================
   Section "avantages" des pages prestation : preuve metier + benefices
   numerotes. Remplace la grille de cartes a icone SVG (contre-proposition
   de Jean, 24/08 23h12, relayee par Codex) : plus d'icones, pastilles ou
   cartes repetitives, une liste numerotee 01-04 avec separateurs fins,
   titres vert profond, numeros sauge.

   Deux variantes, validees sur les 2 pilotes (beton-cire, 25/08 00h18 ;
   peinture-interieure, 25/08 00h35) puis generalisees aux 5 autres pages
   sur demande de Jean (25/08) :
   - typographique pure (5 des 7 pages, aucune photo pertinente) ;
   - avec photo a ~40% (peinture-interieure uniquement, seule page avec une
     photo confirmee : identite Jonathan, marque et filtration Festool/HEPA
     attestees avant publication du WebP).

   Fichier autonome, page-scope, charge sur les 7 pages prestation.
   N'importe pas dans prestation-page.css (partage aussi par la page tarifs,
   qui n'a pas de section avantages) pour rester cible sur son usage reel.
   ========================================================================== */
.avantages-numbered-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 760px;
}

.avantages-numbered-list li {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 28px 0;
  border-top: 1px solid var(--JS_Bordures-fines, rgba(39, 68, 56, 0.14));
}

.avantages-numbered-list li:last-child {
  border-bottom: 1px solid var(--JS_Bordures-fines, rgba(39, 68, 56, 0.14));
}

.avantage-num {
  flex: 0 0 auto;
  font-family: var(--font-display, 'DM Sans', sans-serif);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--JS_sage-dark, #5e7d6e);
  line-height: 1.4;
  min-width: 44px;
}

.avantage-num-body h3 {
  font-family: var(--font-display, 'DM Sans', sans-serif);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--JS_Vert-profond, #17352B);
  margin: 0 0 8px 0;
}

.avantage-num-body p {
  font-family: var(--font-body, 'Roboto', sans-serif);
  font-size: 0.95rem;
  color: var(--JS_Texte-principal, #1F3129);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 600px) {
  .avantages-numbered-list li {
    gap: 16px;
    padding: 20px 0;
  }
  .avantage-num {
    font-size: 1.15rem;
    min-width: 32px;
  }
}

/* --- Variante avec photo (~40%), pilote peinture-interieure ------------- */
.avantages-split {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.avantages-split-photo {
  flex: 0 0 40%;
  max-width: 40%;
  margin: 0;
}

.avantages-split-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.avantages-split .avantages-numbered-list {
  flex: 1;
  max-width: none;
}

@media (max-width: 720px) {
  .avantages-split {
    flex-direction: column;
  }
  .avantages-split-photo {
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }
}