/* STICKY MENU NAV */
.menu-nav {
    position: sticky;
    top: 33px;
    z-index: 50;
    background: rgba(250, 248, 245, 0.97);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--warm-gray);
    display: flex;
    align-items: stretch;
    overflow-x: auto;
}

.menu-nav-tab {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 28px;
    height: 54px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--text-muted);
    cursor: pointer;
    border: none;
    background: transparent;
    position: relative;
    transition: color 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.menu-nav-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--red);
    transform: scaleX(0);
    transition: transform 0.25s ease;
}

.menu-nav-tab.active {
    color: var(--black);
}

.menu-nav-tab.active::after {
    transform: scaleX(1);
}

.menu-nav-tab:hover {
    color: var(--black);
}

.tab-jp {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: rgba(219, 5, 5, 0.4);
}

.menu-nav-tab.active .tab-jp {
    color: var(--red);
}