/* ---------- Contact ---------- */
/* Formulaire : classes communes de site.css (.sejour, .champ, .sejour__accord, .reserver__erreurs). */
.contact__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); gap: var(--xl); align-items: start; }
.contact__principal { max-width: 720px; }
.contact__principal .sejour { margin-top: var(--md); }
.contact__precision { font-size: 14px; line-height: 20px; }
.contact__envoyer { justify-self: start; }
.contact__confirmation { display: grid; justify-items: start; gap: var(--xs); margin-top: var(--md); }
.contact__confirmation .lien, .contact__coordonnees a { color: var(--on-surface); text-decoration: underline; }
.contact__coordonnees { display: grid; gap: var(--sm); font-size: 16px; line-height: 24px; }
.contact__coordonnees address { font-style: normal; }
.contact__coordonnees .texte-doux { font-size: 14px; line-height: 20px; }

@media (max-width: 860px) {
    .contact__grille { grid-template-columns: 1fr; gap: var(--lg); }
    .contact__envoyer { justify-self: stretch; }
}