/* Les pages ciblées pour Google (menu-du-midi/, groupes/) : même style que l'accueil, un en-tête de page en plus */
.page-tete{padding:96px 0 72px;text-align:center}
.page-tete-in{max-width:820px}
.page-tete h1{font-size:clamp(2.3rem,5.4vw,3.8rem);line-height:1.1;color:var(--vert);margin:14px 0 22px}
.page-tete .chapeau{font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.5;color:var(--gris);margin:0 auto 32px;max-width:680px}
.page-tete .btn{display:inline-flex}
.page-semaine{padding:80px 0}
.semaine-titre{font-size:clamp(1.6rem,3vw,2.2rem)}
.page-suite{text-align:center;margin-top:36px}
.page-maison{padding-top:110px}
.page-offre{padding:0 0 30px}
.page-offre .offre{max-width:640px;margin:0 auto}
.page-etapes{padding:100px 0 120px;background:var(--pierre-2);text-align:center}
.page-etapes h2{color:var(--vert);margin-bottom:44px}
.etapes{list-style:none;margin:0 auto 44px;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:e;text-align:left}
.etapes li{counter-increment:e;border-top:1px solid var(--laiton);padding-top:20px}
.etapes li::before{content:counter(e,decimal-leading-zero);display:block;font-family:var(--serif);font-size:1.6rem;color:var(--laiton-fonce);margin-bottom:10px}
.etapes b{display:block;color:var(--vert);font-size:1.08rem;margin-bottom:6px}
.etapes span{color:var(--gris)}
.page-etapes .btn{display:inline-flex}

@media (max-width:760px){
  .page-tete{padding:64px 0 48px}
  .etapes{grid-template-columns:1fr;gap:28px}
}
