header .wrapper .btn.primary {
	margin: 0;
	padding: var(--gapX2) var(--gapX3);
}
header .wrapper .buttons {
	align-items: flex-end;
	gap: var(--gapX10);
}
menu {
	width: 100%;
	position: sticky;
	top: 0;
	background: #fffa;
	backdrop-filter: blur(10px);
	z-index: 4;
	background-color: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(10px);
	display: flex;
    align-items: flex-start;
}

@media (min-width: 768px){
	header .nav:has(ul#menu-osnovnoe){
		display: none;
	}
}

menu ul.menu > li.menu-item-has-children.open:after {transform: rotate(-135deg) translateY(-4px) translateX(2px);}
menu ul.menu > li.menu-item-has-children {
	position: relative;
}
@media (max-width: 767px) {
	header {
		padding-top: var(--gapX3);
		padding-bottom: var(--gapX3);
	}
	header>div {
		gap: 4px !important;
	}
	menu {
		position: absolute !important;
		top: 60px !important;
		padding-top: var(--gapX3);
		padding-bottom: var(--gapX3);
		border-radius: 0 0 16px 16px;
		box-shadow: 0 8px 8px rgb(0 0 0 / 5%), 0 32px 32px rgb(0 0 0 / 5%);
		z-index: 9990;
	}
	header .wrapper .buttons {
		gap: var(--gap);
	}
	menu ul.menu li.hover .sub-menu {
		display: unset;
	}
	menu ul.menu li.open .sub-menu {
		display: block;
	}
	menu ul.menu li:hover>.sub-menu {
		display: none;
		flex-flow: unset;
		gap: unset;
		padding-left: unset;
		padding-bottom: unset;
		padding-top: unset;
	}
	menu ul.menu li.open>.sub-menu {
		display: flex;
		flex-flow: column;
		gap: var(--gapX5);
		padding-left: var(--gapX4);
		padding-bottom: var(--gapX3);
		padding-top: var(--gapX4);
	}
	menu ul.menu li.open>.sub-menu>li .sub-menu a {
		font-size: var(--textSsize);
	}
	.mobile-menu ul.menu a {
		display: flex;
		flex-flow: row;
	}
	.mobile-menu ul.menu li>a {
		display: flex;
		flex-flow: row;
		position: relative;
	}
	.mobile-menu li.menu-item-has-children>a:after {
	 	content: "";
	 	height: 9px;
	 	width: 9px;
	 	border: solid black;
	 	transform: rotate(45deg);
	 	background: unset;
	 	opacity: unset;
	 	position: absolute;
	 	left: 97%;
	 	top: 25%;
	 	border-width: 0 1px 1px 0;
	 	transform-origin: 7px 7px;
	}
	.mobile-menu li.menu-item-has-children.open>a:after {
		transform: rotate(225deg);
	}
	menu ul.menu li:hover>.sub-menu>li>.sub-menu {
		display: none;
	}
	menu ul.menu li.open>.sub-menu>li.open>.sub-menu {
		display: block;
		gap: var(--gapX);
	}
	menu ul.menu > li {
		padding-top: 0;
		padding-bottom: var(--gapX3);
	}
}

.call-mobile i::before{
	font-size: var(--gapX9);
}