/* Contact de l'accueil : panneaux vitrés plus transparents. */
#contact .mz-contact-teaser__shell {
  background:
    radial-gradient(circle at 90% 5%, rgba(240,166,111, .15), transparent 38%),
    linear-gradient(135deg, rgba(29,19,29, .52), rgba(24,16,26, .38)) !important;
  border-color: rgba(240,166,111, .24) !important;
  box-shadow: 0 24px 65px rgba(23,16,25, .28), inset 0 1px rgba(255, 255, 255, .06) !important;
  -webkit-backdrop-filter: blur(13px) saturate(118%) !important;
  backdrop-filter: blur(13px) saturate(118%) !important;
}

#contact-direct .mz-contact-direct__form {
  background:
    radial-gradient(circle at 100% 0, rgba(240,166,111, .10), transparent 36%),
    linear-gradient(155deg, rgba(29,19,29, .54), rgba(24,16,26, .42)) !important;
  border-color: rgba(240,166,111, .23) !important;
  box-shadow: 0 22px 58px rgba(23,16,25, .25), inset 0 1px rgba(255, 255, 255, .05) !important;
  -webkit-backdrop-filter: blur(15px) saturate(120%) !important;
  backdrop-filter: blur(15px) saturate(120%) !important;
}

/* Les champs restent suffisamment contrastés sur le fond photographique. */
#contact-direct .contact-field input,
#contact-direct .contact-field select,
#contact-direct .contact-field textarea {
  background: rgba(24,16,26, .62) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

@media (max-width: 850px) {
  #contact .mz-contact-teaser__shell,
  #contact-direct .mz-contact-direct__form {
    background-color: rgba(25,17,27, .46) !important;
  }
}