/* The shared header is stored as a template part in the WordPress editor. */
.wp-site-blocks > header.wp-block-template-part:has(#mega-menu-wrap-max_mega_menu_1) {
	--asny-header-accent: #b71920;
	--asny-header-ink: #201d1d;
	--asny-header-line: #eae3e1;
	--asny-header-tint: #fff1ef;
	background: #fff;
	border-bottom: 1px solid var(--asny-header-line);
}

.wp-site-blocks > header.wp-block-template-part > .wp-block-group:has(#mega-menu-wrap-max_mega_menu_1) {
	margin-top: 0 !important;
}

header.wp-block-template-part .wp-block-columns:has(#mega-menu-wrap-max_mega_menu_1) {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(12px, 3vw, 40px);
	min-height: 76px;
	margin-block: 0;
	padding-block: 8px;
}

header.wp-block-template-part .wp-block-columns:has(#mega-menu-wrap-max_mega_menu_1) > .wp-block-column {
	margin: 0;
}

header.wp-block-template-part:has(#mega-menu-wrap-max_mega_menu_1) .wp-block-site-logo {
	float: none;
	margin: 0;
}

header.wp-block-template-part:has(#mega-menu-wrap-max_mega_menu_1) .custom-logo-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

header.wp-block-template-part:has(#mega-menu-wrap-max_mega_menu_1) .custom-logo-link img {
	width: clamp(128px, 16vw, 164px);
	height: auto;
}

header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated,
header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--asny-header-line);
	border-radius: 10px;
	background: #fff;
	color: var(--asny-header-ink);
}

header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox .gspb-buttonbox-icon {
	margin: 0;
}

header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox .gspb-buttonbox-icon svg {
	display: block;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
}

header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox .gspb-buttonbox-icon :is(svg, path) {
	fill: currentColor !important;
}

header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox:hover,
header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated:hover {
	background: var(--asny-header-tint);
	color: var(--asny-header-accent);
}

header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after {
	background-color: currentColor;
}

header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link[href$="/novyi-god/"] {
	color: var(--asny-header-accent);
	font-weight: 700;
}

header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .dgwt-wcas-search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	border-radius: 8px;
}

header.wp-block-template-part:has(#mega-menu-wrap-max_mega_menu_1) :is(a, button):focus-visible {
	outline: 2px solid var(--asny-header-accent);
	outline-offset: 2px;
}

@media (min-width: 769px) {
	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: clamp(4px, 1vw, 14px);
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
		height: auto;
		padding: 10px clamp(8px, 1vw, 14px);
		border-radius: 8px;
		line-height: 24px;
		white-space: nowrap;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-asny-catalog-menu > a.mega-menu-link {
		background: var(--asny-header-tint);
		color: var(--asny-header-accent);
		font-weight: 700;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-asny-catalog-menu > .mega-sub-menu {
		width: max-content;
		min-width: 248px;
		padding: 6px;
		border: 1px solid var(--asny-header-line);
		border-radius: 10px;
		background: #fff;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-asny-catalog-menu > .mega-sub-menu > li > a.mega-menu-link {
		padding: 9px 12px;
		border-radius: 6px;
		background: #fff;
		color: var(--asny-header-ink);
		font-size: 14px;
		line-height: 22px;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-asny-catalog-menu > .mega-sub-menu > li > a.mega-menu-link:hover {
		background: var(--asny-header-tint);
	}
}

@media (max-width: 768px) {
	header.wp-block-template-part .wp-block-columns:has(#mega-menu-wrap-max_mega_menu_1) {
		grid-template-columns: minmax(0, 1fr) auto auto;
		gap: 8px;
		min-height: 64px;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
		background: transparent;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block .mega-toggle-animated {
		transform: none;
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 .mega-toggle-animated-box {
		transform: scale(.58);
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
		margin-top: 13px;
		max-height: calc(100dvh - 65px);
		overflow-y: auto;
		background: #fff;
		border-bottom: 1px solid var(--asny-header-line);
	}

	header.wp-block-template-part #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
		min-height: 44px;
	}
}

@media (min-width: 960px) {
	header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox[aria-label] {
		width: auto;
		gap: 8px;
		padding-inline: 12px;
		font-size: 14px;
		font-weight: 600;
		white-space: nowrap;
	}

	header.wp-block-template-part #gspb_button-id-gsbp-15302bb > a.gspb-buttonbox::after {
		content: attr(aria-label);
	}
}