/* ---- conteneur & typo ---- */
.container      { max-width:960px; margin:auto; padding:0 1rem; }
.cgv-article    { margin-top:3rem; }
.cgv-article h2 { margin:2.5rem 0 1rem; font-size:1.35rem; color:#2b472c; }
.cgv-article p,
.cgv-article li{ line-height:1.7; color:#444; }
.cgv-article ol{ padding-left:1.2rem; }
.cgv-update     { margin-top:3rem; font-style:italic; color:#666; }

/* ---- table des matières ---- */
.cgv-toc{ background:#f7fdf5; border-left:4px solid #8cc63f; padding:1rem 1.25rem; margin-top:2rem; }
.cgv-toc ul{ margin:0; padding-left:1.2rem; }
.cgv-toc a{ color:#3a5230; text-decoration:none; }
.cgv-toc a:hover{ text-decoration:underline; }

/* ---- HERO ---- */
/* === HERO – CGV ===================================== */
.hero-cgv {
  /* un gris clair neutre – ajustez si besoin */
  background: #a19e9e;          /* couleur de fond */
  padding: 120px 0 80px;        /* espace haut/bas – + de haut pour passer sous la navbar fixe */
  text-align: center;
  position: relative;           /* garde la main pour z-index si nécessaire */
  overflow: hidden;             /* coupe d’éventuels débordements */   /* pousse visuellement le bloc vers le haut de la valeur du header  */
  margin-top: -70px
  /* …tes autres règles déjà présentes… */
}

/* Conteneur interne (reprend votre markup) */
.hero-cgv__content {
  max-width: 900px;
  margin: 0 auto;
}

/* Titre H1 */
.hero-cgv__content h1 {
  font-size: clamp(2rem, 4vw + 1rem, 3rem);
  font-weight: 700;
  color: #333;
  margin-bottom: 0.5em;
}

/* Date de mise à jour */
.hero-cgv__content p {
  font-size: 1rem;
  color: #666;
  margin: 0;
}

/* === Responsive : ajuster l’espacement sur petits écrans */
@media (max-width: 768px) {
  .hero-cgv {
    padding: 100px 0 60px;
  }
}


@media(max-width:600px){
  .hero-cgv{ min-height:28vh; }
  .hero-cgv h1{ font-size:1.5rem; }
  .cgv-article h2{ font-size:1.18rem; }
}