/*
 * Desktop header menu (Impreza .w-nav.type_desktop).
 * Products dropdown: even 4-column grid, aligned icons, quiet section label,
 * "Complete Food Package" as the featured tile, hover states.
 * Top-level hover/current underline: yellow instead of orange.
 * The mobile menu (.type_mobile) is styled separately in includes/mobile-menu/.
 */

/* ── Top level: yellow underline ──────────────────────────────────── */
.l-header .w-nav.type_desktop .w-nav-list.level_1.hover_underline > li > .w-nav-anchor .w-nav-title::after {
	height: 3px !important;
	border-radius: 3px;
	background-color: #FFC400 !important;
}

/* ── Products dropdown panel ─────────────────────────────────────── */
.l-header .w-nav.type_desktop .products-menu > .w-nav-list.level_2 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 4px 8px;
	width: 920px;
	max-width: calc(100vw - 48px);
	padding: 64px 24px 24px !important; /* top: room for the section label */
	border: 1px solid #EFEBE4;
	border-radius: 18px !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Section label ("Importers & Distributors Platforms"), added by the theme's misc.js */
.l-header .w-nav.type_desktop .products-menu .submenu-title {
	position: absolute !important;
	top: 24px !important;
	left: 34px !important;
	right: 34px;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A8378 !important;
}

/* ── Items ────────────────────────────────────────────────────────── */
.l-header .w-nav.type_desktop .products-menu .w-nav-item.level_2 {
	position: relative;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
}
.l-header .w-nav.type_desktop .products-menu a.w-nav-anchor.level_2 {
	display: flex !important;
	align-items: center;
	gap: 12px;
	height: 100%;
	min-height: 56px;
	margin: 0 !important;
	padding: 8px 10px !important;
	border: 1px solid transparent !important;
	border-radius: 12px;
	font-size: 14px !important;
	font-weight: 500;
	line-height: 1.3 !important;
	color: #1a1a1a !important;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}
.l-header .w-nav.type_desktop .products-menu a.w-nav-anchor.level_2:hover,
.l-header .w-nav.type_desktop .products-menu a.w-nav-anchor.level_2:focus-visible {
	background: #F5F3F0 !important;
	outline: none;
}
.l-header .w-nav.type_desktop .products-menu a.w-nav-anchor.level_2 .w-nav-title {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
}
/* Icon: fixed 36px box, centred, no float */
.l-header .w-nav.type_desktop .products-menu ul.level_2 a.level_2::before {
	flex: 0 0 36px;
	float: none !important;
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	background-position: center !important;
	background-size: 32px auto !important;
}
.l-header .w-nav.type_desktop .products-menu .current-menu-item > a.w-nav-anchor.level_2 {
	background: #EEF9F8 !important;
}

/* ── Featured: Complete Food Package (first tile, yellow; 20 tiles = 5 even rows) ── */
.l-header .w-nav.type_desktop .products-menu .complete-menu {
	order: -1;
}
.l-header .w-nav.type_desktop .products-menu .complete-menu > a.w-nav-anchor.level_2 {
	border-color: #FFE38A !important;
	background: #FFF8E1 !important;
	font-weight: 600;
}
.l-header .w-nav.type_desktop .products-menu .complete-menu > a.w-nav-anchor.level_2:hover {
	border-color: #FFC400 !important;
	background: #FFF2C2 !important;
}
/* Pill on the tile's top edge */
.l-header .w-nav.type_desktop .products-menu .complete-menu .best-value {
	top: 0 !important;
	right: 12px !important;
	height: auto !important;
	padding: 4px 8px !important;
	border-radius: 999px;
	background: #FFC400 !important;
	color: #000 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.04em;
	transform: translateY(-50%);
	pointer-events: none;
}