/* DMM Records · clean mobile main menu
   Isolated responsive override. No player, mini-player, release or audio selectors are touched. */
.mobile-nav-topline{
    display:none;
}
.mobile-nav-toggle{
    display:none;
}

@media (max-width:760px){
    .glass-disc-nav{
        width:calc(100vw - 18px)!important;
        left:9px!important;
        right:9px!important;
        top:8px!important;
        transform:none!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        align-items:stretch!important;
        gap:8px!important;
        padding:8px!important;
        border-radius:28px!important;
        max-height:calc(100dvh - 16px)!important;
        overflow:visible!important;
        z-index:60!important;
    }

    .mobile-nav-topline{
        display:flex!important;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        min-width:0;
        width:100%;
    }

    .mobile-nav-brand{
        display:grid;
        gap:1px;
        min-width:0;
        padding-left:4px;
        line-height:1;
    }

    .mobile-nav-brand b{
        font-size:13px;
        line-height:1;
        color:rgba(255,248,234,.96);
        letter-spacing:.14em;
        text-transform:uppercase;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .mobile-nav-brand small{
        font-size:9px;
        line-height:1;
        color:rgba(232,186,99,.90);
        letter-spacing:.18em;
        text-transform:uppercase;
        font-weight:900;
        white-space:nowrap;
    }

    .mobile-nav-toggle{
        appearance:none;
        position:relative;
        display:inline-grid!important;
        grid-template-columns:22px auto;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-width:94px;
        min-height:42px;
        padding:0 13px;
        border-radius:999px;
        border:1px solid rgba(232,186,99,.48);
        color:#100b04;
        cursor:pointer;
        background:linear-gradient(135deg,#d99d35,#fff1bb,#e8ba63,#a76f22);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 28px rgba(0,0,0,.22);
    }

    .mobile-nav-toggle-lines{
        display:grid;
        gap:4px;
        width:20px;
    }

    .mobile-nav-toggle-lines i{
        display:block;
        height:2px;
        border-radius:99px;
        background:#140d04;
        transition:transform .18s ease,opacity .18s ease;
    }

    .mobile-nav-toggle-text{
        font-size:12px;
        font-weight:950;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .glass-disc-nav.is-mobile-menu-open .mobile-nav-toggle-lines i:nth-child(1){
        transform:translateY(6px) rotate(45deg);
    }

    .glass-disc-nav.is-mobile-menu-open .mobile-nav-toggle-lines i:nth-child(2){
        opacity:0;
    }

    .glass-disc-nav.is-mobile-menu-open .mobile-nav-toggle-lines i:nth-child(3){
        transform:translateY(-6px) rotate(-45deg);
    }

    .glass-disc-nav .disc-nav-scroll,
    .glass-disc-nav > .music-hub-nav-button,
    .glass-disc-nav > .language-glass-switch{
        display:none!important;
    }

    .glass-disc-nav.is-mobile-menu-open .disc-nav-scroll{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important;
        width:100%!important;
        max-height:calc(100dvh - 164px)!important;
        overflow:auto!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:4px 1px 2px!important;
        scrollbar-width:thin;
    }

    .glass-disc-nav.is-mobile-menu-open > .music-hub-nav-button{
        display:flex!important;
        width:100%!important;
        min-height:44px!important;
        justify-content:center!important;
        margin:0!important;
        order:4;
        border-radius:999px!important;
    }

    .glass-disc-nav.is-mobile-menu-open > .language-glass-switch{
        display:flex!important;
        justify-self:center!important;
        order:5;
        margin:1px 0 0!important;
    }

    .glass-disc-nav .cd-dropdown,
    .glass-disc-nav .cd-pill{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
    }

    .glass-disc-nav .cd-pill{
        display:flex!important;
        min-height:44px!important;
        justify-content:flex-start!important;
        gap:9px!important;
        padding:8px 12px 8px 8px!important;
        border-radius:18px!important;
        white-space:normal!important;
        line-height:1.08!important;
    }

    .glass-disc-nav .cd-pill b{
        font-size:13px!important;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .glass-disc-nav .cd-core{
        width:24px!important;
        height:24px!important;
        min-width:24px!important;
        flex-basis:24px!important;
    }

    .glass-disc-nav .cd-dropdown{
        display:grid!important;
        gap:6px!important;
    }

    .glass-disc-nav .cd-dropdown::after{
        display:none!important;
    }

    .glass-disc-nav .cd-dropdown-menu{
        position:static!important;
        display:grid!important;
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
        pointer-events:auto!important;
        min-width:0!important;
        width:calc(100% - 28px)!important;
        margin:-1px 0 2px 28px!important;
        padding:7px!important;
        border-radius:17px!important;
        background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
        border:1px solid rgba(232,186,99,.18)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .glass-disc-nav .cd-dropdown-menu a{
        min-height:36px!important;
        display:flex!important;
        align-items:center!important;
        padding:7px 10px!important;
        border-radius:13px!important;
        font-size:12px!important;
        font-weight:900!important;
        color:rgba(255,248,234,.88)!important;
    }

    .glass-disc-nav .cd-dropdown-menu a.is-active,
    .glass-disc-nav .cd-dropdown-menu a:hover,
    .glass-disc-nav .cd-dropdown-menu a:focus-visible{
        background:rgba(232,186,99,.14)!important;
        color:rgba(255,248,234,.98)!important;
        outline:none!important;
    }

    body:has(.glass-disc-nav.is-mobile-menu-open){
        overflow:hidden;
    }
}

@media (max-width:390px){
    .mobile-nav-brand b{
        font-size:12px;
        letter-spacing:.10em;
    }

    .mobile-nav-brand small{
        font-size:8px;
    }

    .mobile-nav-toggle{
        min-width:82px;
        padding:0 10px;
    }

    .mobile-nav-toggle-text{
        font-size:11px;
    }

    .glass-disc-nav .cd-pill b{
        font-size:12px!important;
    }
}

@media (max-height:560px) and (max-width:760px){
    .glass-disc-nav.is-mobile-menu-open .disc-nav-scroll{
        max-height:calc(100dvh - 132px)!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .mobile-nav-toggle-lines i{
        transition:none!important;
    }
}