@media (max-width: 767px) {
  .main-menu {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start;
    scroll-snap-type: none;
    scroll-behavior: auto;
    touch-action: pan-x pinch-zoom;
    overscroll-behavior-x: contain;
  }

  .main-menu button,
  .main-menu button:last-child {
    flex: 0 0 76px !important;
    min-width: 76px !important;
    scroll-snap-align: none;
  }

  .main-menu button span { font-size: 6.5px; }
  .main-menu > button[data-menu="memories"] {
    flex-basis: 94px !important;
    min-width: 94px !important;
  }
}