/* =========================================================
   ELECTROBLAU — PREMIUM MEGA MENU v2
   Instant switching: no REST / no Ajax.
========================================================= */

.ebh-header-shell {
	--ebhm-navy: #052e57;
	--ebhm-blue: #0f5f9c;
	--ebhm-cyan: #12b9d9;
	--ebhm-text: #16324b;
	--ebhm-muted: #728292;
	--ebhm-border: #e0e7ed;
	--ebhm-soft: #f5f8fa;
}


/* The menu item with CSS class ebh-mega */
.ebh-header-shell
.ebh-menu >
.ebh-mega {
	position: static !important;
}


/* =========================================================
   PANEL
========================================================= */

.ebh-mega-panel {
	position: absolute;
	top: calc(100% - 1px);
	left: 50%;
	z-index: 1500;
	width:
	min(
		1280px,
		calc(100vw - 48px)
	);
	border:
	1px solid
	rgba(5,46,87,.10);
	border-radius:
	0 0 18px 18px;
	background: #fff;
	box-shadow:
	0 30px 80px
	rgba(5,46,87,.17);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform:
	translate(
		-50%,
		10px
	);
	transition:
	opacity .18s ease,
	transform .18s ease,
	visibility .18s ease;
	overflow: hidden;
}


.ebh-menu >
.ebh-mega:hover >
.ebh-mega-panel,

.ebh-menu >
.ebh-mega:focus-within >
.ebh-mega-panel {
	opacity: 1;

	visibility: visible;

	pointer-events: auto;

	transform:
	translate(
		-50%,
		0
	);
}


/* =========================================================
   3-COLUMN BODY
========================================================= */

.ebh-mega-inner {
	display: grid;

	grid-template-columns:
	245px
	minmax(0,1fr)
	275px;

	min-height: 425px;
}


/* =========================================================
   LEFT — CUSTOMER MANAGED MENU
========================================================= */

.ebh-mega-side {
	display: flex;

	flex-direction: column;

	min-width: 0;

	padding:
	22px 16px 16px;

	border-right:
	1px solid
	var(--ebhm-border);

	background:
	#fbfcfd;
}


.ebh-mega-kicker {
	display: block;

	margin-bottom: 10px;

	color:
	var(--ebhm-muted);

	font-size: 10px;

	line-height: 1.2;

	font-weight: 800;

	letter-spacing: .095em;

	text-transform: uppercase;
}


/* Override normal dropdown CSS */
.ebh-mega-panel
.ebh-mega-list {
	position: static !important;

	inset: auto !important;

	width: 100% !important;
	min-width: 0 !important;

	display: block !important;

	flex: 1 1 auto;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	opacity: 1 !important;

	visibility: visible !important;

	transform: none !important;

	list-style: none;

	overflow-y: auto;

	scrollbar-width: thin;
}


.ebh-mega-panel
.ebh-mega-list >
li {
	margin: 0 !important;
	padding: 0 !important;
}


/* Do not display nested WordPress menu levels.
 * Taxonomy children are generated in the CENTER panel.
 */
.ebh-mega-panel
.ebh-mega-list >
li >
.sub-menu {
	display: none !important;
}


.ebh-mega-panel
.ebh-mega-category {
	position: relative;

	width: 100%;

	min-height: 45px !important;

	display: grid !important;

	grid-template-columns:
	32px
	minmax(0,1fr)
	auto;

	align-items: center;

	gap: 9px;

	padding:
	5px 9px !important;

	border-radius:
	10px !important;

	color:
	var(--ebhm-text) !important;

	font-size:
	12.5px !important;

	line-height: 1.2;

	font-weight:
	650 !important;

	text-decoration: none;

	transition:
	background-color .14s ease,
	color .14s ease;
}


.ebh-mega-panel
.ebh-mega-category:hover,

.ebh-mega-panel
.ebh-mega-category.is-active {
	background:
	#edf5f8 !important;

	color:
	var(--ebhm-navy) !important;
}


.ebh-mega-panel
.ebh-mega-category.is-active::before {
	content: "";

	position: absolute;

	top: 7px;
	bottom: 7px;
	left: -8px;

	width: 3px;

	border-radius:
	0 4px 4px 0;

	background:
	var(--ebhm-cyan);
}


.ebh-mega-category__thumb {
	width:
	30px !important;

	height:
	30px !important;

	margin: 0 !important;

	border:
	1px solid
	#e2e9ee;

	border-radius:
	7px;

	background: #fff;

	object-fit: contain;
}


.ebh-mega-category__label {
	min-width: 0;

	overflow: hidden;

	text-overflow:
	ellipsis;
}


.ebh-mega-category__arrow {
	color:
	#9daab5;

	font-size: 15px;

	transition:
	transform .14s ease,
	color .14s ease;
}


.ebh-mega-category:hover
.ebh-mega-category__arrow,

.ebh-mega-category.is-active
.ebh-mega-category__arrow {
	color:
	var(--ebhm-blue);

	transform:
	translateX(2px);
}


.ebh-mega-all {
	display: flex;

	align-items: center;

	justify-content:
	space-between;

	min-height: 43px;

	margin-top: 12px;

	padding:
	0 13px;

	border-radius: 9px;

	background:
	var(--ebhm-navy);

	color:
	#fff !important;

	font-size: 12px;

	font-weight: 750;

	text-decoration: none;
}


/* =========================================================
   CENTER — SUBCATEGORIES + PRODUCTS
========================================================= */

.ebh-mega-center {
	position: relative;

	min-width: 0;

	padding:
	22px 24px;

	background: #fff;
}


.ebh-mega-content-panel {
	display: none;
}


.ebh-mega-content-panel.is-active {
	display: block;

	animation:
	ebhmPanelIn
	.14s ease;
}


@keyframes ebhmPanelIn {

	from {
		opacity: .65;
		transform:
		translateY(2px);
	}

	to {
		opacity: 1;
		transform:
		translateY(0);
	}

}


.ebh-mega-section-heading {
	display: flex;

	align-items: flex-end;

	justify-content:
	space-between;

	gap: 18px;

	margin-bottom: 13px;
}


.ebh-mega-section-heading
.ebh-mega-kicker {
	margin-bottom: 5px;
}


.ebh-mega-section-heading
h3 {
	margin: 0;

	color:
	var(--ebhm-navy);

	font-size: 20px;

	line-height: 1.15;

	font-weight: 800;

	letter-spacing:
	-.015em;
}


.ebh-mega-section-heading >
a {
	color:
	var(--ebhm-blue);

	font-size: 11.5px;

	font-weight: 750;

	text-decoration: none;

	white-space: nowrap;
}


/* ---------------------------------------------------------
   CHILD CATEGORIES
--------------------------------------------------------- */

.ebh-mega-subcategories {
	padding-bottom: 17px;

	margin-bottom: 17px;

	border-bottom:
	1px solid
	var(--ebhm-border);
}


.ebh-mega-subcategory-grid {
	display: grid;

	grid-template-columns:
	repeat(
		4,
		minmax(0,1fr)
	);

	gap: 8px;
}


.ebh-mega-subcategory {
	min-width: 0;

	min-height: 48px;

	display: grid;

	grid-template-columns:
	32px
	minmax(0,1fr)
	auto;

	align-items: center;

	gap: 8px;

	padding:
	7px 9px;

	border:
	1px solid
	var(--ebhm-border);

	border-radius: 10px;

	background:
	#fbfcfd;

	color:
	var(--ebhm-text);

	font-size: 11.5px;

	line-height: 1.2;

	font-weight: 700;

	text-decoration: none;

	transition:
	border-color .14s ease,
	background-color .14s ease,
	transform .14s ease;
}


.ebh-mega-subcategory:hover {
	transform:
	translateY(-1px);

	border-color:
	#cbd9e2;

	background: #fff;
}


.ebh-mega-subcategory__thumb {
	width:
	30px !important;

	height:
	30px !important;

	margin: 0 !important;

	border-radius: 6px;

	object-fit: contain;

	background: #fff;
}


.ebh-mega-subcategory
span {
	min-width: 0;

	overflow: hidden;

	text-overflow:
	ellipsis;
}


.ebh-mega-subcategory
small {
	color:
	#9caab5;

	font-size: 13px;
}


/* =========================================================
   PRODUCTS
========================================================= */

.ebh-mega-products-area--no-subcats {
	padding-top: 5px;
}


.ebh-mega-product-grid {
	display: grid;

	grid-template-columns:
	repeat(
		4,
		minmax(0,1fr)
	);

	gap: 12px;
}


.ebh-mega-product {
	min-width: 0;

	border:
	1px solid
	var(--ebhm-border);

	border-radius: 12px;

	background: #fff;

	overflow: hidden;

	transition:
	transform .16s ease,
	box-shadow .16s ease,
	border-color .16s ease;
}


.ebh-mega-product:hover {
	transform:
	translateY(-2px);

	border-color:
	#cbd8e1;

	box-shadow:
	0 10px 25px
	rgba(5,46,87,.08);
}


.ebh-mega-product__image {
	position: relative;

	display: block;

	aspect-ratio:
	1 / .78;

	padding: 8px;

	background:
	#fafbfc;
}


.ebh-mega-product__image
img {
	display: block;

	width: 100%;
	height: 100%;

	margin: 0;

	object-fit: contain;
}


.ebh-mega-product__badge {
	position: absolute;

	top: 7px;
	left: 7px;

	z-index: 2;

	padding:
	3px 6px;

	border-radius: 20px;

	background:
	var(--ebhm-cyan);

	color: #fff;

	font-size: 8px;

	line-height: 1.2;

	font-weight: 800;

	text-transform:
	uppercase;
}


.ebh-mega-product__body {
	padding:
	9px 10px 11px;
}


.ebh-mega-product
h4 {
	min-height: 32px;

	margin:
	0 0 5px;

	font-size: 11.5px;

	line-height: 1.35;

	font-weight: 700;
}


.ebh-mega-product
h4 a {
	color:
	var(--ebhm-text);

	text-decoration: none;
}


.ebh-mega-product__price {
	color:
	var(--ebhm-navy);

	font-size: 12.5px;

	line-height: 1.3;

	font-weight: 800;
}


.ebh-mega-product__price
del {
	color:
	#9da9b2;

	font-size: 9.5px;

	font-weight: 500;
}


.ebh-mega-product__price
ins {
	text-decoration: none;
}


.ebh-mega-empty {
	display: grid;

	place-items: center;

	min-height: 180px;

	margin: 0;

	color:
	var(--ebhm-muted);

	font-size: 12.5px;
}


/* =========================================================
   RIGHT — PROMO
========================================================= */

.ebh-mega-promo {
	position: relative;

	min-width: 0;

	margin:
	16px 16px
	16px 0;

	border-radius: 14px;

	background:
	linear-gradient(
		180deg,
		rgba(5,46,87,.05),
		rgba(5,46,87,.68)
	),
	var(
		--ebh-mega-promo-image,
		linear-gradient(
			135deg,
			#0f5f9c,
			#052e57
		)
	);

	background-position:
	center;

	background-size:
	cover;

	overflow: hidden;
}


.ebh-mega-promo__link {
	position: absolute;

	inset: 0;

	display: flex;

	align-items: flex-end;

	padding: 21px;

	color:
	#fff !important;

	text-decoration: none;
}


.ebh-mega-promo__content >
span {
	display: block;

	margin-bottom: 7px;

	color:
	#bdeaf4;

	font-size: 9.5px;

	font-weight: 800;

	letter-spacing: .10em;

	text-transform: uppercase;
}


.ebh-mega-promo__content
h3 {
	margin:
	0 0 8px;

	color: #fff;

	font-size: 22px;

	line-height: 1.08;

	font-weight: 800;
}


.ebh-mega-promo__content
p {
	margin:
	0 0 13px;

	color:
	rgba(255,255,255,.86);

	font-size: 11.5px;

	line-height: 1.48;
}


.ebh-mega-promo__content
strong {
	font-size: 11.5px;

	font-weight: 800;
}

.ebh-mobile-nav-head {
	display: none;
}


/* =========================================================
   BOTTOM QUICK LINKS
========================================================= */

.ebh-mega-quick {
	display: grid;

	grid-template-columns:
	repeat(
		3,
		1fr
	);

	gap: 1px;

	border-top:
	1px solid
	var(--ebhm-border);

	background:
	var(--ebhm-border);
}


.ebh-mega-quick
a {
	display: flex;

	align-items: center;

	justify-content:
	space-between;

	min-height: 47px;

	padding:
	0 18px;

	background:
	#fbfcfd;

	color:
	var(--ebhm-text);

	font-size: 11.5px;

	font-weight: 700;

	text-decoration: none;
}


.ebh-mega-quick
a:hover {
	background: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (
	max-width: 1180px
) {

	.ebh-mega-panel {
		width:
		calc(
			100vw - 32px
		);
	}


	.ebh-mega-inner {
		grid-template-columns:
		225px
		minmax(0,1fr);
	}


	.ebh-mega-promo {
		display: none;
	}


	.ebh-mega-subcategory-grid {
		grid-template-columns:
		repeat(
			3,
			minmax(0,1fr)
		);
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (
	max-width: 860px
) {

	/*
	 * Mobile stays navigation-first.
	 * Center products/banner are intentionally removed.
	 */
	.ebh-menu >
	.ebh-mega >
	.ebh-mega-panel {
		position: static;

		width: 100%;

		border: 0;

		border-radius: 0;

		background:
		transparent;

		box-shadow: none;

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

		transform: none;

		overflow: visible;
	}


	.ebh-mega-inner {
		display: block;

		min-height: 0;
	}


	.ebh-mega-side {
		padding:
		0 0 10px;

		border: 0;

		background:
		transparent;
	}


	.ebh-mega-side >
	.ebh-mega-kicker,

	.ebh-mega-all,

	.ebh-mega-center,

	.ebh-mega-promo,

	.ebh-mega-quick {
		display: none;
	}


	.ebh-mega-panel
	.ebh-mega-category {
		grid-template-columns:
		28px
		1fr
		auto;

		min-height:
		40px !important;

		padding:
		4px 0
		4px 12px !important;

		background:
		transparent !important;
	}


	.ebh-mega-category__thumb {
		width:
		26px !important;

		height:
		26px !important;
	}


	.ebh-mega-panel
	.ebh-mega-category.is-active::before {
		display: none;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (
	prefers-reduced-motion:
	reduce
) {

	.ebh-mega-panel,
	.ebh-mega-content-panel,
	.ebh-mega-product,
	.ebh-mega-subcategory {
		transition: none;
		animation: none;
	}

}


/* =========================================================
   ELECTROBLAU MEGA MENU v2.1 — LAYOUT HARDENING
   Fixes Blocksy/header.css submenu collisions, min-content
   text wrapping and uncontrolled vertical stretching.
========================================================= */

@media (min-width: 861px) {

	/* -----------------------------------------------------
	   PANEL SIZE
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-panel {
		width: min(1440px, calc(100vw - 64px)) !important;
		max-width: 1440px !important;
		max-height: calc(100vh - 132px) !important;
		overflow: hidden !important;
	}


	.ebh-header-shell .ebh-mega-inner {
		display: grid !important;
		grid-template-columns:
		260px
		minmax(0, 1fr)
		290px !important;
		height: clamp(410px, 48vh, 500px) !important;
		min-height: 0 !important;
		max-height: 500px !important;
		align-items: stretch !important;
	}


	.ebh-header-shell .ebh-mega-side,
	.ebh-header-shell .ebh-mega-center,
	.ebh-header-shell .ebh-mega-promo {
		min-width: 0 !important;
		min-height: 0 !important;
	}


	/* -----------------------------------------------------
	   LEFT RAIL
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-side {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		padding: 20px 14px 14px !important;
		overflow: hidden !important;
	}


	.ebh-header-shell .ebh-mega-panel .ebh-mega-list {
		position: static !important;
		inset: auto !important;

		display: block !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		height: auto !important;
		min-height: 0 !important;

		flex: 1 1 auto !important;

		margin: 0 !important;
		padding: 0 4px 0 0 !important;

		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;

		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;

		scrollbar-width: thin;
	}


	.ebh-header-shell .ebh-mega-panel .ebh-mega-list > li {
		display: block !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		float: none !important;
	}


	.ebh-header-shell .ebh-mega-panel .ebh-mega-category {
		position: relative !important;

		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		min-height: 43px !important;
		height: auto !important;

		gap: 9px !important;

		margin: 0 !important;
		padding: 6px 9px !important;

		border: 0 !important;
		border-radius: 9px !important;

		line-height: 1.2 !important;

		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	.ebh-header-shell .ebh-mega-category__thumb {
		flex: 0 0 30px !important;

		width: 30px !important;
		height: 30px !important;
		max-width: 30px !important;

		margin: 0 !important;
	}


	.ebh-header-shell .ebh-mega-category__label {
		display: block !important;

		flex: 1 1 auto !important;

		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;

		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;

		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}


	.ebh-header-shell .ebh-mega-category__arrow {
		flex: 0 0 auto !important;

		width: auto !important;

		margin-left: auto !important;

		white-space: nowrap !important;
	}


	.ebh-header-shell .ebh-mega-all {
		flex: 0 0 auto !important;

		width: 100% !important;
		min-height: 42px !important;

		margin-top: 10px !important;
	}


	/* -----------------------------------------------------
	   CENTER PANEL
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-center {
		height: 100% !important;

		padding: 20px 22px !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;

		scrollbar-width: thin;
	}


	.ebh-header-shell .ebh-mega-content-panel {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}


	.ebh-header-shell .ebh-mega-section-heading {
		width: 100% !important;

		margin-bottom: 12px !important;
	}


	.ebh-header-shell .ebh-mega-section-heading h3 {
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	/* -----------------------------------------------------
	   SUBCATEGORIES
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-subcategory-grid {
		display: grid !important;

		grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

		width: 100% !important;

		gap: 8px !important;
	}


	.ebh-header-shell .ebh-mega-subcategory {
		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		min-height: 50px !important;

		gap: 8px !important;

		padding: 7px 9px !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	.ebh-header-shell .ebh-mega-subcategory__thumb {
		flex: 0 0 30px !important;

		width: 30px !important;
		height: 30px !important;
		max-width: 30px !important;
	}


	.ebh-header-shell .ebh-mega-subcategory > span {
		display: -webkit-box !important;

		flex: 1 1 auto !important;

		width: auto !important;
		min-width: 0 !important;

		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

		overflow: hidden !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;

		line-height: 1.25 !important;
	}


	.ebh-header-shell .ebh-mega-subcategory > small {
		flex: 0 0 auto !important;

		margin-left: auto !important;
	}


	/* -----------------------------------------------------
	   PRODUCT GRID
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-product-grid {
		display: grid !important;

		grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

		width: 100% !important;

		gap: 10px !important;
	}


	.ebh-header-shell .ebh-mega-product {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}


	.ebh-header-shell .ebh-mega-product__image {
		aspect-ratio: 1.15 / 1 !important;

		min-height: 0 !important;
	}


	.ebh-header-shell .ebh-mega-product h4 {
		display: -webkit-box !important;

		min-height: 34px !important;

		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;

		overflow: hidden !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	/* -----------------------------------------------------
	   PROMO
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-promo {
		align-self: stretch !important;

		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		margin: 14px 14px 14px 0 !important;
	}


	.ebh-header-shell .ebh-mega-promo__content h3,
	.ebh-header-shell .ebh-mega-promo__content p,
	.ebh-header-shell .ebh-mega-promo__content strong {
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	/* -----------------------------------------------------
	   QUICK LINKS
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-quick {
		height: 48px !important;
		min-height: 48px !important;
	}


	.ebh-header-shell .ebh-mega-quick a {
		min-height: 48px !important;
		height: 48px !important;
	}


	/* -----------------------------------------------------
	   SCROLLBARS
	----------------------------------------------------- */

	.ebh-header-shell .ebh-mega-list::-webkit-scrollbar,
	.ebh-header-shell .ebh-mega-center::-webkit-scrollbar {
		width: 5px;
	}


	.ebh-header-shell .ebh-mega-list::-webkit-scrollbar-thumb,
	.ebh-header-shell .ebh-mega-center::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #ccd8e0;
	}


	.ebh-header-shell .ebh-mega-list::-webkit-scrollbar-track,
	.ebh-header-shell .ebh-mega-center::-webkit-scrollbar-track {
		background: transparent;
	}
}


/* =========================================================
   MID DESKTOP
========================================================= */

@media (min-width: 861px) and (max-width: 1180px) {

	.ebh-header-shell .ebh-mega-inner {
		grid-template-columns:
		235px
		minmax(0, 1fr) !important;
	}


	.ebh-header-shell .ebh-mega-promo {
		display: none !important;
	}


	.ebh-header-shell .ebh-mega-subcategory-grid {
		grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;
	}


	.ebh-header-shell .ebh-mega-product-grid {
		grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;
	}
}


/* =========================================================
   ELECTROBLAU MEGA MENU v2.2 — MOBILE / RESPONSIVE HARDENING
   This block intentionally comes LAST so it wins against
   desktop rules from header.css / Blocksy / earlier patches.
========================================================= */

@media (max-width: 860px) {

	/* -----------------------------------------------------
	   BODY LOCK
	----------------------------------------------------- */

	body.ebh-nav-open {
		overflow: hidden !important;
	}


	/* -----------------------------------------------------
	   OFF-CANVAS NAV SHELL
	----------------------------------------------------- */

	.ebh-header-shell .ebh-navigation {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		z-index: 3000 !important;
		width: min(88vw, 390px) !important;
		max-width: 390px !important;
		height: 100vh !important;
		height: 100dvh !important;
		display: flex !important;
		flex-direction: column !important;
		padding: 0 !important;
		background: #fff !important;
		box-shadow:
		24px 0 70px
		rgba(5,46,87,.20) !important;
		overflow: hidden !important;
		transform:
		translateX(-105%) !important;
		transition:
		transform .24s ease !important;
	}


	.ebh-header-shell
	.ebh-nav-shell.is-open
	.ebh-navigation {
		transform:
		translateX(0) !important;
	}


	/* -----------------------------------------------------
	   MOBILE NAV HEADER
	----------------------------------------------------- */

	.ebh-mobile-nav-head {
		flex: 0 0 auto;

		min-height: 68px;

		display: flex;
		align-items: center;
		justify-content: space-between;

		gap: 20px;

		padding: 0 18px;

		border-bottom:
		1px solid
		#e2e9ee;

		background: #fff;
		display: flex;
	}


	.ebh-mobile-nav-head__label {
		color: #052e57;

		font-size: 15px;
		line-height: 1;

		font-weight: 800;

		letter-spacing: -.01em;
	}


	.ebh-mobile-nav-close {
		width: 40px;
		height: 40px;

		display: grid;
		place-items: center;

		margin: 0;
		padding: 0;

		border: 0;
		border-radius: 9px;

		background: #f3f7f9;

		color: #052e57;

		font-size: 25px;
		line-height: 1;

		cursor: pointer;
	}


	/* -----------------------------------------------------
	   BACKDROP
	----------------------------------------------------- */

	.ebh-mobile-backdrop {
		position: fixed;

		inset: 0;

		z-index: 2990;

		display: block;

		background:
		rgba(4,28,51,.42);

		opacity: 0;

		visibility: hidden;

		pointer-events: none;

		transition:
		opacity .22s ease,
		visibility .22s ease;
	}


	body.ebh-nav-open
	.ebh-mobile-backdrop {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		z-index: 1;
	}


	/* -----------------------------------------------------
	   PRIMARY MENU — FORCE VERTICAL
	----------------------------------------------------- */

	.ebh-header-shell .ebh-menu {
		flex: 1 1 auto !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;

		gap: 0 !important;

		margin: 0 !important;
		padding: 10px 16px 24px !important;

		list-style: none !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;

		-webkit-overflow-scrolling: touch;
	}


	.ebh-header-shell
	.ebh-menu > li {
		position: relative !important;

		flex: 0 0 auto !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		display: block !important;

		margin: 0 !important;
		padding: 0 !important;

		border-bottom:
		1px solid
		#e8edf1 !important;

		float: none !important;
	}


	.ebh-header-shell
	.ebh-menu > li > a {
		position: relative !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		min-height: 54px !important;
		height: auto !important;

		display: flex !important;
		align-items: center !important;

		margin: 0 !important;
		padding: 0 4px !important;

		color: #16324b !important;

		font-size: 15px !important;
		line-height: 1.25 !important;

		font-weight: 700 !important;

		letter-spacing: -.01em !important;

		text-align: left !important;
		text-decoration: none !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	.ebh-header-shell
	.ebh-menu > li > a::after {
		display: none !important;
	}


	/* -----------------------------------------------------
	   PRODUCTS / MEGA — MOBILE ACCORDION
	----------------------------------------------------- */

	.ebh-header-shell
	.ebh-menu >
	.ebh-mega >
	.ebh-mega-panel {
		position: static !important;

		inset: auto !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		display: none !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		border-radius: 0 !important;

		background: transparent !important;

		box-shadow: none !important;

		opacity: 1 !important;
		visibility: visible !important;

		pointer-events: auto !important;

		transform: none !important;

		overflow: visible !important;
	}


	.ebh-header-shell
	.ebh-menu >
	.ebh-mega.is-mobile-open >
	.ebh-mega-panel {
		display: block !important;
	}


	.ebh-header-shell
	.ebh-menu >
	.ebh-mega >
	a::before {
		content: "＋";

		position: absolute;

		top: 50%;
		right: 2px;

		transform:
		translateY(-50%);

		color: #6d7d8c;

		font-size: 18px;
		font-weight: 400;
	}


	.ebh-header-shell
	.ebh-menu >
	.ebh-mega.is-mobile-open >
	a::before {
		content: "−";
	}


	/* Mega menu becomes category-only on mobile */
	.ebh-header-shell
	.ebh-mega-inner {
		display: block !important;

		width: 100% !important;

		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}


	.ebh-header-shell
	.ebh-mega-side {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;

		display: block !important;

		margin: 0 !important;
		padding:
		4px 0 12px
		12px !important;

		border: 0 !important;

		background: transparent !important;

		overflow: visible !important;
	}


	.ebh-header-shell
	.ebh-mega-side >
	.ebh-mega-kicker {
		display: none !important;
	}


	.ebh-header-shell
	.ebh-mega-panel
	.ebh-mega-list {
		position: static !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		height: auto !important;
		max-height: none !important;

		display: block !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		border-radius: 0 !important;

		background: transparent !important;

		box-shadow: none !important;

		opacity: 1 !important;
		visibility: visible !important;

		transform: none !important;

		overflow: visible !important;
	}


	.ebh-header-shell
	.ebh-mega-panel
	.ebh-mega-list >
	li {
		width: 100% !important;

		display: block !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.ebh-header-shell
	.ebh-mega-panel
	.ebh-mega-category {
		position: relative !important;

		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;

		min-height: 44px !important;
		height: auto !important;

		display: flex !important;
		align-items: center !important;

		gap: 9px !important;

		margin: 0 !important;
		padding:
		6px 8px !important;

		border: 0 !important;
		border-radius: 8px !important;

		background: transparent !important;

		color: #244057 !important;

		font-size: 13px !important;
		line-height: 1.25 !important;

		font-weight: 650 !important;

		text-decoration: none !important;

		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}


	.ebh-header-shell
	.ebh-mega-panel
	.ebh-mega-category:hover,
	.ebh-header-shell
	.ebh-mega-panel
	.ebh-mega-category:focus {
		background:
		#f2f7f9 !important;
	}


	.ebh-header-shell
	.ebh-mega-category__thumb {
		flex:
		0 0 28px !important;

		width:
		28px !important;

		height:
		28px !important;

		max-width:
		28px !important;
	}


	.ebh-header-shell
	.ebh-mega-category__label {
		flex: 1 1 auto !important;

		display: block !important;

		width: auto !important;
		min-width: 0 !important;

		overflow: hidden !important;

		text-overflow:
		ellipsis !important;

		white-space:
		nowrap !important;

		word-break:
		normal !important;

		overflow-wrap:
		normal !important;

		hyphens:
		none !important;
	}


	.ebh-header-shell
	.ebh-mega-category__arrow {
		flex:
		0 0 auto !important;

		margin-left: auto !important;

		color: #9aa9b5 !important;
	}


	.ebh-header-shell
	.ebh-mega-all {
		width: 100% !important;

		min-height: 43px !important;

		display: flex !important;

		margin:
		8px 0 0 !important;

		padding:
		0 12px !important;

		background:
		#052e57 !important;

		color:
		#fff !important;
	}


	/* Heavy desktop content intentionally hidden */
	.ebh-header-shell
	.ebh-mega-center,
	.ebh-header-shell
	.ebh-mega-promo,
	.ebh-header-shell
	.ebh-mega-quick {
		display: none !important;
	}


	/* -----------------------------------------------------
	   HAMBURGER
	----------------------------------------------------- */

	.ebh-header-shell
	.ebh-mobile-toggle {
		position: relative;

		z-index: 100;

		display: block !important;

		flex: 0 0 42px;

		width: 42px !important;
		height: 42px !important;
	}


	/* -----------------------------------------------------
	   MAIN HEADER GRID
	----------------------------------------------------- */

	.ebh-header-shell
	.ebh-main-inner {
		display: grid !important;
		/* grid-template-columns:
			42px
			minmax(0,1fr)
			auto !important; */
			align-items: center !important;
			gap: 9px !important;
			min-height:
			68px !important;
		}


		.ebh-header-shell
		.ebh-menu-wrap {
			order: 0 !important;

			width: 42px !important;
			min-width: 42px !important;

			display: block !important;
		}


		.ebh-header-shell
		.ebh-logo-wrap {
			width: auto !important;
			max-width: none !important;
			min-width: 0 !important;

			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		}


		.ebh-header-shell
		.ebh-logo-wrap img {
			width: auto !important;
			height: auto !important;

			max-width: 145px !important;
			max-height: 38px !important;
		}


		.ebh-header-shell
		.ebh-actions-wrap {
			width: auto !important;
			min-width: 0 !important;
		}


		/* Account + language can live inside desktop only */
		.ebh-header-shell .ebh-account,
		.ebh-header-shell .ebh-language {
			display: none !important;
		}


		.ebh-header-shell
		.ebh-actions {
			display: flex !important;
			align-items: center !important;

			gap: 0 !important;
		}


		.ebh-header-shell
		.ebh-action {
			width:
			38px !important;

			height:
			38px !important;
		}


	/* -----------------------------------------------------
	   TOPBAR
	----------------------------------------------------- */

	.ebh-header-shell
	.ebh-topbar {
		min-height:
		30px !important;
	}


	.ebh-header-shell
	.ebh-topbar-inner {
		min-height:
		30px !important;

		display: flex !important;
		justify-content:
		center !important;
	}


	.ebh-header-shell
	.ebh-topbar-support {
		display:
		none !important;
	}


	.ebh-header-shell
	.ebh-topbar-shipping {
		width: 100%;

		text-align: center;

		font-size:
		9px !important;

		letter-spacing:
		.055em !important;
	}
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

	.ebh-header-shell
	.ebh-logo-wrap img {
		max-width:
		128px !important;
	}


	.ebh-header-shell
	.ebh-search-toggle {
		display:
		none !important;
	}


	.ebh-header-shell
	.ebh-navigation {
		width:
		min(
			91vw,
			370px
		) !important;
	}
}