/*
 * Mobile menu — Impreza header menu in its mobile layout (.w-nav.type_mobile).
 * Every rule is scoped to .type_mobile, so the desktop menu is not affected.
 */

/* Panel: full width, fills the screen under the header, scrolls inside. */
.l-header .w-nav.type_mobile > .w-nav-list.level_1 {
	position: fixed !important;
	top: var(--bdn-mm-top, 110px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	min-height: calc(100vh - var(--bdn-mm-top, 110px));
	min-height: calc(100dvh - var(--bdn-mm-top, 110px));
	max-height: calc(100vh - var(--bdn-mm-top, 110px));
	max-height: calc(100dvh - var(--bdn-mm-top, 110px));
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 4px 0 32px !important;
	background: #fff;
	border-top: 1px solid var(--color-content-border, #E1DBCF);
	box-shadow: none;
}

/* Level 1 rows */
.l-header .w-nav.type_mobile .w-nav-item.level_1 {
	position: relative;
	margin: 0 20px;
	border-bottom: 1px solid #EFEBE4;
}
.l-header .w-nav.type_mobile .w-nav-item.level_1:last-child {
	border-bottom: 0;
}
.l-header .w-nav.type_mobile .w-nav-anchor.level_1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-content-link, #1a1a1a);
}
.l-header .w-nav.type_mobile .w-nav-anchor.level_1 .w-nav-title {
	flex: 1 1 auto;
}
.l-header .w-nav.type_mobile .w-nav-anchor.level_1 .w-nav-arrow {
	flex: 0 0 auto;
	margin-left: 12px;
	color: #8A8378;
	transition: transform 0.2s ease;
}
.l-header .w-nav.type_mobile .w-nav-item.level_1.opened > .w-nav-anchor .w-nav-arrow {
	transform: rotate(180deg);
}
.l-header .w-nav.type_mobile .w-nav-item.level_1.opened > .w-nav-anchor,
.l-header .w-nav.type_mobile .w-nav-item.level_1.current-menu-item > .w-nav-anchor,
.l-header .w-nav.type_mobile .w-nav-item.level_1.current-menu-ancestor > .w-nav-anchor {
	color: var(--color-alt-content-link, #FF721E);
}
/* The whole row opens the submenu, so the toggle button covers it. */
.l-header .w-nav.type_mobile .w-nav-item.level_1 > .w-nav-item-toggle {
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	height: 56px;
}

/* Submenus (Company and others): simple indented list */
.l-header .w-nav.type_mobile .w-nav-list.level_2 {
	margin: 0 0 12px !important;
	padding: 0 0 0 12px !important;
	background: none;
	box-shadow: none !important;
}
.l-header .w-nav.type_mobile .w-nav-anchor.level_2 {
	display: flex;
	align-items: center;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 15px;
	color: var(--color-header-middle-text, #575757);
}

/* Products submenu: light card with icon rows and its heading on top */
.l-header .w-nav.type_mobile .products-menu ul.level_2 {
	position: relative;
	margin: 0 0 16px !important;
	padding: 44px 8px 8px !important;
	background: var(--color-content-bg-alt, #F5F3F0);
	border-radius: 12px;
}
.l-header .w-nav.type_mobile .products-menu ul.level_2 .submenu-title {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	margin: 0;
	font-size: 11px !important;
	font-weight: 600;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: #8A8378;
}
.l-header .w-nav.type_mobile .products-menu .level_2 .w-nav-item {
	position: relative;
}
.l-header .w-nav.type_mobile .products-menu .level_2 .w-nav-anchor:not(.w-btn) {
	gap: 12px;
	margin: 0 !important;
	padding: 6px 8px !important;
	border-radius: 8px;
	color: var(--color-content-link, #1a1a1a);
}
.l-header .w-nav.type_mobile .products-menu .level_2 .w-nav-anchor:not(.w-btn):active {
	background: #fff;
}
.l-header .w-nav.type_mobile .products-menu ul.level_2 a.level_2:before {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	float: none;
	margin: 0;
	background-position: center;
}
.l-header .w-nav.type_mobile .products-menu .level_2 .w-nav-anchor .w-nav-title {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}
.l-header .w-nav.type_mobile .products-menu .complete-menu > .w-nav-anchor:not(.w-btn) {
	padding-right: 88px !important;
	background: #fff;
	border: 1px solid var(--color-alt-content-link, #FF721E);
	font-weight: 500;
}
.l-header .w-nav.type_mobile .products-menu .complete-menu .best-value {
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	height: auto;
	padding: 3px 6px;
	border-radius: 4px;
	line-height: 1;
	font-size: 10px;
	font-weight: 600;
}