/* UTANOBA mobile navigation hotfix 2026-09-06 */
.mobile-menu-button{
  -webkit-appearance:none;appearance:none;touch-action:manipulation;
  position:relative;z-index:91;flex:0 0 44px;width:44px;height:44px;
  border:1px solid #e4e4ea;border-radius:12px;background:#fff;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  padding:0;cursor:pointer;box-shadow:0 4px 14px rgba(32,34,45,.06)
}
.mobile-menu-button span{display:block;width:19px;height:2px;background:#272830;border-radius:999px;transition:transform .2s,opacity .2s}
.mobile-menu-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(14,16,24,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
.mobile-menu{position:fixed;z-index:9999;top:0;right:0;bottom:0;width:min(88vw,390px);max-width:390px;background:#fff;box-shadow:-24px 0 60px rgba(20,22,32,.22);padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate3d(105%,0,0);visibility:hidden;transition:transform .26s ease,visibility .26s}
body.mobile-menu-open{overflow:hidden;touch-action:none}
body.mobile-menu-open .mobile-menu{transform:translate3d(0,0,0);visibility:visible}
body.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #ececf1}
.mobile-menu-close{-webkit-appearance:none;appearance:none;touch-action:manipulation;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#f3f3f6;color:#222;font-size:28px;line-height:1;cursor:pointer}
.mobile-menu-nav,.mobile-member-area{display:grid}
.mobile-menu-nav{padding:12px 0}
.mobile-menu-nav a,.mobile-member-area>a{min-height:46px;display:flex;align-items:center;padding:10px 8px;font-weight:700;text-decoration:none;color:inherit;border-bottom:1px solid #f0f0f3}
.mobile-member-area{padding:12px 0;gap:8px}
.mobile-member-area>a{border:0;border-radius:11px;background:#f7f7f9}
.mobile-member-area .mobile-primary{justify-content:center;background:#24242c;color:#fff}
.mobile-member-area .mobile-register{justify-content:center;background:#ef4f86;color:#fff}
@media (max-width:820px){
  .desktop-nav,.desktop-actions{display:none!important}
  .mobile-menu-button{display:flex!important}
  .site-header .nav{min-height:66px;height:auto}
  .brand{min-width:0}
}
@media (min-width:821px){.mobile-menu-button{display:none!important}.mobile-menu,.mobile-menu-backdrop{display:none!important}}
@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-backdrop,.mobile-menu-button span{transition:none!important}}