.site-header {
	--vk-header-height: clamp(70px, 2vw + 66px, 95px);
	--vk-header-padding-left: clamp(30px, 5vw + 10px, 100px);
	--vk-header-start-gap: clamp(16px, 2vw + 8px, 40px);
	--vk-header-menu-gap: clamp(8px, 0.75vw + 4px, 20px);
	--vk-header-actions-gap: clamp(2px, 0.1vw + 1px, 2px);
	--vk-header-menu-font-size: clamp(12px, 0.55vw + 8px, 19px);
	--vk-header-menu-line-height: clamp(16px, 0.65vw + 12px, 25px);
	--vk-header-button-font-size: clamp(12px, 0.5vw + 10px, 19px);
	--vk-header-button-line-height: clamp(16px, 0.6vw + 12px, 25px);
	--vk-header-cta-padding-x: clamp(15px, 2vw + 8px, 36px);
	--vk-header-brand-gap: clamp(10px, 1vw + 6px, 16px);
	--vk-header-logo-height: clamp(36px, 3vw + 24px, 52px);
	--vk-header-link-underline-height: clamp(1px, 0.05vw + 0.5px, 1px);
	--vk-header-lang-separator-margin: clamp(4px, 0.5vw + 2px, 6px);
	--vk-header-burger-size: clamp(20px, 1.5vw + 22px, 25px);
	--vk-header-burger-gap: clamp(4px, 0.5vw + 2px, 6px);
	--vk-header-burger-line-height: clamp(1px, 0.15vw + 1px, 2px);
	--vk-header-end-gap: clamp(12px, 2vw, 24px);
	--vk-header-overlay-padding: clamp(30px, 5vw + 10px, 100px);
	--vk-header-overlay-max-width: clamp(280px, 40vw, 480px);
	--vk-header-overlay-menu-gap: clamp(20px, 3vw + 12px, 36px);
	--vk-header-overlay-font-size: clamp(16px, 0.5vw + 14px, 19px);
	--vk-header-overlay-line-height: clamp(20px, 0.6vw + 17px, 25px);
	--vk-header-overlay-lang-margin-top: clamp(24px, 4vw + 12px, 48px);
	--vk-header-overlay-lang-padding-y: clamp(8px, 1vw + 4px, 12px);
	--vk-header-overlay-lang-padding-x: clamp(14px, 2vw + 8px, 20px);
	--vk-header-close-size: clamp(28px, 2vw + 20px, 40px);
	--vk-header-close-line-width: clamp(20px, 1.5vw + 16px, 28px);
	--vk-header-close-offset: clamp(20px, 3vw + 10px, 40px);
	--vk-header-close-line-height: clamp(1px, 0.15vw + 1px, 2px);

	height: var(--vk-header-height);
	background-color: #695757;
	color: var(--wp--preset--color--white);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 200;
}

.site-header__inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: 100%;
	padding: 0 0 0 var(--vk-header-padding-left);
}

.site-header__start {
	display: flex;
	align-items: center;
	gap: var(--vk-header-start-gap);
	min-width: 0;
	flex: 1 1 auto;
}

.site-header__brand {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-header-brand-gap);
	color: inherit;
	text-decoration: none;
	flex-shrink: 0;
}

.site-header__brand--fallback {
	font-family: var(--wp--preset--font-family--din-light);
	font-size: var(--vk-header-menu-font-size);
	line-height: var(--vk-header-menu-line-height);
	text-transform: uppercase;
}

.site-header__logo {
	display: block;
	height: var(--vk-header-logo-height);
	width: auto;
}

.site-header__nav {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

.site-header__menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: var(--vk-header-menu-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-header__menu > li {
	flex-shrink: 1;
	min-width: 0;
}

.site-header__menu a {
	position: relative;
	display: inline-block;
	font-family: var(--wp--preset--font-family--din-light);
	font-size: var(--vk-header-menu-font-size);
	line-height: var(--vk-header-menu-line-height);
	text-transform: uppercase;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	white-space: nowrap;
}

.site-header__menu a::after,
.site-header__overlay-menu a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: var(--vk-header-link-underline-height);
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.3s ease;
}

@media (min-width: 1901px) {
	.site-header__menu a::after {
		content: none;
	}
}

.site-header__menu-indicator {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	height: clamp(5px, 0.4vw + 3px, 7px);
	width: 0;
	background-color: #e1d5d5;
	opacity: 0;
	transition: left 0.3s ease, width 0.3s ease, opacity 0.3s ease;
	pointer-events: none;
}

.site-header__menu-indicator.is-visible {
	opacity: 1;
}

.site-header__menu-indicator.is-instant {
	transition: none;
}

@media (max-width: 1900px) {
	.site-header__menu-indicator {
		display: none;
	}
}

.site-header__menu a:hover::after,
.site-header__menu a:focus-visible::after,
.site-header__overlay-menu a:hover::after,
.site-header__overlay-menu a:focus-visible::after {
	transform: scaleX(1);
}

.site-header__end {
	display: flex;
	align-items: stretch;
	gap: var(--vk-header-end-gap);
	margin-left: auto;
	flex-shrink: 0;
}

.site-header__actions {
	display: flex;
	align-items: stretch;
	gap: var(--vk-header-actions-gap);
	height: 100%;
	flex-shrink: 0;
}

.site-header__cta,
.site-header__lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-family: var(--wp--preset--font-family--din-light);
	font-size: var(--vk-header-button-font-size);
	line-height: var(--vk-header-button-line-height);
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 var(--vk-header-cta-padding-x);
	white-space: nowrap;
}

.site-header__cta--primary,
.site-header__lang {
	background-color: #e1d5d5;
	color: #695757;
}

.site-header__cta--red {
	background-color: #cd0000;
	color: var(--wp--preset--color--white);
	text-align: center;
	white-space: normal;
}

.site-header__lang {
	gap: 0;
}

.site-header__lang--mobile {
	display: none;
}

.site-header__lang-item {
	color: inherit;
	text-decoration: none;
}

.site-header__lang-separator {
	margin: 0 var(--vk-header-lang-separator-margin);
}

.site-header__burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	gap: var(--vk-header-burger-gap);
	width: var(--vk-header-burger-size);
	height: var(--vk-header-burger-size);
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
}

.site-header__burger-line {
	display: block;
	width: 100%;
	height: var(--vk-header-burger-line-height);
	background-color: var(--wp--preset--color--white);
}

.site-header__overlay {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: color-mix(in srgb, #695757 92%, transparent);
	padding: var(--vk-header-overlay-padding);
}

.site-header__overlay[hidden] {
	display: none;
}

.site-header__overlay-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: var(--vk-header-overlay-max-width);
}

.site-header__overlay-nav {
	width: 100%;
}

.site-header__overlay-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--vk-header-overlay-menu-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-header__overlay-menu a {
	position: relative;
	display: inline-block;
	font-family: var(--wp--preset--font-family--din-light);
	font-size: var(--vk-header-overlay-font-size);
	line-height: var(--vk-header-overlay-line-height);
	text-transform: uppercase;
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.site-header__overlay .site-header__lang--mobile {
	display: inline-flex;
	margin-top: var(--vk-header-overlay-lang-margin-top);
	height: auto;
	padding: var(--vk-header-overlay-lang-padding-y) var(--vk-header-overlay-lang-padding-x);
	border: clamp(1px, 1px, 1px) solid currentColor;
	background-color: transparent;
	color: var(--wp--preset--color--white);
	font-size: var(--vk-header-overlay-font-size);
	line-height: var(--vk-header-overlay-line-height);
	text-transform: uppercase;
}

.site-header__overlay .site-header__lang--mobile .site-header__lang-item {
	color: var(--wp--preset--color--white);
}

.site-header__overlay .site-header__lang--mobile a.site-header__lang-item {
	position: relative;
	display: inline-block;
}

.site-header__close {
	position: absolute;
	top: var(--vk-header-close-offset);
	right: var(--vk-header-close-offset);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--vk-header-close-size);
	height: var(--vk-header-close-size);
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.site-header__close-line {
	position: absolute;
	width: var(--vk-header-close-line-width);
	height: var(--vk-header-close-line-height);
	background-color: var(--wp--preset--color--white);
}

.site-header__close-line--first {
	transform: rotate(45deg);
}

.site-header__close-line--second {
	transform: rotate(-45deg);
}

.site-header.is-menu-open {
	overflow: hidden;
}

.site-header.is-menu-open .site-header__overlay {
	display: flex;
}

@media (max-width: 1900px) {
	.site-header {
		--vk-header-padding-left: clamp(15px, 15px, 15px);
	}

	.site-header__nav {
		display: none;
	}

	.site-header__burger {
		display: inline-flex;
	}
}

@media (min-width: 768px) {
	.site-header__overlay .site-header__lang--mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.site-header__logo {
		max-width: clamp(180px, 180px, 180px);
		width: auto;
		height: var(--vk-header-logo-height);
	}
}

@media (max-width: 767px) {
	.site-header__actions .site-header__lang--desktop {
		display: none;
	}

	.site-header__cta {
		font-family: var(--wp--preset--font-family--din-medium);
	}
}

@media (max-width: 500px) {
	.site-header {
		--vk-header-button-font-size: clamp(10px, 10px, 10px);
		--vk-header-cta-padding-x: clamp(10px, 10px, 10px);
	}

	.site-header__logo {
		max-width: clamp(150px, 150px, 150px);
	}
}