/*Мобильное меню*/
:root .mgn_offcanvas {
    position: fixed;
    z-index: 2;
    width: 75%;
    height: 100%;
    background-color: var(--ngm_color-25);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: calc( -8 * var(--ngm_scale) ) 0 calc( 33 * var(--ngm_scale) ) 0 var(--ngm_color-0);


    inset: 0 0 0 auto;
    opacity: 1;
    transform: translateX(100%);
    transition: transform var(--ngm_anim-time), opacity var(--ngm_anim-time);
    padding: calc( 20 * var(--ngm_scale) ) calc( 15 * var(--ngm_scale) );
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: calc( 20 * var(--ngm_scale) );
}
:root .mgn_offcanvas--open {
    pointer-events: none;
    overflow: hidden;
}
:root .mgn_offcanvas--open .mgn_offcanvas {
    transform: translateX(0%);
    pointer-events: auto;
}
:root .mgn_offcanvas .mgn_offcanvas-header {
    text-align: right;
}
:root .mgn_offcanvas .mgn_offcanvas-body {
    flex: 1;
    text-align: center;
    overflow: hidden;
    overflow-y: auto;
}
:root .mgn_offcanvas .mgn_offcanvas-footer {
    width: 100%;
}
:root .mgn_offcanvas .mgn_offcanvas-btn_close {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../images/icon_close_white.svg');
    width: calc( 30 * var(--ngm_scale) );
    height: calc( 30 * var(--ngm_scale) )
}
:root .mgn_offcanvas .mgn_offcanvas-btn_close:hover,
:root .mgn_offcanvas .mgn_offcanvas-btn_close:active {
    background-image: url('../images/icon_close_yellow.svg');
}
:root .mgn_offcanvas .mgn_offcanvas-menu {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: calc( 50 * var(--ngm_scale) );
    align-items: center;
    justify-content: space-between;
}
:root .mgn_offcanvas .mgn_offcanvas-menu .menu-item a{
    font-size: calc( 28 * var(--ngm_scale) );
    font-weight: 700;
    text-decoration: none;
}
:root .mgn_offcanvas .mgn_offcanvas-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
@media (min-width: 720px){ 
    :root .mgn_offcanvas--open {
        pointer-events: auto;
        overflow: auto;
    }
    :root .mgn_offcanvas--open .mgn_offcanvas {
        opacity: 0;
        pointer-events: none;
    }
}