/* Gecko public header component styles. */
/* Account and cart contrast.
   Intentional !important: generated module CSS can override header colors. */
.top-menu-gecko-new .module-login,
.top-menu-gecko-new .module-login *,
.top-menu-gecko-new [class*="module-login"],
.top-menu-gecko-new [class*="module-login"] *,
.top-menu-gecko-new [class*="module-m_cart"],
.top-menu-gecko-new [class*="module-m_cart"] *,
.top-menu-gecko-new .dropdown-toggle,
.top-menu-gecko-new .dropdown-toggle *,
.top-menu-gecko-new #user_info,
.top-menu-gecko-new #user_info *,
.top-menu-gecko-new .fa,
.top-menu-gecko-new .glyphicon,
.top-menu-gecko-new [class^="ion-"],
.top-menu-gecko-new [class*=" ion-"]{
	color: rgba(255,255,255,0.82) !important;
	fill: rgba(255,255,255,0.82) !important;
	opacity: 1 !important;
}
.top-menu-gecko-new .module-login:hover,
.top-menu-gecko-new .module-login:hover *,
.top-menu-gecko-new [class*="module-login"]:hover,
.top-menu-gecko-new [class*="module-login"]:hover *,
.top-menu-gecko-new [class*="module-m_cart"]:hover,
.top-menu-gecko-new [class*="module-m_cart"]:hover *,
.top-menu-gecko-new .dropdown-toggle:hover,
.top-menu-gecko-new .dropdown-toggle:focus,
.top-menu-gecko-new .dropdown-toggle:hover *,
.top-menu-gecko-new .dropdown-toggle:focus *,
.top-menu-gecko-new #user_info:hover,
.top-menu-gecko-new #user_info:focus,
.top-menu-gecko-new #user_info:hover *,
.top-menu-gecko-new #user_info:focus *,
.top-menu-gecko-new a:hover,
.top-menu-gecko-new a:focus,
.top-menu-gecko-new a:hover *,
.top-menu-gecko-new a:focus *{
	color: #fff !important;
	fill: #fff !important;
}
.top-menu-gecko-new .caret,
.top-menu-gecko-new #user_info .caret{
	border-top-color: rgba(255,255,255,0.82) !important;
	border-bottom-color: rgba(255,255,255,0.82) !important;
}
.top-menu-gecko-new .dropdown-toggle:hover .caret,
.top-menu-gecko-new .dropdown-toggle:focus .caret,
.top-menu-gecko-new #user_info:hover .caret,
.top-menu-gecko-new #user_info:focus .caret,
.top-menu-gecko-new a:hover .caret,
.top-menu-gecko-new a:focus .caret{
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.top-menu-gecko-new .module-login .dropdown-menu,
.top-menu-gecko-new [class*="module-login"] .dropdown-menu{
	background: rgba(17,17,17,0.98) !important;
	border: 1px solid rgba(255,255,255,0.12) !important;
	box-shadow: 0 24px 70px rgba(0,0,0,0.32) !important;
}
.top-menu-gecko-new .module-login .dropdown-menu *,
.top-menu-gecko-new [class*="module-login"] .dropdown-menu *{
	color: rgba(255,255,255,0.78) !important;
}
.top-menu-gecko-new .module-login .dropdown-menu a:hover,
.top-menu-gecko-new .module-login .dropdown-menu a:focus,
.top-menu-gecko-new [class*="module-login"] .dropdown-menu a:hover,
.top-menu-gecko-new [class*="module-login"] .dropdown-menu a:focus{
	background: rgba(255,255,255,0.08) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.top-menu-gecko-new .badge,
.top-menu-gecko-new .label,
.top-menu-gecko-new [class*="cart"] .count,
.top-menu-gecko-new [class*="cart"] .number{
	background: #fff !important;
	color: #111 !important;
}

/* Generated account/cart module visibility.
   Intentional !important: module markup includes broad generated selectors. */
.top-menu-gecko-new [class*="module-login"],
.top-menu-gecko-new [class*="module-login"] *,
.top-menu-gecko-new [class*="module-m_cart"],
.top-menu-gecko-new [class*="module-m_cart"] *,
.top-menu-gecko-new #user_info,
.top-menu-gecko-new #user_info *,
.top-menu-gecko-new a,
.top-menu-gecko-new a *,
.top-menu-gecko-new i,
.top-menu-gecko-new svg,
.top-menu-gecko-new path{
	color: #fff !important;
	fill: #fff !important;
	stroke: #fff !important;
	opacity: 1 !important;
}
.top-menu-gecko-new [class*="module-login"] img,
.top-menu-gecko-new [class*="module-m_cart"] img,
.top-menu-gecko-new #user_info img{
	filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
}
.top-menu-gecko-new [class*="module-login"]:hover,
.top-menu-gecko-new [class*="module-login"]:hover *,
.top-menu-gecko-new [class*="module-m_cart"]:hover,
.top-menu-gecko-new [class*="module-m_cart"]:hover *,
.top-menu-gecko-new a:hover,
.top-menu-gecko-new a:focus,
.top-menu-gecko-new a:hover *,
.top-menu-gecko-new a:focus *{
	color: #fff !important;
	fill: #fff !important;
	stroke: #fff !important;
}
.top-menu-gecko-new .caret,
.top-menu-gecko-new #user_info .caret{
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}

.top-menu-gecko-new,
.menu-gecko-new {
	background: rgba(17,17,17,0.92) !important;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
	transition: background-color 160ms ease, box-shadow 160ms ease;
}
.menu-gecko-new {
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}
body.gecko-header-scrolled .top-menu-gecko-new,
body.gecko-header-scrolled .menu-gecko-new {
	background: rgba(17,17,17,0.98) !important;
	box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.menu-gecko-new .navbar-nav > li.dropdown {
	position: relative;
}
.menu-gecko-new .navbar-nav > li.dropdown.open > a,
.menu-gecko-new .navbar-nav > li.dropdown > a:hover,
.menu-gecko-new .navbar-nav > li.dropdown > a:focus {
	background: rgba(255,255,255,0.06) !important;
	border-radius: 8px;
	color: #fff !important;
}
.menu-gecko-new .navbar-nav > li.dropdown.open > a:after,
.menu-gecko-new .navbar-nav > li.dropdown > a:hover:after,
.menu-gecko-new .navbar-nav > li.dropdown > a:focus:after {
	content: "";
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 0;
	height: 3px;
	background: #2f80ff;
	border-radius: 999px;
}
.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown {
	left: 50%;
	top: 100%;
	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;
	transform: translateX(-50%);
	margin-top: 14px;
	padding: 8px 0;
	background: #141414 !important;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 16px;
	box-shadow: 0 20px 48px rgba(0,0,0,0.42);
}
.menu-gecko-new .gecko-nav-dropdown-content,
.menu-gecko-new .gecko-nav-dropdown-content ul {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	color: rgba(255, 255, 255, 0.82) !important;
}
.menu-gecko-new .gecko-nav-dropdown-content * {
	color: rgba(255, 255, 255, 0.86) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}
.menu-gecko-new .gecko-nav-dropdown-content li {
	float: none;
	list-style: none;
	padding: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.82) !important;
}
.menu-gecko-new .gecko-nav-dropdown-content a,
.menu-gecko-new .gecko-nav-dropdown-content a:link,
.menu-gecko-new .gecko-nav-dropdown-content a:visited {
	display: block;
	margin: 0;
	padding: 9px 20px;
	border-radius: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.86) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.25;
	white-space: normal;
	transition: background-color 160ms ease, color 160ms ease;
}

.menu-gecko-new .gecko-nav-dropdown-content a,
.menu-gecko-new .gecko-nav-dropdown-content a:link,
.menu-gecko-new .gecko-nav-dropdown-content a:visited,
.menu-gecko-new .gecko-nav-dropdown-content a:hover,
.menu-gecko-new .gecko-nav-dropdown-content a:focus,
.menu-gecko-new .gecko-nav-dropdown-content a:active {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}
.menu-gecko-new .gecko-nav-dropdown-content li:last-child a {
	margin-bottom: 0;
}
.menu-gecko-new .gecko-nav-dropdown-content li:hover,
.menu-gecko-new .gecko-nav-dropdown-content li:focus-within {
	background: rgba(255,255,255,0.08);
}
.menu-gecko-new .gecko-nav-dropdown-content a:hover,
.menu-gecko-new .gecko-nav-dropdown-content a:focus {
	background: transparent;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

.menu-gecko-new .gecko-header-brand-slot,
.menu-gecko-new .gecko-header-actions-slot {
	position: relative;
	z-index: 2;
}
.menu-gecko-new .gecko-header-nav-slot {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	justify-content: center;
	width: auto !important;
	max-width: calc(100% - 520px) !important;
	transform: translateX(-50%);
}
.menu-gecko-new .gecko-primary-nav,
.menu-gecko-new .module-menu .menu-content,
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	display: flex;
	justify-content: center;
}




/* Vertically center main nav inside the 64px header. */
.menu-gecko-new .gecko-primary-nav,
.menu-gecko-new .module-menu .menu-content,
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	height: 64px !important;
	display: flex !important;
	align-items: center !important;
}
.menu-gecko-new .navbar-nav > li,
.menu-gecko-new .module-menu .menu-content ul li {
	display: flex !important;
	align-items: center !important;
	float: none !important;
}
.menu-gecko-new .navbar-nav {
	float: none !important;
}
.menu-gecko-new .navbar-nav > li > a,
.menu-gecko-new .module-menu .menu-content ul li > a {
	display: inline-flex !important;
	align-items: center !important;
	text-transform: none !important;
}

/* Header nav must remain one line on desktop. */
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}
.menu-gecko-new .navbar-nav > li,
.menu-gecko-new .module-menu .menu-content ul li,
.menu-gecko-new .navbar-nav > li > a,
.menu-gecko-new .module-menu .menu-content ul li > a,
.menu-gecko-new .gecko-header-actions-slot #user_info,
.menu-gecko-new .gecko-header-actions-slot .dropdown-toggle,
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] a,
.menu-gecko-new .gecko-header-actions-slot .gecko-cart-link {
	white-space: nowrap !important;
}
/* Keep account items inline with nav */
.gecko-header-actions-slot .module-login {
	display: inline-flex !important;
	align-items: center;
}

/* True center header geometry: equal side rails, nav in center track. */
.menu-gecko-new .gecko-main-header-row {
	display: grid !important;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 0;
}
.menu-gecko-new .gecko-header-brand-slot {
	order: 1;
}
.menu-gecko-new .gecko-header-nav-slot {
	order: 3;
	justify-self: start;
}
.menu-gecko-new .gecko-header-actions-slot {
	order: 2;
	justify-self: end;
}

@media (max-width: 767px) {
	.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown {
		left: 0;
		width: 100%;
		min-width: 0;
		transform: none;
	}
}


/* Industrial frosted public header. */
.menu-gecko-new {
	position: sticky !important;
	top: 0;
	z-index: 100;
	height: 64px !important;
	min-height: 64px !important;
	padding: 0 !important;
	background: rgba(17,17,17,0.92) !important;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
	box-shadow: none;
}
body.gecko-header-scrolled .menu-gecko-new {
	background: rgba(17,17,17,0.98) !important;
	box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.menu-gecko-new > .container,
.menu-gecko-new .gecko-main-header-row {
	min-height: 64px;
}
.menu-gecko-new .gecko-main-header-row {
	display: flex;
	align-items: center;
}
.menu-gecko-new .gecko-header-brand-slot,
.menu-gecko-new .gecko-header-nav-slot,
.menu-gecko-new .gecko-header-actions-slot {
	display: flex;
	align-items: center;
	min-height: 64px;
}
.menu-gecko-new .gecko-header-actions-slot {
	justify-content: flex-end;
}

.menu-gecko-new .gecko-header-brand-slot,
.menu-gecko-new .gecko-header-actions-slot {
	flex: 0 0 auto;
	width: auto !important;
	max-width: none !important;
}
.menu-gecko-new .gecko-header-nav-slot {
	flex: 1 1 auto;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
}
.menu-gecko-new .gecko-primary-nav {
	width: 100%;
}
.menu-gecko-new .gecko-public-brand {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	line-height: 1;
	text-decoration: none;
}
.menu-gecko-new .gecko-public-brand img {
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
	filter: brightness(0) invert(1);
	opacity: 0.92;
	transition: opacity 160ms ease;
}
.menu-gecko-new .gecko-public-brand:hover img,
.menu-gecko-new .gecko-public-brand:focus img {
	opacity: 1;
}
.menu-gecko-new .gecko-public-brand-name {
	color: #fff;
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
}
.menu-gecko-new .navbar-nav > li,
.menu-gecko-new .module-menu .menu-content ul li {
	position: relative;
	padding: 0 3px !important;
	background: transparent !important;
	text-transform: none !important;
}
.menu-gecko-new .navbar-nav > li > a,
.menu-gecko-new .module-menu .menu-content ul li > a {
	position: relative;
	display: block;
	padding: 7px 13px !important;
	border-radius: 6px;
	background: transparent !important;
	color: rgba(255,255,255,0.65) !important;
	line-height: 1.25;
	transition: background-color 160ms ease, color 160ms ease;
}
.menu-gecko-new .navbar-nav > li > a:hover,
.menu-gecko-new .navbar-nav > li > a:focus,
.menu-gecko-new .module-menu .menu-content ul li > a:hover,
.menu-gecko-new .module-menu .menu-content ul li > a:focus,
.menu-gecko-new .module-menu .menu-content ul li:hover > a {
	background: rgba(255,255,255,0.07) !important;
	color: #fff !important;
}
.menu-gecko-new .navbar-nav > li.active > a:after,
.menu-gecko-new .navbar-nav > li.open > a:after,
.menu-gecko-new .module-menu .menu-content ul li.active > a:after,
.menu-gecko-new .module-menu .menu-content ul li.open > a:after {
	content: "";
	position: absolute;
	left: 13px;
	right: 13px;
	bottom: -9px;
	height: 2px;
	background: #2f80ff;
	border-radius: 999px;
}
.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown,
.menu-gecko-new .dropdown-menu {
	top: calc(100% + 11px) !important;
	background: #1a1a1a !important;
	border: 1px solid rgba(255,255,255,0.1) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 40px rgba(0,0,0,0.4) !important;
}
.menu-gecko-new .gecko-header-actions-slot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	min-height: 64px;
}
.menu-gecko-new .gecko-header-actions-slot .module-margin,
.menu-gecko-new .gecko-header-actions-slot .module-border,
.menu-gecko-new .gecko-header-actions-slot .module-padding,
.menu-gecko-new .gecko-header-actions-slot .module-content,
.menu-gecko-new .gecko-header-actions-slot .module-main {
	margin: 0;
	padding: 0;
}
.menu-gecko-new .gecko-header-actions-slot > .row-elment {
	gap: 0;
}
/* Account dropdown: match main nav item style */
.menu-gecko-new .gecko-header-actions-slot .module-login .dropdown {
	position: relative;
}
.menu-gecko-new .gecko-header-actions-slot .module-login .dropdown-toggle,
.menu-gecko-new .gecko-header-actions-slot #user_info {
	position: relative;
	display: block !important;
	padding: 7px 13px !important;
	border-radius: 6px;
	background: transparent !important;
	color: rgba(255,255,255,0.65) !important;
	font-size: 14px;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 160ms ease, color 160ms ease;
}
/* Hover / focus state */
.menu-gecko-new .gecko-header-actions-slot .module-login .dropdown.open > .dropdown-toggle,
.menu-gecko-new .gecko-header-actions-slot .module-login .dropdown-toggle:hover,
.menu-gecko-new .gecko-header-actions-slot .module-login .dropdown-toggle:focus,
.menu-gecko-new .gecko-header-actions-slot #user_info:hover,
.menu-gecko-new .gecko-header-actions-slot #user_info:focus {
	background: rgba(255,255,255,0.07) !important;
	color: #fff !important;
}
.top-menu-gecko-new .module-login .dropdown-toggle,
.top-menu-gecko-new .module-login #user_info,
.top-menu-gecko-new #user_info {
	position: relative;
	display: block !important;
	padding: 7px 13px !important;
	border-radius: 6px;
	background: transparent !important;
	color: rgba(255,255,255,0.65) !important;
	font-size: 14px;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}
/* Hover / focus state */
.top-menu-gecko-new .module-login .dropdown-toggle:hover,
.top-menu-gecko-new .module-login #user_info:hover,
.top-menu-gecko-new .module-login .dropdown-toggle:focus,
.top-menu-gecko-new .module-login #user_info:focus,
.top-menu-gecko-new #user_info:hover,
.top-menu-gecko-new #user_info:focus {
	background: rgba(255,255,255,0.07) !important;
	color: #fff !important;
}
/* No underline on account items - matches nav items */
/* Cart icon keeps its own style (icon + count badge) */
.menu-gecko-new .gecko-header-actions-slot [class*="module-login"],
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] a,
.menu-gecko-new .gecko-header-actions-slot .gecko-cart-link {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 6px 8px;
	border-radius: 6px;
	background: transparent;
	color: rgba(255,255,255,0.65);
	font-size: 14px;
	line-height: 1.25;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease;
}
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] a:hover,
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] a:focus,
.menu-gecko-new .gecko-header-actions-slot .gecko-cart-link:hover,
.menu-gecko-new .gecko-header-actions-slot .gecko-cart-link:focus {
	background: rgba(255,255,255,0.07);
	color: #fff;
}

.menu-gecko-new .gecko-cart-link {
	position: relative;
	gap: 4px;
}
.menu-gecko-new .gecko-cart-link .fa {
	font-size: 14px;
	line-height: 1;
}
.menu-gecko-new .gecko-cart-count {
	display: inline-grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 999px;
	background: rgba(255,255,255,0.10);
	color: #fff;
	font-family: var(--font-display);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1;
}
.menu-gecko-new .gecko-cart-link:hover .gecko-cart-count,
.menu-gecko-new .gecko-cart-link:focus .gecko-cart-count {
	background: #fff;
	color: #111;
}

.menu-gecko-new .gecko-header-actions-slot .dropdown-menu {
	top: calc(100% + 11px);
	right: 0;
	left: auto;
	min-width: max-content;
	width: max-content;
	padding: 8px 0;
	background: #1a1a1a;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(0,0,0,0.4);
}
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu a,
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu button {
	display: block;
	width: auto;
	padding: 9px 16px;
	white-space: nowrap;
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.65);
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu a:hover,
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu a:focus,
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu button:hover,
.menu-gecko-new .gecko-header-actions-slot .dropdown-menu button:focus {
	background: rgba(255,255,255,0.07);
	color: #fff;
}
.menu-gecko-new .gecko-header-actions-slot style,
.menu-gecko-new .gecko-header-actions-slot script {
	display: none;
}

.menu-gecko-new .navbar-toggle {
	margin: 16px 0 0;
	padding: 5px 0;
	border: 0;
	background: transparent !important;
}
.menu-gecko-new .navbar-toggle .icon-bar {
	width: 22px;
	height: 2px;
	background: #fff !important;
	border-radius: 0;
}
.menu-gecko-new .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 5px;
}

.menu-gecko-new .gecko-header-brand-slot,
.menu-gecko-new .gecko-header-actions-slot {
	position: relative;
	z-index: 2;
}
.menu-gecko-new .gecko-header-nav-slot {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	justify-content: center;
	width: auto !important;
	max-width: calc(100% - 520px) !important;
	transform: translateX(-50%);
}
.menu-gecko-new .gecko-primary-nav,
.menu-gecko-new .module-menu .menu-content,
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	display: flex;
	justify-content: center;
}




/* Vertically center main nav inside the 64px header. */
.menu-gecko-new .gecko-primary-nav,
.menu-gecko-new .module-menu .menu-content,
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	height: 64px !important;
	display: flex !important;
	align-items: center !important;
}
.menu-gecko-new .navbar-nav > li,
.menu-gecko-new .module-menu .menu-content ul li {
	display: flex !important;
	align-items: center !important;
	float: none !important;
}
.menu-gecko-new .navbar-nav {
	float: none !important;
}
.menu-gecko-new .navbar-nav > li > a,
.menu-gecko-new .module-menu .menu-content ul li > a {
	display: inline-flex !important;
	align-items: center !important;
	text-transform: none !important;
}

/* Header nav must remain one line on desktop. */
.menu-gecko-new .module-menu .menu-content ul,
.menu-gecko-new .navbar-nav {
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}
.menu-gecko-new .navbar-nav > li,
.menu-gecko-new .module-menu .menu-content ul li,
.menu-gecko-new .navbar-nav > li > a,
.menu-gecko-new .module-menu .menu-content ul li > a,
.menu-gecko-new .gecko-header-actions-slot #user_info,
.menu-gecko-new .gecko-header-actions-slot .dropdown-toggle,
.menu-gecko-new .gecko-header-actions-slot [class*="module-m_cart"] a {
	white-space: nowrap !important;
}

/* True center header geometry: equal side rails, nav in center track. */
.menu-gecko-new .gecko-main-header-row {
	display: grid !important;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 0;
}
.menu-gecko-new .gecko-header-brand-slot {
	order: 1;
}
.menu-gecko-new .gecko-header-nav-slot {
	order: 3;
	justify-self: start;
}
.menu-gecko-new .gecko-header-actions-slot {
	order: 2;
	justify-self: end;
}

@media (max-width: 767px) {
	.menu-gecko-new {
		height: 64px !important;
		overflow: visible;
	}
	.menu-gecko-new > .container,
	.menu-gecko-new .gecko-main-header-row {
		height: 64px !important;
	}

	.menu-gecko-new .gecko-main-header-row {
		display: flex !important;
	}
	.menu-gecko-new .gecko-header-brand-slot,
	.menu-gecko-new .gecko-header-nav-slot,
	.menu-gecko-new .gecko-header-actions-slot {
		grid-column: auto;
	}

	.menu-gecko-new .gecko-main-header-row {
		align-items: center;
		flex-wrap: wrap;
	}
	.menu-gecko-new .gecko-header-brand-slot,
	.menu-gecko-new .gecko-header-actions-slot {
		height: 64px;
	}
	.menu-gecko-new .gecko-header-nav-slot {
		order: 3;
		display: block;
		width: 100%;
		height: auto;
	}

	.menu-gecko-new .gecko-header-nav-slot {
		position: static;
		transform: none;
		max-width: none !important;
	}

	.menu-gecko-new .navbar-collapse {
		position: absolute;
		left: 0;
		right: 0;
		top: 64px;
		width: 100%;
		margin: 0 !important;
		background: #111 !important;
		border-top: 1px solid rgba(255,255,255,0.08) !important;
		border-bottom: 1px solid rgba(255,255,255,0.08) !important;
		box-shadow: 0 18px 30px rgba(0,0,0,0.28);
	}
	.menu-gecko-new .navbar-nav,
	.menu-gecko-new .module-menu .menu-content ul {
		float: none !important;
		margin: 0;
		padding: 10px 14px !important;
		width: 100%;
	}
	.menu-gecko-new .navbar-nav > li,
	.menu-gecko-new .module-menu .menu-content ul li {
		float: none !important;
		padding: 2px 0 !important;
	}
	.menu-gecko-new .navbar-nav > li > a,
	.menu-gecko-new .module-menu .menu-content ul li > a {
		padding: 10px 13px !important;
	}
	.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown,
	.menu-gecko-new .dropdown-menu {
		position: static;
		width: 100% !important;
		min-width: 0 !important;
		margin-top: 6px;
		transform: none;
	}
	.menu-gecko-new .gecko-header-actions-slot {
		min-height: 64px;
		gap: 10px;
	}
}

/* Header dropdown containment fix: desktop nav flex rules must not leak into generated submenu HTML. */
@media (min-width: 768px) {
	.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown {
		left: 50% !important;
		right: auto !important;
		top: calc(100% + 10px) !important;
		width: 240px !important;
		min-width: 240px !important;
		max-width: calc(100vw - 32px) !important;
		padding: 8px 0 !important;
		overflow: hidden !important;
		transform: translateX(-50%) !important;
	}

	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown > li,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .menu-content.gecko-nav-dropdown-content,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-elment,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .container,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-content,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .col-elment,
	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu,
	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu > li,
	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu > li > .text-editline,
	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu > li > .text-editline > a {
		display: block !important;
		float: none !important;
		height: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		white-space: normal !important;
	}

	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-elment,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-content,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .col-elment {
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-elment,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .container,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .row-content,
	.menu-gecko-new .module-menu ul.dropdown-menu.gecko-nav-dropdown .col-elment,
	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu {
		width: 100% !important;
	}

	.menu-gecko-new .module-menu .menu-content.gecko-nav-dropdown-content ul.list-menu > li > .text-editline > a {
		padding: 10px 18px !important;
		line-height: 1.3 !important;
		text-align: left !important;
		text-transform: none !important;
	}
}

/* Header dropdown proximity: no parent focus border, submenu sits tight under parent. */
@media (min-width: 768px) {
	.menu-gecko-new .navbar-nav > li.dropdown.open > a,
	.menu-gecko-new .navbar-nav > li.dropdown > a:focus,
	.menu-gecko-new .navbar-nav > li.dropdown > a:focus-visible {
		outline: 0 !important;
		box-shadow: none !important;
	}

	.menu-gecko-new .navbar-nav > li.dropdown > .gecko-nav-dropdown {
		top: calc(100% + 2px) !important;
		margin-top: 0 !important;
	}
}

/* Remove min-height from nav links */
.menu-gecko-new .navbar-nav > li > a {
