/* Styles propres à la page de réservation. */
.rdv { padding: clamp(150px, 16vw, 200px) 0 clamp(40px, 5vw, 60px); }
.rdv-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 44px clamp(40px, 5vw, 80px); align-items: end; }
.rdv-copy { display: grid; gap: 28px; justify-items: start; }
.fiche { display: grid; gap: 2px; }
.fiche div { display: flex; align-items: baseline; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--rule-2); }
.fiche .l { font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); width: 104px; flex: none; }
.fiche .v { font-size: 18.5px; font-weight: 500; }
.agenda { padding-bottom: clamp(96px, 12vw, 150px); }
/* Le widget Cal.com plafonne autour de 1040 px : on cadre le conteneur dessus
   pour qu'il ne flotte pas au milieu d'un cadre trop large. */
.agenda .wrap { max-width: 1100px; }
.agenda-cadre { border: 1px solid var(--rule-2); background: var(--paper-2); border-radius: var(--radius); padding: 10px; }
#cal-inline { width: 100%; min-height: 600px; overflow: hidden; background: var(--paper); border-radius: var(--radius-s); }
.agenda-alt { margin-top: 22px; font-size: 17px; color: var(--ink-3); }
@media (max-width: 820px) { .rdv-grid { grid-template-columns: 1fr; align-items: start; } }