/* ==========================================================================
   PAGE — Conditions générales de vente (ID 197)
   Chargé après core.css et modules/en-tete-page-large.css.
   Le texte des CGV est dans <div id="mit-cgv"> : en-tête, sommaire
   latéral et articles.
   Couleurs et police : jetons --mit-* définis dans core.css, section 0.
   ========================================================================== */

#mit-cgv { font: 16px/1.85 var(--mit-font); color: var(--mit-ink); background: #fff; }

/* En-tête de la page */
#mit-cgv .legal-hero { padding: 78px max(32px, calc((100% - 1200px) / 2)); background: var(--mit-soft); }
#mit-cgv .legal-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; color: var(--mit-blue); }
#mit-cgv h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.12; letter-spacing: -1.5px; margin: 20px 0; font-weight: 700; }
#mit-cgv .legal-hero p { max-width: 760px; margin: 0; color: var(--mit-muted); }

/* Mise en page : sommaire à gauche (270 px), articles à droite */
#mit-cgv .legal-layout { max-width: 1200px; width: calc(100% - 64px); margin: 64px auto 88px; display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 64px; align-items: start; }
#mit-cgv aside { padding: 24px; background: var(--mit-soft); border-radius: 12px; }
#mit-cgv aside strong { display: block; margin-bottom: 16px; }
#mit-cgv aside a { display: block; color: #31546f; font-size: 11px; font-weight: 700; line-height: 1.5; padding: 8px 0; border-bottom: 1px solid var(--mit-line); }

/* Articles */
#mit-cgv article h2 { font-size: 22px; line-height: 1.4; letter-spacing: 0; font-weight: 700; color: var(--mit-blue); margin: 44px 0 16px; scroll-margin-top: 130px; } /* scroll-margin : le titre n'est pas caché sous l'en-tête collant */
#mit-cgv article h2:first-child { margin-top: 0; }
#mit-cgv article p { color: var(--mit-text); margin: 0 0 24px; white-space: pre-line; } /* garde les retours à la ligne du texte */

/* Encadré « Une question ? » */
#mit-cgv .legal-help { padding: 25px; background: var(--mit-soft); border-left: 3px solid var(--mit-blue); margin-top: 44px; }
#mit-cgv .legal-help a { color: var(--mit-blue); font-weight: 700; }

@media (max-width: 800px) {
  #mit-cgv .legal-hero { padding: 52px 18px; }
  #mit-cgv .legal-layout { grid-template-columns: 1fr; gap: 36px; width: calc(100% - 36px); margin-top: 36px; }
  #mit-cgv aside { max-height: none; }
  #mit-cgv article h2 { font-size: 20px; }
}