/* Section — Contact — formulaire (V3) : formulaire 620 + panneau 440 (gap 40) desktop ; empilé mobile (projet, formulaire, coordonnées, installateur ; gap 16). */
.contact__inner { display: flex; flex-direction: column; gap: var(--space-16); }
.contact__form-card { order: 2; padding: var(--space-20); gap: 0; }
.contact__form { display: flex; flex-direction: column; gap: var(--space-16); }
.contact__form .field__label, .contact__form .options + .field__label { font-size: var(--text-legend-size); line-height: var(--text-legend-lh); }
.contact__form .input, .contact__form .textarea, .contact__form .select { background: var(--brandt-white); }
.contact__form .option__label { background: var(--brandt-white); }
.contact__notice { color: var(--brandt-carbon); }
.contact__action { display: flex; flex-direction: column; gap: var(--space-16); text-align: center; } /* mobile : mention centrée sous le bouton (maquette) */
.contact__panel { display: contents; }
.contact__project { order: 1; padding: var(--space-20); gap: var(--space-12); }
.contact__coords { order: 3; padding: var(--space-20); gap: var(--space-12); }
.contact__line { display: flex; align-items: center; gap: var(--space-12); }
.contact__pro { order: 4; flex-direction: row; align-items: center; gap: var(--space-12); padding: var(--space-20); transition: background-color var(--transition); }
.contact__pro:hover { background: var(--brandt-white); }
.contact__pro:focus-visible { box-shadow: var(--focus-ring); }
.contact__pro-text { display: flex; flex-direction: column; gap: var(--space-4); }
@media (min-width: 1024px) {
  .contact__inner { flex-direction: row; align-items: flex-start; gap: var(--space-40); }
  .contact__form-card { order: 0; flex: 0 0 var(--size-form-card); padding: var(--space-40); }
  .contact__form { gap: var(--space-24); }
  .contact__form .field__label { font-size: var(--text-body-size); line-height: var(--text-body-lh); }
  .contact__action { align-items: flex-start; text-align: left; } /* desktop : bouton et mention alignés à gauche (maquette) */
  .contact__panel { display: flex; flex-direction: column; gap: var(--space-20); flex: 1 1 auto; }
  .contact__project, .contact__coords { order: 0; padding: var(--space-28); gap: var(--space-16); }
  .contact__pro { order: 0; padding: var(--space-24); }
}