/* ============================================================
   BANQUE D'ESCOMPTE — responsive.css
   Réglages fins sous les points de rupture déjà posés en ligne.
   ============================================================ */

@media (max-width:1024px){
  .wrap{padding:0 24px;}
}

@media (max-width:640px){
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{justify-content:center;}
  .hero-meta{gap:26px;}
  .cta-final{flex-direction:column;align-items:flex-start;padding:44px 28px;}
  .cta-final .btn{width:100%;justify-content:center;}
  .footer-top{flex-direction:column;}
  .footer-cols{gap:32px;}
  .quick-card,.service-row,.security-item,.accomp-item,.parcours,.contact-info,.contact-form{padding-left:20px;padding-right:20px;}
}

@media (max-width:400px){
  .hero-inner h1{font-size:2.15rem;}
  .quick-card{padding:22px 18px;}
}

/* Grands écrans : on borne la largeur perçue du hero pour éviter
   un vide central sur les très larges viewports. */
@media (min-width:1600px){
  .wrap{max-width:1360px;}
}