/* Browser-only mobile chrome correction. Installed standalone Web App keeps safe-area backdrop behavior. */
@media (max-width: 767px) and (display-mode: browser) {
  [data-mobile-ui="bottom-navigation"] {
    height: 64px !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  [data-mobile-ui="bottom-navigation"] > nav {
    bottom: 0 !important;
  }
}