/* Shared by the installed Android container and iPhone PWA. */
@media (max-width:650px){
  html[data-app-host] main{width:100%;max-width:none;padding:12px 8px}
  html[data-app-host] .app-header{padding-inline:12px}
  html[data-app-host] .app-portal{margin-inline:-8px;min-width:0}
  html[data-app-host] .app-portal .family-portal{width:100%;max-width:none;padding:0!important;min-width:0}
  html[data-app-host] .app-portal .family-portal *,html[data-app-host] .app-portal .family-portal *::before,html[data-app-host] .app-portal .family-portal *::after{box-sizing:border-box}
  html[data-app-host] .app-portal :is(.family-portal__panel,.family-portal__signin){width:100%;max-width:100%;min-width:0;padding:16px 12px!important;border-radius:0!important;border-left:0;border-right:0}
  html[data-app-host] .app-portal :is(.family-portal__heading,.family-portal__toolbar,.family-portal__brands,.family-portal__sections){padding-inline:12px}
  html[data-app-host] .app-portal :is(.family-portal__columns,.family-portal__quote-grid,.family-portal__form-row){grid-template-columns:minmax(0,1fr)!important;min-width:0}
  html[data-app-host] .app-portal :is(form,fieldset,label,.family-portal__inside,.family-portal__address){min-width:0;max-width:100%}
  html[data-app-host] .app-portal :is(input,select,textarea){box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
  html[data-app-host] .app-portal :is(.family-portal__promotion,.family-portal__bonus-choice,.family-portal__delivery-breakdown){padding-inline:12px}
  html[data-app-host] .app-portal fieldset{margin-inline:0}
  html[data-app-host] dialog{width:100%;max-width:100%;margin-inline:0;padding:16px 12px;border-radius:16px;max-height:94dvh}
}