/* The approved scan opening is deliberately outside this stylesheet's scope. */
@media(max-width:1000px){
 #stap-4 .contact-stage{--contact-phone-height:min(550px,calc(100svh - var(--site-header-height) - 140px));position:sticky;top:var(--site-header-height);height:calc(100svh - var(--site-header-height));min-height:0;max-height:none;display:flex;flex-direction:column;align-items:center;overflow:clip}
 #stap-4 .contact-stage .demo-invitation{position:relative;inset:auto;left:auto;top:auto;transform:none;width:100%;padding:10px 18px 12px;flex:none}
 #stap-4 .demo-invitation .demo-pill{font-size:12px}
 #stap-4 .demo-invitation p{font-size:14px;line-height:1.4;margin:6px 0 0;min-height:20px}
 #stap-4 .demo-invitation #contact-play{min-height:36px;margin:2px 0 0;padding:4px 10px;font-size:13px}
 #stap-4 .contact-stage .product-phone{position:relative;inset:auto;top:auto;left:auto;transform:none;flex:none;width:min(265px,calc(var(--contact-phone-height) * .5));height:var(--contact-phone-height);margin:0 auto 16px;border-radius:32px}
 #stap-4 .contact-stage .card-scroll{height:calc(100% - 115px);overflow:hidden;touch-action:pan-y}
 #stap-4 .contact-stage .save-contact{min-height:44px;bottom:9px;font-size:14px;padding:10px 5px}
 #stap-4 .contact-stage .import-sheet{inset:60px 0 0;padding:9px 13px 12px}
 #stap-4 .contact-stage .sheet-handle{margin-bottom:6px}
 #stap-4 .contact-stage .contact-logo{width:36px;height:36px;margin:6px auto}
 #stap-4 .contact-stage .import-sheet h3{font-size:20px;margin:6px 0}
 #stap-4 .contact-stage .import-sheet>p{margin-bottom:8px}
 #stap-4 .contact-stage .contact-detail{padding:6px 0;font-size:12px}
 #stap-4 .contact-stage .confirm-contact{min-height:44px;padding:9px 4px;font-size:14px;margin-top:6px}
 #stap-4 .contact-stage .cancel-contact{min-height:36px;font-size:13px;padding:7px 2px}
 #stap-4 .contact-stage .contact-done{padding:40px 15px}
 #stap-4 .contact-stage .contact-done p{font-size:14px}
 body.quiet-mode #stap-4 .contact-visual{height:auto!important;padding-bottom:64px}
 body.quiet-mode #stap-4 .contact-stage{position:relative;inset:auto;height:auto;min-height:0}
}
@media(max-width:1000px) and (max-height:540px){
 #stap-4 .contact-stage{position:relative;top:0;height:auto;--contact-phone-height:480px}
 #stap-4 .contact-visual{height:auto!important;padding-bottom:60px}
}