/* Original account screen in the established Satin Graphite handset. */
.mobile-first-case .mf-layered-hero[data-single-account-phone] .option-phone-pair{width:23%;max-width:300px;grid-template-columns:1fr;right:4%;bottom:4%}
body.mobile-first-case.approved-case-template .case-hero [data-single-account-phone] .device-phone{border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;overflow:visible}
body.mobile-first-case.approved-case-template .case-hero [data-single-account-phone] .device-phone-screen{aspect-ratio:750/1431;border-radius:8px!important;overflow:hidden}
body.mobile-first-case.approved-case-template .case-hero [data-single-account-phone] .device-phone-screen>img{width:100%;height:auto!important;display:block;object-fit:contain;border-radius:0}
body.mobile-first-case.approved-case-template .case-hero [data-single-account-phone] .device-phone::before,body.mobile-first-case.approved-case-template .case-hero [data-single-account-phone] .device-phone::after{display:none!important}
@media(max-width:750px){.mobile-first-case .mf-layered-hero[data-single-account-phone] .option-phone-pair{width:100%;display:grid;grid-template-columns:1fr;order:0}.mobile-first-case [data-single-account-phone] .option-phone{width:min(100%,290px);max-width:290px}.mobile-first-case [data-single-account-phone] .option-map{order:1}}

/* Mobile hero keeps the flow diagram large with a small overlapping account screen. */
@media(max-width:750px){
 body.mobile-first-case .mf-hero-disclosure .mf-layered-hero[data-single-account-phone]{display:block;position:relative;height:auto!important;aspect-ratio:auto;padding:24px 16px 40px;overflow:hidden}
 body.mobile-first-case .mf-hero-disclosure [data-single-account-phone] .option-map{position:relative;left:0;top:0;width:88%;margin:0}
 body.mobile-first-case .mf-hero-disclosure [data-single-account-phone] .option-phone-pair{position:absolute;display:block;right:4%;top:22%;bottom:auto;width:30%;max-width:none}
 body.mobile-first-case .mf-hero-disclosure [data-single-account-phone] .option-phone{width:100%;max-width:none;margin:0}
 body.mobile-first-case .mf-hero-disclosure>.mf-hero-disclosure-footer{display:none}
}