@media (max-width: 760px) {
  .mobile-section-tabs { display: none !important; }

  .mobile-app-nav {
    position: fixed;
    z-index: 10000;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 28px);
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 18px;
    align-items: stretch;
    gap: 3px;
    width: min(660px, calc(100vw - 12px));
    padding: 5px;
    border: 1px solid #86d99a;
    border-radius: 15px;
    background: linear-gradient(180deg, #0a4729f5, #062c20f7);
    box-shadow: 0 5px 24px #00150dc9, inset 0 1px #ffffff24;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .mobile-app-nav__pages {
    display: flex;
    align-items: stretch;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }
  .mobile-app-nav__pages::-webkit-scrollbar { display: none; }

  .mobile-app-nav__submenu {
    position: absolute;
    left: 0;
    bottom: calc(100% + 8px);
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 5px;
    width: min(330px, calc(100vw - 24px));
    max-height: min(58vh, 420px);
    padding: 8px;
    border: 1px solid #86d99a;
    border-radius: 13px;
    background: linear-gradient(180deg, #0a4729f7, #062c20fa);
    box-shadow: 0 5px 24px #00150dc9, inset 0 1px #ffffff24;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .mobile-app-nav__ranking-menu {
    grid-template-columns: repeat(3, minmax(76px, 1fr));
    width: min(270px, calc(100vw - 24px));
  }
  .mobile-app-nav__submenu[hidden] { display: none !important; }
  .mobile-app-nav__pages { grid-column: 2; grid-row: 1; }
  .mobile-app-nav__submenu-option {
    display: grid !important;
    grid-template-columns: 23px minmax(0, 1fr) auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    justify-items: start !important;
    flex: none !important;
    width: 100%;
    min-width: 0 !important;
    height: 39px !important;
    padding: 4px 7px !important;
    border: 1px solid #ffffff24 !important;
    border-radius: 8px !important;
    color: #eaffef !important;
    background: #ffffff10 !important;
    font: 800 11px/15px system-ui, sans-serif !important;
    text-align: left;
    white-space: nowrap;
  }
  .mobile-app-nav__submenu-option img {
    width: 21px;
    height: 21px;
  }
  .mobile-app-nav__submenu-option span {
    min-width: 0;
    text-align: left;
  }
  .mobile-app-nav__submenu-option b {
    color: #ffd34d;
    font: 900 11px/14px system-ui, sans-serif;
  }
  .mobile-app-nav__submenu-option.is-active {
    border-color: #67d87e !important;
    background: linear-gradient(180deg, #20a746, #087234) !important;
  }

  .mobile-app-nav button {
    flex: 0 0 57px;
    display: grid;
    grid-template-rows: 27px 13px;
    align-content: center;
    justify-items: center;
    gap: 1px;
    min-width: 0;
    height: 49px;
    padding: 3px 1px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #eaffef;
    background: transparent;
    box-shadow: none;
    font: 800 9px/13px system-ui, sans-serif;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-app-nav__item { scroll-snap-align: start; }
  .mobile-app-nav img {
    display: block;
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px #0008);
  }
  .mobile-app-nav span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #d5efdc;
    font: 800 9px/13px system-ui, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-app-nav button.is-active {
    border-color: #67d87e;
    background: linear-gradient(180deg, #20a746, #087234);
    box-shadow: inset 0 1px #ffffff42, 0 2px 6px #00180b80;
  }
  .mobile-app-nav button.is-active span { color: #fff; }
  .mobile-app-nav__section { flex-basis: 58px !important; }
  .mobile-app-nav .mobile-nav-scroll-arrow {
    z-index: 2;
    width: 18px !important;
    min-width: 18px !important;
    height: 49px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #ccebd3 !important;
    background: #073e28 !important;
    box-shadow: none !important;
    font: 700 21px/1 system-ui, sans-serif !important;
  }
  .mobile-nav-scroll-arrow--previous { grid-column: 1; grid-row: 1; }
  .mobile-nav-scroll-arrow--next { grid-column: 3; grid-row: 1; }
  .mobile-app-nav .mobile-nav-scroll-arrow[hidden] { display: block !important; visibility: hidden; }

  .logged-shell { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  .mobile-view-account .mobile-account-panel,
  .mobile-view-extras .mobile-extras-panel,
  .mobile-nav-show-account .mobile-account-panel,
  .mobile-nav-show-extras .mobile-extras-panel {
    max-height: calc(100vh - 112px - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 112px - env(safe-area-inset-bottom, 0px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-nav-show-account .logged-shell > .menu-card,
  .mobile-nav-show-account .logged-center,
  .mobile-nav-show-account .mobile-extras-panel,
  .mobile-nav-show-extras .logged-shell > .menu-card,
  .mobile-nav-show-extras .logged-center,
  .mobile-nav-show-extras .mobile-account-panel { display: none !important; }
  .mobile-nav-show-account .logged-right,
  .mobile-nav-show-extras .logged-right { display: grid !important; }
  .mobile-nav-show-account .mobile-account-panel,
  .mobile-nav-show-extras .mobile-extras-panel { display: block !important; }

  body:has(.brgol-pwa-offer) .mobile-app-nav { bottom: calc(116px + env(safe-area-inset-bottom, 0px)); }
  body:has(.brgol-pwa-offer) .logged-shell { padding-bottom: calc(158px + env(safe-area-inset-bottom, 0px)); }
}