.toast{
  left:24px;
  right:auto;
  max-width:calc(100vw - 48px);
}

@media(max-width:620px){
  .toast{
    left:max(12px,calc(env(safe-area-inset-left) + 12px));
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px));
    max-width:calc(100vw - 24px);
  }
}

/* The Netlify badge overlays the lower-right corner in the Android package.
   Leave room at the end of scrollable views so the last controls can clear it. */
html.android-app-shell #app.content{
  padding-bottom:108px;
}

@media(max-width:620px){
  html.android-app-shell #app.content{
    padding-bottom:calc(108px + env(safe-area-inset-bottom));
  }
}

html.android-app-shell body.counter-sales-active #app.content{
  padding-bottom:8px;
}

html.android-app-shell body.counter-sales-active .counter-catalog{
  padding-bottom:calc(108px + env(safe-area-inset-bottom));
  scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom));
}