/* Desktop: unsichtbar */
.mco-bottom-nav { display:none !important; }

@media (max-width:767px) {
    .mco-global-mobile-nav,
    .mco-mobile-main-nav {
        display:none !important;
    }

    html, body {
        padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mco-bottom-nav {
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr));
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        z-index:2147483000;
        box-sizing:border-box;
        padding:7px 8px calc(7px + env(safe-area-inset-bottom, 0px));
        gap:5px;
        background:rgba(255,255,255,.98);
        border-top:1px solid #dce2ea;
        box-shadow:0 -5px 20px rgba(16,24,39,.12);
        -webkit-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }

    .mco-bottom-nav-item {
        min-width:0;
        height:60px;
        border-radius:13px;
        text-decoration:none !important;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        color:#303848 !important;
        font-size:11px;
        line-height:1;
        font-weight:700;
        -webkit-tap-highlight-color:transparent;
    }

    .mco-bottom-icon {
        font-size:20px;
        line-height:1;
    }

    .mco-bottom-label {
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .mco-bottom-nav-item.is-active {
        background:#101827;
        color:#fff !important;
    }

    .mco-bottom-nav-item:active {
        transform:scale(.97);
    }

    body.login {
        padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    }
}