/* Phones use their available landscape width without scaling the portrait canvas. */
@media screen and (orientation:landscape) and (max-height:600px) and (hover:none) and (pointer:coarse){
 html:has(body.customer-app){overflow-y:auto!important;overflow-x:hidden!important}
 html body.customer-app{width:100%!important;max-width:none!important;margin:0!important;min-height:100svh!important;height:auto!important;max-height:none!important;padding-bottom:calc(52px + env(safe-area-inset-bottom))!important}
 html body.customer-app .wrap,html body.customer-app .portal-main,html body.customer-app .container,html body.customer-app main,html body.customer-app .ab-app,html body.customer-app .reviews-app,html body.customer-app .home{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important}
 html body.customer-app .wrap{padding:12px max(14px,env(safe-area-inset-right)) 24px max(14px,env(safe-area-inset-left))!important;min-height:0!important}
 html body.customer-app .head p{max-width:none!important}
 html body.customer-app .customer-nav{width:100%!important;max-width:none!important;min-height:52px!important;padding:4px max(6px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important}
 html body.customer-app .customer-nav a{flex-direction:row!important;gap:6px!important;min-height:40px!important;font-size:12px!important}
 html body.customer-app .customer-nav svg{width:21px!important;height:21px!important;flex-shrink:0}
 html body.customer-app .actions{position:static!important;margin-top:14px!important}
}