.nav-group-more { position: relative; }
.nav-group-more .nav-group-label { display: none; }
.nav-more-toggle {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: none;
    background: transparent;
    color: #fff;
    border-radius: 999px;
    padding: .36rem .5rem;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-fast, 0.15s ease);
}
.nav-more-toggle:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fde68a;
}
.nav-direct-link { text-decoration: none; }
.nav-more-menu {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 200px;
    margin: 0;
    padding: .4rem;
    list-style: none;
    border-radius: var(--radius-md, 8px);
    background: #fff;
    border: 1px solid rgba(185, 28, 28, 0.12);
    border-top: 3px solid #f59e0b;
    box-shadow: 0 12px 24px rgba(127, 29, 29, 0.15);
    z-index: 1200;
}
.nav-group-more.open .nav-more-menu { display: block; }
.nav-more-menu .nav-link {
    display: block;
    padding: .42rem .52rem;
    border-radius: 8px;
    font-size: .84rem;
    color: #1c1917 !important;
}
.nav-more-menu .nav-link:hover {
    background: rgba(185, 28, 28, 0.08);
    color: #b91c1c !important;
}
.mobile-submenu, .mobile-subgroup-links {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-submenu.open, .mobile-subgroup-links.open { display: block; }
.mobile-group-toggle, .mobile-subgroup-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    background: transparent;
    color: #57534e;
    font-size: .9rem;
    font-weight: 600;
    padding: .75rem 1.5rem;
    cursor: pointer;
}
.mobile-submenu {
    padding: .3rem 0 .6rem;
    background: rgba(185, 28, 28, 0.04);
}
.mobile-subgroup-toggle {
    font-size: .82rem;
    font-weight: 700;
    color: #b91c1c;
    padding: .58rem 1.85rem;
}
.mobile-subgroup-links .mobile-link {
    padding-left: 2.6rem;
    font-size: .84rem;
}
@media (max-width: 1023px) {
    .mobile-nav.active {
        max-height: calc(100vh - 74px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    .mobile-menu { padding-bottom: 1rem; }
}