#header {
	padding-block: min(41px, 2.8472vw) min(67px, 4.6528vw);
	position: relative;
	overflow: hidden;
	margin-bottom: min(27px, 1.875vw);
	z-index: 999;
	position: sticky;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
}

#header .logo-bg {
	position: absolute;
	left: -2.6%;
	bottom: 0;
	width: min(466px, 32.3611vw);
}

#header .header-inner {
	padding-inline: min(35px, 2.4306vw);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

#header .logo {
	color: #fff;
	font-family: ronde-b, sans-serif;
	display: grid;
	width: fit-content;
	align-items: center;
	column-gap: min(15px, 1.0417vw);
	padding-left: min(17px, 1.1806vw);
}

#header .logo .sm {
	font-size: min(24px, 1.6667vw);
	letter-spacing: max(-1.3px, -0.0903vw);
	padding-left: min(6px, 0.4167vw);
	margin-bottom: max(-17px, -1.1806vw);
}

#header .logo .lg {
	font-size: min(43px, 2.9861vw);
	letter-spacing: max(-2.2px, -0.1528vw);
}

#header .logo img {
	grid-row: 1 / span 2;
	grid-column: 2;
	max-width: min(127px, 8.8194vw);
	margin-top: max(-3px, -0.2083vw);
}

#header .btns {
	display: flex;
	align-items: center;
	column-gap: min(31px, 2.1528vw);
	padding-bottom: min(17px, 1.1806vw);
}

#header .btns .btn-contact {
	display: block;
	border-radius: 999px;
	background-color: #2b3b77;
	color: #fff;
	font-family: "Lexend Deca", sans-serif;
	font-size: min(20px, 1.3889vw);
	display: flex;
	align-items: center;
	column-gap: min(6px, 0.4167vw);
	font-weight: 600;
	padding-inline: min(23px, 1.5972vw) min(17px, 1.1806vw);
	line-height: 1.4;
	padding-block: min(9px, 0.625vw);
	letter-spacing: min(1px, 0.0694vw);
}

#header .btns .btn-contact::after {
	content: "";
	width: min(42px, 2.9167vw);
	height: min(19px, 1.3194vw);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.857%22%20height%3D%2218.922%22%20viewBox%3D%220%200%2041.857%2018.922%22%3E%3Cpath%20d%3D%22M41.051%205.348c-2.3-.229-3.286%201.483-8.892%201.248-.683-.029-1.505-.242-2.019.174a1.062%201.062%200%200%200%20.227%201.814%2025.3%2025.3%200%200%200%204.93.3c-.465.725-12.588%2010.062-14.154%206.223-1.1-2.691.909-6.607%201.724-8.876C24.279%202.3%2023.162-.11%2018.872%200%2014.528.82%209.975%204.436%207.091%207.279c-1.016%201-9.263%2010.074-6.545%2011.57a1.8%201.8%200%200%200%201.946-.53c.562-.84-.233-.756.276-1.724a39.7%2039.7%200%200%201%206.409-8.236%2036.3%2036.3%200%200%201%205.556-4.205c.959-.573%206.841-3.743%206.419-.3-.2%201.617-1.77%204.19-2.384%207.359-.58%203-.015%206.157%202.389%206.9%204.665%201.439%2010.994-4.213%2013.512-5.713a17%2017%200%200%200-.617%202.323c-.04.9.483%201.489%201.419%201.266%201.164-.278.433-1.375%202.073-3.827A32%2032%200%200%201%2039.975%208.7c.4-.414%201.381-1.218%201.564-1.468.693-.942.12-1.456-.489-1.881%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}

#header .hamburger {
	display: block;
	border-radius: 999px;
	border: 1px solid #707070;
	background-color: #fff;
	width: min(72px, 5vw);
	aspect-ratio: 1 / 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: min(4px, 0.2778vw);
	cursor: pointer;
}

#header .hamburger span {
	display: block;
	width: 100%;
	max-width: min(36px, 2.5vw);
	height: min(3px, 0.2083vw);
	background: #242424;
	border-radius: 99px;
	transition: 0.3s;
}

#header .hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(min(6px, 0.4167vw), min(6px, 0.4167vw));
}

#header .hamburger.active span:nth-child(2) {
	opacity: 0;
}

#header .hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(min(4px, 0.2778vw), max(-4px, -0.2778vw));
}

/* Overlay */
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #f0eadf;
	transform: translateY(-20%);
	transition: all 0.3s ease;
	z-index: 888;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	padding-top: min(165px, 11.4583vw);
	display: flex;
	flex-direction: column;
}

.menu-overlay.active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.menu-overlay .sc-pickup {
	flex: 1;
}

.menu-overlay .footer-menu {
	color: #717171;
	padding-block: min(14px, 0.9722vw) min(12px, 0.8333vw);
}

.menu-overlay .footer-menu .footer-menu-inner {
	display: flex;
	justify-content: space-between;
	padding-inline: min(24px, 1.6667vw);
	max-width: 1570px;
	margin-inline: auto;
}

.menu-overlay .footer-menu .links {
	display: flex;
	column-gap: min(16px, 1.1111vw);
	font-size: min(16px, 1.1111vw);
}

.menu-overlay .footer-menu .copyright {
	font-family: "Lexend Deca", sans-serif;
	font-size: min(16px, 1.1111vw);
}

@media print, screen and (max-width: 649px) {
	#header .hamburger {
		width: min(54px, 12.5581vw);
		gap: min(3px, 0.6977vw);
	}

	#header .hamburger span {
		max-width: min(27px, 6.2791vw);
		height: 2px;
	}

	#header .hamburger.active span:nth-child(1) {
		transform: rotate(45deg) translate(min(4px, 0.9302vw), min(4px, 0.9302vw));
	}

	#header .hamburger.active span:nth-child(3) {
		transform: rotate(-45deg) translate(min(3px, 0.6977vw), max(-3px, -0.6977vw));
	}

	#header .btns {
		column-gap: min(16px, 3.7209vw);
		padding-bottom: 0;
		position: relative;
		top: max(-8px, -1.8605vw);
	}

	#header .btns .btn-contact {
		font-size: min(11px, 2.5581vw);
		column-gap: min(4px, 0.9302vw);
		padding-inline: min(16px, 3.7209vw) min(10px, 2.3256vw);
		padding-block: min(6px, 1.3953vw);
		letter-spacing: 0.5px;
		opacity: 1;
		visibility: visible;
	}

	#header .btns .btn-contact::after {
		width: min(24px, 5.5814vw);
		height: min(11px, 2.5581vw);
	}

	#header:has(.hamburger.active) .btn-contact {
		opacity: 0;
		visibility: hidden;
	}

	#header .logo-bg {
		left: -9%;
		width: min(243px, 56.5116vw);
	}

	#header .logo {
		column-gap: min(9px, 2.093vw);
		padding-left: min(11px, 2.5581vw);
	}

	#header .logo .sm {
		font-size: min(11px, 2.5581vw);
		letter-spacing: max(-0.5px, -0.1163vw);
		padding-left: min(3px, 0.6977vw);
		margin-bottom: max(-7px, -1.6279vw);
	}

	#header .logo .lg {
		font-size: min(20px, 4.6512vw);
		letter-spacing: max(-1px, -0.2326vw);
	}

	#header .logo img {
		max-width: min(61px, 14.186vw);
		margin-top: max(-1px, -0.2326vw);
	}

	#header .header-inner {
		padding-inline: min(10px, 2.3256vw);
	}

	#header {
		padding-block: min(24px, 5.5814vw) min(37px, 8.6047vw);
		/* margin-bottom: min(64px, 14.8837vw); */
		margin-bottom: min(17px, 3.9535vw);
	}

	/* Overlay */
	.menu-overlay {
		padding-top: min(99px, 23.0233vw);
	}
	.menu-overlay .btns {
		flex: 1;
	}

	.menu-overlay .footer-menu {
		padding-block: min(11px, 2.5581vw);
	}

	.menu-overlay .footer-menu .footer-menu-inner {
		flex-direction: column;
		align-items: center;
		padding-inline: min(10px, 2.3256vw);
		row-gap: 1px;
	}

	.menu-overlay .footer-menu .links {
		flex-wrap: wrap;
		column-gap: min(14px, 3.2558vw);
		font-size: min(14px, 3.2558vw);
	}

	.menu-overlay .footer-menu .copyright {
		font-size: min(14px, 3.2558vw);
	}

	.menu-overlay .btns {
		padding-block: min(50px, 11.6279vw);
	}

	.menu-overlay .btns .btn-contact {
		display: block;
		border-radius: 999px;
		background-color: #2b3b77;
		color: #fff;
		font-family: "Lexend Deca", sans-serif;
		font-size: min(25px, 5.814vw);
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: min(18px, 4.186vw);
		font-weight: 600;
		padding-inline: min(30px, 6.9767vw);
		padding-block: min(10px, 2.3256vw);
		letter-spacing: min(1.2px, 0.2791vw);
		margin-inline: auto;
		max-width: 342px;
	}

	.menu-overlay .btns .btn-contact::after {
		content: "";
		width: min(56px, 13.0233vw);
		height: min(25px, 5.814vw);
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.857%22%20height%3D%2218.922%22%20viewBox%3D%220%200%2041.857%2018.922%22%3E%3Cpath%20d%3D%22M41.051%205.348c-2.3-.229-3.286%201.483-8.892%201.248-.683-.029-1.505-.242-2.019.174a1.062%201.062%200%200%200%20.227%201.814%2025.3%2025.3%200%200%200%204.93.3c-.465.725-12.588%2010.062-14.154%206.223-1.1-2.691.909-6.607%201.724-8.876C24.279%202.3%2023.162-.11%2018.872%200%2014.528.82%209.975%204.436%207.091%207.279c-1.016%201-9.263%2010.074-6.545%2011.57a1.8%201.8%200%200%200%201.946-.53c.562-.84-.233-.756.276-1.724a39.7%2039.7%200%200%201%206.409-8.236%2036.3%2036.3%200%200%201%205.556-4.205c.959-.573%206.841-3.743%206.419-.3-.2%201.617-1.77%204.19-2.384%207.359-.58%203-.015%206.157%202.389%206.9%204.665%201.439%2010.994-4.213%2013.512-5.713a17%2017%200%200%200-.617%202.323c-.04.9.483%201.489%201.419%201.266%201.164-.278.433-1.375%202.073-3.827A32%2032%200%200%201%2039.975%208.7c.4-.414%201.381-1.218%201.564-1.468.693-.942.12-1.456-.489-1.881%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
}