/* DESAKONEK: bottom mobile navigation and Android gesture safe-area */
@media (max-width:767.98px) {
  html { background-color:#063B73; }
  .mobile-bottom {
    background:linear-gradient(105deg,#063B73 0%,#087AC0 54%,#55BCEB 100%) !important;
    border-top:1px solid rgba(255,255,255,.23);
    padding-bottom:max(9px,env(safe-area-inset-bottom,0px)) !important;
    box-shadow:0 -6px 22px rgba(6,59,115,.19) !important;
  }
  .mobile-bottom a,
  .mobile-bottom a i,
  .mobile-bottom a span { color:#fff !important; }
  .mobile-bottom a.active { background:rgba(255,255,255,.16); border-radius:10px; }
  .mobile-bottom a:focus-visible { outline:2px solid white;outline-offset:2px; }
}