/* Cembè - pages de services (complète site.css) */
.page-tete { padding-top: 48px; }
.page-tete-grille { display: grid; gap: 40px; align-items: center; }
.page-tete h1 { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.08; margin: .2em 0 .4em; }
.page-tete .cadre-photo img { width: 100%; height: auto; display: block; border-radius: var(--r-grand); }
.fil { font-size: .9rem; color: var(--gris); margin: 0 0 12px; }
.fil a { color: var(--mauve); text-decoration: none; }
.page-section h2 { font-size: clamp(1.6rem, 3.6vw, 2.4rem); margin: 0 0 24px; }
.fond-lilas { background: var(--lilas); }
.points { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.points li { position: relative; padding: 14px 18px 14px 46px; background: #fff; border: 1px solid var(--trait); border-radius: var(--r-moyen); }
.points li::before { content: ""; position: absolute; left: 18px; top: 22px; width: 12px; height: 12px; border-radius: 50%; background: var(--mauve); }
.cartes { display: grid; gap: 18px; }
.carte { background: #fff; border: 1px solid var(--trait); border-radius: var(--r-moyen); padding: 24px; box-shadow: var(--ombre); }
.carte h3 { margin: 0 0 8px; font-size: 1.15rem; color: var(--mauve-fonce); }
.carte p { margin: 0; color: var(--gris); }
.appel { background: var(--encre); color: #fff; border-radius: var(--r-grand); padding: clamp(28px, 5vw, 56px); text-align: center; }
.appel h2 { color: #fff; margin: 0 0 10px; }
.appel p { color: var(--mauve-doux); margin: 0 0 24px; }
.appel .actions { justify-content: center; }
.appel .btn-vide { color: #fff; border-color: rgba(255,255,255,.5); }
@media (min-width: 760px) {
  .cartes { grid-template-columns: repeat(2, 1fr); }
  .points { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {
  .page-tete-grille { grid-template-columns: 1.15fr .85fr; }
  .cartes { grid-template-columns: repeat(3, 1fr); }
}