.member-mobile-nav,.member-mobile-menu{display:none}
@media(max-width:760px),(max-width:1024px) and (max-height:500px){
  body.member-navigation-ready:not(.assistant-page){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.member-navigation-ready .mix-header-bottom{display:none}
  .member-navigation-ready .club-compare-tray{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .member-navigation-ready .club-toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .member-navigation-ready.club-has-comparison .club-toast{bottom:calc(274px + env(safe-area-inset-bottom,0px))}
  .member-navigation-ready main :is(input,textarea,select,button,a){scroll-margin-block-end:96px}
  .member-mobile-nav{position:fixed;inset:auto 0 0;z-index:45;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}
  .member-navigation-ready .member-mobile-nav{display:grid}
  .member-mobile-nav>a,.member-mobile-nav>button{min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 1px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:.875rem;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer}
  .member-mobile-nav :is(a,button)[aria-current=page],.member-mobile-nav .is-current{color:var(--accent);background:var(--accent-soft)}
  .member-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .member-mobile-nav :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .member-mobile-menu[open]{display:flex;flex-direction:column;margin:auto 0 0;inset:auto 0 0;width:100%;max-width:none;max-height:min(82dvh,calc(var(--member-viewport-height,100dvh) - 16px));padding:0;border:1px solid var(--line);border-radius:16px 16px 0 0;background:var(--surface);color:var(--text);overflow:hidden}
  .member-mobile-menu::backdrop{background:rgb(0 0 0/.55)}
  .member-mobile-menu>header{display:flex;justify-content:space-between;align-items:center;flex:none;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
  .member-mobile-menu h2{font-size:1.25rem;margin:0}.member-mobile-menu>header button{min-height:44px;min-width:44px;padding:4px;font-size:1.5rem;line-height:1}
  .member-mobile-menu-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}
  .member-mobile-menu section{padding-block:1.25rem}.member-mobile-menu section+section{border-top:1px solid var(--line)}
  .member-mobile-menu h3{font-size:.875rem;color:var(--muted);margin:0 0 .5rem;font-weight:550}
  .member-mobile-menu section>a{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem 0;color:var(--text);text-decoration:none;font-size:1rem}
  .member-mobile-menu section>a[aria-current=page]{color:var(--accent);font-weight:650}.member-mobile-menu section>a>span{font-size:.875rem;color:var(--muted)}
  .member-mobile-menu :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .member-mobile-menu .member-mobile-menu-secondary{font-size:.875rem;color:var(--accent)}
  body:has(#member-mobile-menu[open]){overflow:hidden}
  body.member-keyboard-open .member-mobile-nav,body.assistant-page .member-mobile-nav{display:none}
  body.member-keyboard-open .club-compare-tray{visibility:hidden;pointer-events:none}
  body.member-navigation-ready.member-keyboard-open:not(.assistant-page){padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.member-mobile-nav *,.member-mobile-menu *{scroll-behavior:auto}}