/* LOT 10.18 — Uniformisation mobile des bannières publiques.
   Périmètre strict : pages secondaires publiques, téléphone uniquement.
   Référence : gabarit mobile validé de la bannière d'accueil.
   Aucun style ordinateur ni aucune carte KPI n'est modifié ici. */
@media screen and (max-width:767px){
  html body.fb-lot1015-public-page .formation-layout,
  html body.fb-lot1015-public-page .course-page-layout{padding-left:0!important;padding-right:0!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero,
  html body.fb-lot1015-public-page .course-page-left .course-hero-page{
    position:relative!important;width:calc(100% - 24px)!important;max-width:680px!important;margin:0 auto!important;padding:0!important;
    box-sizing:border-box!important;overflow:hidden!important;border:0!important;outline:0!important;box-shadow:none!important;
    border-radius:0 0 20px 20px!important;isolation:isolate!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero{height:auto!important;min-height:500px!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-page{height:auto!important;min-height:470px!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero-bg,
  html body.fb-lot1015-public-page .course-page-left .course-hero-bg,
  html body.fb-lot1015-public-page .course-page-left .course-hero-bg.yellow{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:inherit!important;background-size:cover!important;
    background-position:center!important;background-repeat:no-repeat!important;z-index:0!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero::before,
  html body.fb-lot1015-public-page .course-page-left .course-hero-page::before{border:0!important;outline:0!important;box-shadow:none!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-page::after{z-index:1!important;border-radius:inherit!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero-content,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content{
    position:relative!important;inset:auto!important;z-index:2!important;width:100%!important;max-width:none!important;min-height:inherit!important;
    height:auto!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;text-align:center!important;margin:0!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero-content{padding:48px 20px 72px!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-content{padding:54px 22px 78px!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero-content .eyebrow,
  html body.fb-lot1015-public-page .formation-left .formation-hero-content h1,
  html body.fb-lot1015-public-page .formation-left .formation-hero-content p,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content .eyebrow,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content h1,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content p{
    width:100%!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero-content h1,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content h1{
    margin-top:10px!important;margin-bottom:18px!important;font-size:clamp(25px,8.2vw,36px)!important;line-height:1.1!important;overflow-wrap:anywhere!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero-content p,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content p{
    margin-top:0!important;margin-bottom:0!important;font-size:clamp(14px,4vw,17px)!important;line-height:1.52!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero-actions{
    position:static!important;inset:auto!important;width:min(100%,520px)!important;margin:22px auto 0!important;display:grid!important;
    grid-template-columns:1fr!important;gap:12px!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-hero-actions .btn{
    width:100%!important;min-width:0!important;min-height:54px!important;height:auto!important;padding:13px 16px!important;
    box-sizing:border-box!important;font-size:clamp(14px,4vw,17px)!important;line-height:1.25!important;white-space:normal!important
  }
  html body.fb-lot1015-public-page .formation-left .formation-kpis,
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21,
  html body.fb-lot1015-public-page .course-page-left .course-stats{position:relative!important;z-index:5!important;margin-top:-42px!important}
}
@media screen and (max-width:390px){
  html body.fb-lot1015-public-page .formation-left .formation-hero,
  html body.fb-lot1015-public-page .course-page-left .course-hero-page{width:calc(100% - 16px)!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero{min-height:480px!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-page{min-height:450px!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero-content{padding:42px 16px 66px!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-content{padding:48px 18px 70px!important}
  html body.fb-lot1015-public-page .formation-left .formation-hero-content h1,
  html body.fb-lot1015-public-page .course-page-left .course-hero-content h1{font-size:clamp(23px,8vw,32px)!important}
  html body.fb-lot1015-public-page .formation-left .formation-kpis,
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21,
  html body.fb-lot1015-public-page .course-page-left .course-stats{margin-top:-36px!important}
}
@media screen and (max-width:340px){
  html body.fb-lot1015-public-page .formation-left .formation-hero{min-height:500px!important}
  html body.fb-lot1015-public-page .course-page-left .course-hero-page{min-height:465px!important}
}