/* V804 — MISE EN PAGE CONTACT FR/EN COMPACTE ET RESPONSIVE
   Aucun bloc ne doit réserver une hauteur d'écran complète sans contenu. */

html body.hbd-general main.contact-hero{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  padding:52px 0 56px !important;
  background:transparent !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(400px,500px) !important;
  gap:clamp(36px,5vw,72px) !important;
  align-items:center !important;
}

html body.hbd-general .contact-title{
  max-width:720px !important;
  font-size:clamp(3rem,5vw,5.1rem) !important;
  line-height:.96 !important;
}

html body.hbd-general .contact-copy{
  max-width:650px !important;
  margin-top:20px !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

html body.hbd-general .quick-tags{
  gap:10px !important;
  margin-top:24px !important;
}

html body.hbd-general .quick-tags span{
  padding:9px 12px !important;
}

html body.hbd-general .contact-card{
  width:100% !important;
  max-width:500px !important;
  justify-self:end !important;
  padding:32px !important;
}

html body.hbd-general .contact-card textarea{
  min-height:140px !important;
}

html body.hbd-general .newsletter-section{
  padding:46px 24px 42px !important;
  min-height:0 !important;
}

html body.hbd-general .newsletter-section h2{
  font-size:clamp(2.2rem,4vw,3.8rem) !important;
}

html body.hbd-general .newsletter-section > p{
  margin-bottom:20px !important;
}

html body.hbd-general .newsletter-section .brevo-frame-wrap{
  margin:18px auto 0 !important;
}

html body.hbd-general .newsletter-section iframe{
  display:block !important;
  width:100% !important;
  height:480px !important;
  min-height:0 !important;
  border:0 !important;
}

html body.hbd-general > footer.footer{
  padding:26px max(24px,6vw) !important;
  min-height:0 !important;
  align-items:center !important;
}

@media(max-width:900px){
  html body.hbd-general main.contact-hero{
    width:min(760px,calc(100% - 32px)) !important;
    padding:38px 0 44px !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  html body.hbd-general .contact-card{
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media(max-width:620px){
  html body.hbd-general main.contact-hero{
    width:min(100% - 28px,760px) !important;
    padding:30px 0 36px !important;
    gap:28px !important;
  }
  html body.hbd-general .contact-title{
    font-size:clamp(2.7rem,14vw,4rem) !important;
  }
  html body.hbd-general .contact-card{
    padding:22px !important;
  }
  html body.hbd-general .newsletter-section{
    padding:38px 14px 34px !important;
  }
  html body.hbd-general .newsletter-section iframe{
    height:560px !important;
  }
  html body.hbd-general > footer.footer{
    padding:22px 18px !important;
    align-items:flex-start !important;
  }
}