.mobile-common-menu { display: none; }
.mobile-common-menu[hidden] { display: none !important; }
@media (max-width: 767px) {
  body.mobile-common-menu-open { overflow: hidden; }
  .mobile-common-menu:not([hidden]) {
    display: block;
    position: fixed;
    top: var(--mobile-menu-top, 70px);
    bottom: var(--mobile-menu-bottom, calc(70px + env(safe-area-inset-bottom, 0px)));
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    background: var(--body-bg-color, #f0f2f5);
  }
  body.night-mode .mobile-common-menu { background: var(--body-bg-color-dark, #18191a); }
  .mobile-common-menu .card { margin-bottom: 0; }
  .mobile-common-menu .main-side-nav a { white-space: normal; overflow-wrap: anywhere; }
}

.mobile-common-menu-categories { margin-bottom: 12px; }
.mobile-common-menu-categories > summary {
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--card-bg-color, #fff);
  color: var(--ja-ui-text, #1f2937);
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
.mobile-common-menu-categories[open] > summary { margin-bottom: 8px; }
body.night-mode .mobile-common-menu-categories > summary {
  background: var(--card-bg-color-dark, #242b30);
  color: var(--ja-ui-text, #f1f5f9);
}