/* BETFREE V10.9.4 — Free Emergency Plan cover rollout + responsive hero repair */

/* Keep the Emergency Plan shell inside the real viewport at every desktop width. */
body.bf-page-emergency-plan .preview-main,
body.bf-page-emergency-plan .preview-main .bf-page-wrap{
  max-width:100%!important;
  min-width:0!important;
}
body.bf-page-emergency-plan .preview-main .bf-page-wrap{
  width:min(1120px,calc(100% - 36px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.bf-page-emergency-plan .preview-breadcrumb{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere;
}
body.bf-page-emergency-plan .emergency-hero-v105{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.76fr)!important;
  gap:clamp(34px,4.2vw,58px)!important;
  padding-left:clamp(44px,4.8vw,68px)!important;
  padding-right:clamp(44px,4.8vw,68px)!important;
}
body.bf-page-emergency-plan .emergency-hero-copy,
body.bf-page-emergency-plan .emergency-hero-visual,
body.bf-page-emergency-plan .emergency-cover-stage{
  min-width:0!important;
  max-width:100%!important;
}
body.bf-page-emergency-plan .emergency-cover-stage{
  width:min(360px,100%)!important;
}
body.bf-page-emergency-plan .emergency-cover-stage img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:14px!important;
  margin:0 auto!important;
}

/* Stack before the two-column composition becomes cramped or clips. */
@media(max-width:1040px){
  body.bf-page-emergency-plan .emergency-hero-v105{
    grid-template-columns:1fr!important;
    gap:30px!important;
    min-height:0!important;
    padding-top:46px!important;
    padding-bottom:50px!important;
  }
  body.bf-page-emergency-plan .emergency-hero-copy{
    width:100%!important;
    max-width:690px!important;
  }
  body.bf-page-emergency-plan .emergency-hero-visual{
    width:100%!important;
    padding:4px 0 8px!important;
    justify-content:center!important;
  }
  body.bf-page-emergency-plan .emergency-cover-stage{
    width:min(330px,54vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:760px){
  body.bf-page-emergency-plan .preview-main .bf-page-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }
  body.bf-page-emergency-plan .emergency-hero-v105{
    padding-left:22px!important;
    padding-right:22px!important;
    gap:22px!important;
  }
  body.bf-page-emergency-plan .emergency-hero-visual{
    justify-content:center!important;
  }
  body.bf-page-emergency-plan .emergency-cover-stage{
    width:min(340px,82vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:380px){
  body.bf-page-emergency-plan .preview-main .bf-page-wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.bf-page-emergency-plan .emergency-hero-v105{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.bf-page-emergency-plan .emergency-cover-stage{
    width:min(310px,82vw)!important;
  }
}