/* ========== Мобильное меню ========== */
@media only screen and (max-width: 1280px) {
    .mobile-menu-container {
        position: fixed;
        top: 93px;
        left: 0;
        width: auto;
        min-width: 360px;
        max-width: 480px;
        height: 100vh;
        background-color: #fff;
        z-index: 1000;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        box-shadow: -2px 0 15px rgba(0,0,0,0.1);
    }
    .mobile-menu-container.open {transform: translateX(0);}
    .menu-overlay {
        position: fixed;
        top: 93px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    .menu-overlay.active {opacity: 1;visibility: visible;}
    .sp-vmmenu > ul.top-menu > li {margin: 0;}
    .mobile-menu-container .top-menu {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0 0 30px 0;
        list-style: none;
    }
    .mobile-menu-container .top-menu > li {margin:0 !important;list-style: none;}
    .mobile-menu-container .top-menu > li > a,
    .mobile-menu-container .top-menu > li > .mod-menu__separator {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 21px 15px 21px !important;
        cursor: pointer;
		border-bottom: 1px solid #eee  !important;
		margin:0 24px !important;
    }
    .sp-vmmenu > ul.top-menu > li > a {display: flex;}
    .mobile-menu-container .top-menu > li.parent > a::after,
    .mobile-menu-container .top-menu > li.parent > .mod-menu__separator::after {
        content: '›';
        transition: transform 0.3s ease;
        display: inline-block;
    }
    .mobile-menu-container .top-menu > li.parent.open > a::after,
    .mobile-menu-container .top-menu > li.parent.open > .mod-menu__separator::after {
        transform: rotate(90deg);
    }
	.mobile-menu-container .mod-menu__sub {
		overflow: hidden;
		padding-left: 20px;
		margin: 0;
		list-style: none;
		background-color: #165576 !important;
		border-radius: 0 !important;
		max-height: 0;
		opacity: 0;
		padding: 0 !important;
		position: static !important;
        left: auto !important;
        transform: none !important;
	}
	.mobile-menu-container.open .sp-vmmenu {margin-top: 54px;}
	.mobile-menu-container .mod-menu__sub.open, .mobile-menu-container .mod-menu__sub.open .mod-menu__sub  {
		max-height: 600px;
		opacity: 1 !important;
		padding:10px 10px 10px 43px !important;
		visibility: visible !important;
	}
	.mobile-menu-container .mod-menu__sub.open .mod-menu__sub, .mobile-menu-container .mod-menu__sub.open .parent .mod-menu__sub {padding: 0 !important;}
	.mobile-menu-container .mod-menu__sub.open .parent .mod-menu__separator {display:block;padding: 10px 0;}
	.mobile-menu-container .mod-menu__sub.open .parent .mod-menu__sub > ul > li {padding: 10px 0;}
	.mobile-menu-container .mod-menu__sub.open .parent .mod-menu__sub > li:last-child {padding-bottom: 0 !important;}
	.mobile-menu-container .mod-menu__sub li {padding: 5px 0;}
	.mobile-menu-container .mod-menu__sub li a, .mobile-menu-container .mod-menu__separator {color: #ffffff !important;display: block;}
    .mobile-menu-container .mod-menu__sub .mod-menu__sub {padding-left: 20px;}
	.mobile-menu-container .sp-vmmenu > ul.top-menu > li.parent > a::after {
	  content: " ›";
	  font-size: 2.7em;
	  font-weight: normal;
	  line-height: 1rem;
	  color: #165576;
	}    
    .mobile-menu-container .mobile-col3 {padding: 20px 20px 0 20px;}
    .mobile-menu-container .mobile-col3 .button-dis {
        background-color: #165576;
        border-radius: 0;
        border: none;
        color: #ffffff !important;
        display: block;
        text-align: center;
        padding: 12px 20px;
    }
    body.menu-open {overflow: hidden;}
    .mobile-menu-container .col1,.mobile-menu-container .col3, .mobile-menu-container .col1.sp-vmmenu {display: block !important;}
}