.main-menu,
.mobile-nav {
	background: var(--dark);
	position: relative;
	border-top: 1px solid #888888;
	z-index: 1;
}
.navbar {
	display: flex;
	align-items: center;
}
.mobile-toggle,
.mobile-menu {
	display: none;
}
.menu {
	display: flex;
	align-items: center;
	width: 100%;
}
.menu > li {
	position: relative;
	flex: 1;
}
.menu a,
.mobile-nav a {
	font-family: var(--font-Condensed);
	white-space: nowrap;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: background-color 0.15s linear, color 0.15s linear;
}
.menu > li > a,
.mobile-nav > li > a {
	font-size: 1.3rem;
	height: 50px;
	padding: 0 10px;
	border-right: 1px solid #888888;
	transition: background-color 0.15s linear, color 0.15s linear, height 0.15s linear;
}
.squeeze .menu > li > a {
	height: 40px;
}
.menu li:hover > a,
.menu li.active > a,
.mobile-nav li:hover > a,
.mobile-nav li.active > a {
	background-color: rgb(255 255 255 / 0.15);
	color: var(--white);
}
.menu > li:first-child > a,
.mobile-nav > li:first-child > a {
	background-color: var(--brand);
	color: var(--text);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.menu li:first-child:hover > a,
.menu li:first-child.active > a,
.mobile-nav li:first-child:hover > a,
.mobile-nav li:first-child.active > a {
	background-color: rgb(255 255 255 / 0.2);
	color: var(--white);
}
.menu > li:last-child > a,
.mobile-nav > li:last-child > a {
	border-right: none;
}
.menu > li:first-child > a:before,
.menu > li:nth-child(2) > a:before,
.menu .has-children > a:after,
.mobile-nav > li:first-child > a:before,
.mobile-nav > li:nth-child(2) > a:before,
.mobile-nav .has-children > a:after {
	content: "";
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background-color: currentColor;
}
.menu > li:first-child > a:before,
.mobile-nav > li:first-child > a:before {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z"/></svg>');
}
.menu > li:nth-child(2) > a:before,
.mobile-nav > li:nth-child(2) > a:before {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M288 192C288 139 245 96 192 96C139 96 96 139 96 192C96 245 139 288 192 288C245 288 288 245 288 192zM544 448C544 395 501 352 448 352C395 352 352 395 352 448C352 501 395 544 448 544C501 544 544 501 544 448zM534.6 150.6C547.1 138.1 547.1 117.8 534.6 105.3C522.1 92.8 501.8 92.8 489.3 105.3L105.3 489.3C92.8 501.8 92.8 522.1 105.3 534.6C117.8 547.1 138.1 547.1 150.6 534.6L534.6 150.6z"/></svg>');
	color: var(--brand);
}
.menu .has-children > a:after,
.mobile-nav .has-children > a:after {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z"/></svg>');
	margin-left: auto;
	transition: transform 0.2s linear;
}
.menu .has-children:hover > a:after,
.mobile-nav .has-children.open > a:after {
	transform: rotate(-180deg);
}
.menu a:focus-visible,
.mobile-nav a:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: -3px;
}
.submenu {
	position: absolute;
	background: var(--dark);
	border: 1px solid #888888;
	pointer-events: none;
	min-width: 250px;
	opacity: 0;
	transition: opacity 0.2s linear;
	display: none;
}
.submenu .submenu {
	position: absolute;
	top: 0;
	left: 100%;
}
.menu li:hover > .submenu {
	opacity: 1;
	pointer-events: auto;
	transition-delay: 0s;
	display: block;
}
.menu > li:first-child > .submenu {
	margin-left: 0;
	column-count: 2;
	column-gap: 0;
}
.submenu > li > a {
	justify-content: flex-start;
	font-size: 1.2rem;
	height: 40px;
	padding: 0 15px;
}
.menu-overlay {
	position: fixed;
	inset: 0;
	background: rgb(0 0 0 / 0.5);
	opacity: 0;
	transition: opacity 0.4s;
	pointer-events: none;
	z-index: -1;
}
.menu:hover ~ .menu-overlay {
	opacity: 1;
	pointer-events: auto;
}
@media only screen and (max-width: 991.98px) {
	.main-menu-block {
		padding: 0 10px;
	}
	.menu > li > a,
	.mobile-nav > li > a {
		font-size: 1.2rem;
		height: 45px;
	}
	.menu > li:first-child > a,
	.mobile-nav > li:first-child > a {
		letter-spacing: unset;
	}
	.menu > li:first-child > .submenu {
		column-count: unset;
		max-height: calc(100vh - var(--header-height) - 30px);
		overflow-x: clip;
		overflow-y: auto;
	}
	.submenu > li > a {
		height: 35px;
	}
}
@media only screen and (max-width: 767.98px) {
	.menu a,
	.mobile-nav a {
		padding: 0 5px;
		gap: 5px;
	}
}
@media only screen and (max-width: 639.98px) {
	.navbar {
		padding: 0;
	}
	.menu {
		display: none;
	}
	.mobile-toggle {
		display: block;
		margin: 5px;
		padding: 7px 10px;
	}
	.mobile-toggle svg {
		fill: var(--brand);
		width: 1.5rem;
		height: 1.5rem;
	}
	.mobile-menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		inset: 0;
		background: var(--dark);
		transform: translateX(-100%);
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		overflow-y: auto;
		z-index: 9999;
		will-change: transform;
	}
	.mobile-menu.open {
		transform: translateX(0);
	}
	.mobile-header {
		background: var(--very-dark);
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
	}
	.mobile-header .header-logo-big {
		display: block;
	}
	.menu a,
	.mobile-nav a {
		border-bottom: 1px solid #888888;
		border-right: none;
	}
	.mobile-nav > li > a {
		justify-content: flex-start;
		padding: 0 10px;
		height: 45px;
	}
	.mobile-nav .has-children > .submenu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
		display: none;
	}
	.mobile-nav .has-children.open > .submenu {
		max-height: max-content;
		position: static;
		opacity: 1;
		pointer-events: auto;
		display: block;
	}
	.mobile-nav .has-children .submenu a {
		padding-left: 25px;
	}
	.mobile-nav .submenu .submenu a {
		padding-left: 40px !important;
	}
	.main-menu .contact-block__item > div {
		color: var(--white);
		white-space: nowrap;
		line-height: 45px;
		padding: 0 10px;
		justify-content: flex-start;
		gap: 10px;
		border-bottom: 1px solid #888888;
		transition: background-color 0.2s linear, color 0.2s linear;
		width: 100%;
	}
	.main-menu .contact-block__item > div:hover {
		background-color: rgb(255 255 255 / 0.1);
		color: var(--white) !important;
	}
	.main-menu .contact-block__item.phone {
		width: 100%;
	}
	.main-menu .contact-block__item.additionals {
		flex-direction: column;
		gap: 0;
	width: 100%;
	}
	.mobile-menu .contact-block {
	align-items: flex-start;
	}
	.mobile-menu .contact-block__item.additionals span {
		display: block;
	}
}