/* ==========================================================================
   Page « Prendre rendez-vous »
   ========================================================================== */

@media (min-width: 861px) {
  .page-rdv .hero__contenu { max-width: 1120px; }
  .page-rdv .titre-hero {
    white-space: nowrap;
    font-size: clamp(30px, 4.4vw, 54px);
    line-height: 1;
    letter-spacing: .24em;
    text-indent: .24em;
  }
}

.contact {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 70px;
  align-items: start;
}
.contact__texte .titre-sous { line-height: 1.3; }
.contact__bio { margin-top: 28px; font-size: 15px; line-height: 1.32; color: var(--gris-texte); }
.contact__bio strong { font-weight: 700; }
.contact__email { margin-top: 22px; font-size: 15px; }
.contact__email a:hover { color: var(--mocka); }
.contact__logo { width: 220px; margin-top: 60px; }

.contact__form { padding-top: 6px; }
.champ__label { font-size: 15px; margin-bottom: 16px; }
.champ--groupe { margin-bottom: 30px; }
.champs-inline { display: flex; flex-wrap: wrap; gap: 10px 50px; }
.champ-row { display: flex; gap: 20px; }
.champ-row .champ { flex: 1; min-width: 0; }
.contact__submit { text-align: right; margin-top: 6px; }
.titre-sous--petit { font-size: 16px; margin-bottom: 24px; }

@media (max-width: 860px) {
  .contact { grid-template-columns: 1fr; gap: 40px; }
  .contact__logo { margin-top: 34px; }
  .champ-row { flex-direction: column; gap: 0; }
  .contact__submit { text-align: center; }
}