@media (min-width: 990px) {
    #header { display: none !important; }
    #main   { padding-top: 0 !important; }

    html body { padding-left: 300px !important; overflow-x: hidden; }
    html body #wrap_all {
        max-width: calc(100vw - 300px) !important;
        width:     calc(100vw - 300px) !important;
    }
    html body #wrap_all .container_wrap,
    html body #wrap_all .avia-section,
    html body #wrap_all .av-layout-grid-container { max-width: 100% !important; }

    .variant-classic { width: 300px; overflow-x: hidden; }

    /* Флайаут-подменю */
    .variant-classic .side-menu-list .sub-menu {
        display: none;
        position: fixed;
        min-width: 250px;
        max-width: 340px;
        max-height: calc(100vh - 20px);
        overflow-y: auto;
        background: #232340;
        color: #fff;
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 10px;
        box-shadow: 0 12px 40px rgba(0,0,0,0.4);
        padding: 8px;
        z-index: 10000;
        animation: classicFade .15s ease;
    }
    .variant-classic .side-menu-list .sub-menu.is-visible { display: block; }

    .variant-classic .side-menu-list .sub-menu.is-visible::before {
        content: '';
        position: fixed;
        top:    var(--bridge-top, 0);
        left:   var(--bridge-left, 0);
        width:  12px;
        height: var(--bridge-height, 0);
        pointer-events: auto;
    }

    @keyframes classicFade {
        from { opacity: 0; } to { opacity: 1; }
    }

    .variant-classic .side-menu-list .sub-menu li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 9px 14px;
        font-size: 13px;
        color: #b0b5ba;
        text-decoration: none;
        border-radius: 6px;
        transition: background .15s, color .15s;
    }
    .variant-classic .side-menu-list .sub-menu li a:hover {
        color: #fff;
        background: rgba(255,255,255,0.08);
    }
    .variant-classic .side-menu-list .sub-menu .menu-item-has-children > a::after {
        content: '';
        width: 5px; height: 5px;
        border-right: 2px solid currentColor;
        border-top: 2px solid currentColor;
        transform: rotate(45deg);
        opacity: 0.5;
    }
}