/* =========================================================
   ELECTROBLAU HEADER
========================================================= */

:root {
	--ebh-navy: #052e57;
	--ebh-navy-2: #083b6d;
	--ebh-blue: #0f5f9c;
	--ebh-cyan: #12b9d9;

	--ebh-text: #16324b;
	--ebh-muted: #6d7d8c;

	--ebh-border: #dde6ee;

	--ebh-container: 1440px;
}


/* =========================================================
   RESET
========================================================= */

.ebh-header-shell,
.ebh-header-shell * {
	box-sizing: border-box;
}

.ebh-header-shell {
	position: relative;

	z-index: 900;

	width: 100%;

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

	background: #fff;
}


/* Kill Gutenberg default margins */

.ebh-header-shell
.wp-block-group,
.ebh-header-shell
.wp-block-shortcode,
.ebh-header-shell
p {
	margin-top: 0;
	margin-bottom: 0;
}


.ebh-container {
	width:
		min(
			calc(100% - 48px),
			var(--ebh-container)
		);

	margin-inline: auto !important;
}


/* =========================================================
   TOP BAR
========================================================= */

.ebh-topbar {
	min-height: 34px;

	display: flex;
	align-items: center;

	background:
		var(--ebh-navy);

	color: #fff;
}


.ebh-topbar-inner {
	width: 100%;

	min-height: 34px;

	align-items: center;
}


.ebh-topbar p,
.ebh-topbar a {
	color:
		rgba(
			255,
			255,
			255,
			.88
		);

	font-size: 11px;

	line-height: 1.2;

	font-weight: 650;

	letter-spacing: .035em;

	text-decoration: none;
}


.ebh-topbar a:hover {
	color: #fff;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.ebh-mainbar {
	position: relative;

	min-height: 82px;

	display: flex;
	align-items: center;

	border-bottom:
		1px solid
		rgba(
			5,
			46,
			87,
			.09
		);

	background: #fff;
}


.ebh-main-inner {
	width: 100%;

	min-height: 82px;

	align-items: center;

	gap: 30px;
}


/* =========================================================
   LOGO
========================================================= */

.ebh-logo-wrap {
	flex:
		0 0 190px;
}


.ebh-logo-wrap
.wp-block-site-logo {
	margin: 0;
}


.ebh-logo-wrap img {
	display: block;

	max-width: 190px;

	height: auto;
}


/* =========================================================
   NAVIGATION
========================================================= */

.ebh-menu-wrap {
	flex: 1 1 auto;

	display: flex;

	justify-content: center;
}


.ebh-nav-shell {
	display: flex;

	align-items: center;
}


.ebh-navigation {
	display: block;
}


.ebh-menu {
	display: flex;

	align-items: center;

	gap: 4px;

	margin: 0;
	padding: 0;

	list-style: none;
}


.ebh-menu > li {
	position: relative;

	margin: 0;
	padding: 0;
}


.ebh-menu > li > a {
	position: relative;

	display: flex;
	align-items: center;

	min-height: 82px;

	padding:
		0 13px;

	color:
		var(--ebh-text);

	font-size: 14px;

	line-height: 1;

	font-weight: 650;

	text-decoration: none;

	white-space: nowrap;
}


.ebh-menu > li > a::after {
	content: "";

	position: absolute;

	left: 50%;
	bottom: 20px;

	width: 0;
	height: 2px;

	border-radius: 2px;

	background:
		var(--ebh-blue);

	transform:
		translateX(-50%);

	transition:
		width .2s ease;
}


.ebh-menu > li:hover > a::after,
.ebh-menu >
.current-menu-item > a::after,
.ebh-menu >
.current-menu-ancestor > a::after {
	width: 24px;
}


/* =========================================================
   DROPDOWN
========================================================= */

.ebh-menu .sub-menu {
	position: absolute;

	top: calc(100% - 1px);
	left: 0;

	z-index: 1000;

	min-width: 245px;

	margin: 0;
	padding: 10px;

	border:
		1px solid
		rgba(
			5,
			46,
			87,
			.10
		);

	border-radius: 14px;

	background: #fff;

	list-style: none;

	box-shadow:
		0 22px 55px
		rgba(
			5,
			46,
			87,
			.14
		);

	opacity: 0;

	visibility: hidden;

	transform:
		translateY(8px);

	transition:
		opacity .18s ease,
		transform .18s ease,
		visibility .18s ease;
}


.ebh-menu li:hover >
.sub-menu,
.ebh-menu li:focus-within >
.sub-menu {
	opacity: 1;

	visibility: visible;

	transform:
		translateY(0);
}


.ebh-menu
.sub-menu li {
	position: relative;

	margin: 0;
}


.ebh-menu
.sub-menu a {
	display: flex;

	align-items: center;

	justify-content:
		space-between;

	min-height: 42px;

	padding:
		9px 12px;

	border-radius: 8px;

	color:
		var(--ebh-text);

	font-size: 13px;

	line-height: 1.3;

	font-weight: 600;

	text-decoration: none;
}


.ebh-menu
.sub-menu a:hover {
	background:
		#f3f7fa;

	color:
		var(--ebh-navy);
}


/* Nested dropdown */

.ebh-menu
.sub-menu
.sub-menu {
	top: -10px;

	left:
		calc(
			100% + 8px
		);
}


/* =========================================================
   MEGA MENU
========================================================= */

/*
 * Appearance → Menus
 *
 * Categories menu item:
 *
 * CSS Classes:
 * ebh-mega
 */

.ebh-menu >
.ebh-mega {
	position: static;
}


.ebh-menu >
.ebh-mega >
.sub-menu {
	left: 50%;

	width:
		min(
			900px,
			calc(
				100vw - 60px
			)
		);

	display: grid;

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

	gap: 4px;

	padding: 18px;

	transform:
		translate(
			-50%,
			8px
		);
}


.ebh-menu >
.ebh-mega:hover >
.sub-menu,
.ebh-menu >
.ebh-mega:focus-within >
.sub-menu {
	transform:
		translate(
			-50%,
			0
		);
}


.ebh-menu >
.ebh-mega >
.sub-menu >
li > a {
	min-height: 48px;

	font-size: 14px;

	font-weight: 700;
}


/* =========================================================
   ACTIONS
========================================================= */

.ebh-actions-wrap {
	flex:
		0 0 auto;
}


.ebh-actions {
	display: flex;

	align-items: center;

	gap: 5px;
}


.ebh-action {
	position: relative;

	width: 42px;
	height: 42px;

	display: grid;

	place-items: center;

	margin: 0;
	padding: 0;

	border: 0;

	border-radius: 10px;

	background:
		transparent;

	color:
		var(--ebh-navy);

	text-decoration: none;

	cursor: pointer;

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


.ebh-action:hover {
	background:
		#f2f6f9;

	transform:
		translateY(-1px);
}


.ebh-action svg {
	width: 21px;
	height: 21px;

	fill: none;

	stroke:
		currentColor;

	stroke-width: 1.7;

	stroke-linecap:
		round;

	stroke-linejoin:
		round;
}


/* Cart badge */

.ebh-cart-count {
	position: absolute;

	top: 3px;
	right: 1px;

	min-width: 17px;
	height: 17px;

	display: grid;

	place-items: center;

	padding:
		0 4px;

	border:
		2px solid #fff;

	border-radius:
		20px;

	background:
		var(--ebh-cyan);

	color: #fff;

	font-size: 9px;

	line-height: 1;

	font-weight: 800;
}


.ebh-cart-count[
	data-count="0"
] {
	display: none;
}


/* =========================================================
   LANGUAGE
========================================================= */

.ebh-language {
	position: relative;

	margin-left: 5px;
}


.ebh-language-toggle {
	min-width: 52px;
	height: 42px;

	display: flex;

	align-items: center;

	justify-content:
		center;

	gap: 7px;

	padding:
		0 10px;

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

	border-radius: 10px;

	background: #fff;

	color:
		var(--ebh-navy);

	font-size: 12px;

	font-weight: 800;

	cursor: pointer;
}


.ebh-language-toggle svg {
	width: 10px;
	height: 7px;

	fill: none;

	stroke:
		currentColor;

	stroke-width: 1.6;
}


.ebh-language-menu {
	position: absolute;

	top:
		calc(
			100% + 9px
		);

	right: 0;

	z-index: 1100;

	width: 190px;

	padding: 7px;

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

	border-radius: 12px;

	background: #fff;

	box-shadow:
		0 18px 46px
		rgba(
			5,
			46,
			87,
			.14
		);

	opacity: 0;

	visibility: hidden;

	transform:
		translateY(6px);

	transition:
		.18s ease;
}


.ebh-language.is-open
.ebh-language-menu {
	opacity: 1;

	visibility: visible;

	transform:
		translateY(0);
}


.ebh-language-menu a {
	display: flex;

	align-items: center;

	justify-content:
		space-between;

	min-height: 39px;

	padding:
		0 10px;

	border-radius: 7px;

	color:
		var(--ebh-text);

	font-size: 13px;

	text-decoration: none;
}


.ebh-language-menu a:hover,
.ebh-language-menu
a.is-active {
	background:
		#f2f6f9;
}


.ebh-language-menu small {
	color:
		var(--ebh-muted);

	font-size: 10px;

	font-weight: 800;
}


/* =========================================================
   SEARCH OVERLAY
========================================================= */

.ebh-search-panel {
	position: absolute;

	top: 100%;
	left: 0;

	z-index: 1050;

	width: 100%;

	padding:
		20px 24px;

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

	border-bottom:
		1px solid
		var(--ebh-border);

	background:
		rgba(
			255,
			255,
			255,
			.98
		);

	box-shadow:
		0 20px 40px
		rgba(
			5,
			46,
			87,
			.10
		);

	opacity: 0;

	visibility: hidden;

	transform:
		translateY(-8px);

	transition:
		opacity .2s ease,
		transform .2s ease,
		visibility .2s ease;
}


.ebh-search-panel.is-open {
	opacity: 1;

	visibility: visible;

	transform:
		translateY(0);
}


.ebh-search-inner {
	position: relative;

	width:
		min(
			calc(
				100% - 48px
			),
			var(--ebh-container)
		);

	margin-inline: auto;
}


.ebh-search-inner form {
	display: grid;

	grid-template-columns:
		1fr auto;

	gap: 10px;
}


.ebh-search-inner input[
	type="search"
] {
	width: 100%;

	min-height: 52px;

	padding:
		0 18px;

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

	border-radius: 11px;

	outline: 0;

	color:
		var(--ebh-text);

	font-size: 15px;
}


.ebh-search-inner input[
	type="search"
]:focus {
	border-color:
		var(--ebh-blue);

	box-shadow:
		0 0 0 3px
		rgba(
			15,
			95,
			156,
			.10
		);
}


.ebh-search-inner
button[type="submit"] {
	min-height: 52px;

	padding:
		0 24px;

	border: 0;

	border-radius: 11px;

	background:
		var(--ebh-navy);

	color: #fff;

	font-size: 13px;

	font-weight: 800;

	cursor: pointer;
}


.ebh-search-close {
	position: absolute;

	top: -6px;
	right: -38px;

	width: 32px;
	height: 32px;

	border: 0;

	background: none;

	color:
		var(--ebh-navy);

	font-size: 28px;

	line-height: 1;

	cursor: pointer;
}


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

.ebh-mobile-toggle {
	display: none;

	width: 42px;
	height: 42px;

	padding: 10px;

	border: 0;

	border-radius: 9px;

	background: transparent;

	cursor: pointer;
}


.ebh-mobile-toggle span {
	display: block;

	width: 100%;
	height: 2px;

	margin: 5px 0;

	border-radius: 2px;

	background:
		var(--ebh-navy);
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.ebh-header-shell
a:focus-visible,
.ebh-header-shell
button:focus-visible {
	outline:
		2px solid
		var(--ebh-cyan);

	outline-offset:
		3px;
}


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

@media (
	max-width: 1100px
) {

	.ebh-main-inner {
		gap: 15px;
	}

	.ebh-menu >
	li > a {
		padding:
			0 8px;

		font-size: 13px;
	}

	.ebh-logo-wrap {
		flex-basis:
			165px;
	}

	.ebh-logo-wrap img {
		max-width:
			165px;
	}

}


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

@media (
	max-width: 860px
) {

	.ebh-container {
		width:
			min(
				calc(
					100% - 28px
				),
				var(
					--ebh-container
				)
			);
	}


	/* Topbar */

	.ebh-topbar-support {
		display: none;
	}


	.ebh-topbar-inner {
		justify-content:
			center !important;
	}


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

		text-align: center;
	}


	/* Main */

	.ebh-mainbar,
	.ebh-main-inner {
		min-height: 70px;
	}


	.ebh-main-inner {
		gap: 10px;
	}


	.ebh-logo-wrap {
		flex:
			1 1 auto;
	}


	.ebh-logo-wrap img {
		max-width: 155px;
	}


	.ebh-menu-wrap {
		order: -1;

		flex:
			0 0 auto;
	}


	.ebh-mobile-toggle {
		display: block;
	}


	/* Navigation overlay */

	.ebh-navigation {
		position: fixed;

		top: 0;
		left: 0;

		z-index: 2000;

		width:
			min(
				86vw,
				390px
			);

		height: 100vh;
		height: 100dvh;

		padding:
			84px 20px
			30px;

		background: #fff;

		box-shadow:
			24px 0 60px
			rgba(
				5,
				46,
				87,
				.18
			);

		overflow-y: auto;

		transform:
			translateX(-105%);

		transition:
			transform .25s ease;
	}


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


	.ebh-menu {
		display: block;
	}


	.ebh-menu > li {
		border-bottom:
			1px solid
			var(--ebh-border);
	}


	.ebh-menu > li > a {
		min-height: 54px;

		padding: 0;

		font-size: 16px;
	}


	.ebh-menu >
	li > a::after {
		display: none;
	}


	/* Mobile submenus */

	.ebh-menu
	.sub-menu,
	.ebh-menu >
	.ebh-mega >
	.sub-menu {
		position: static;

		width: 100%;
		min-width: 0;

		display: block;

		margin:
			0 0 10px;

		padding:
			0 0 0 12px;

		border: 0;

		border-radius: 0;

		box-shadow: none;

		opacity: 1;

		visibility: visible;

		transform: none;
	}


	.ebh-menu
	.sub-menu a {
		min-height: 40px;

		padding:
			5px 0;

		font-size: 13px;
	}


	/* hide account desktop */

	.ebh-account {
		display: none;
	}


	.ebh-language {
		display: none;
	}


	.ebh-actions {
		gap: 0;
	}

}


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

@media (
	max-width: 480px
) {

	.ebh-logo-wrap img {
		max-width: 135px;
	}


	.ebh-action {
		width: 38px;
		height: 38px;
	}


	.ebh-search-inner {
		width: 100%;
	}


	.ebh-search-inner form {
		grid-template-columns:
			1fr;
	}


	.ebh-search-close {
		top: -43px;
		right: 0;
	}

}

/* =========================================================
   ELECTROBLAU HEADER — PRODUCTION LAYOUT FIX
========================================================= */


/* ---------------------------------------------------------
   GLOBAL HEADER WIDTH
--------------------------------------------------------- */

.ebh-header-shell {
	--ebh-container: 1440px;

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

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


/*
 * Gutenberg / Blocksy constrained layout davranışını
 * tamamen override ediyoruz.
 */
.ebh-header-shell .ebh-container {
	width: calc(100% - 64px) !important;
	max-width: var(--ebh-container) !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* ---------------------------------------------------------
   TOP BAR
--------------------------------------------------------- */

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

	background: #052e57;

	border: 0;
}


.ebh-header-shell .ebh-topbar-inner {
	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	min-height: 32px !important;
}


.ebh-header-shell .ebh-topbar p,
.ebh-header-shell .ebh-topbar a {
	color: rgba(255,255,255,.88);

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

	font-weight: 700;

	letter-spacing: .065em;

	text-transform: uppercase;
}


.ebh-header-shell .ebh-topbar a:hover {
	color: #fff;
}


/* ---------------------------------------------------------
   MAIN BAR
--------------------------------------------------------- */

.ebh-header-shell .ebh-mainbar {
	min-height: 84px !important;

	background: rgba(255,255,255,.985);

	border-bottom:
		1px solid
		rgba(5,46,87,.08);
}


/*
 * Burayı flex'e bırakmıyoruz.
 *
 * Logo | Navigation | Actions
 */
.ebh-header-shell .ebh-main-inner {
	display: grid !important;

	grid-template-columns:
		190px
		minmax(0, 1fr)
		auto !important;

	align-items: center !important;

	column-gap: 34px;

	min-height: 84px !important;
}


/* ---------------------------------------------------------
   LOGO
--------------------------------------------------------- */

.ebh-header-shell .ebh-logo-wrap {
	width: 190px !important;

	min-width: 190px !important;

	display: flex !important;

	align-items: center;
	justify-content: flex-start;
}


.ebh-header-shell
.ebh-logo-wrap
.wp-block-site-logo {
	width: auto !important;

	margin: 0 !important;
}


.ebh-header-shell
.ebh-logo-wrap img {
	display: block;

	width: auto !important;
	height: auto !important;

	max-width: 184px !important;
	max-height: 45px;

	object-fit: contain;
}


/* ---------------------------------------------------------
   MENU CENTERING
--------------------------------------------------------- */

.ebh-header-shell .ebh-menu-wrap {
	min-width: 0;

	display: flex !important;

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


.ebh-header-shell .ebh-nav-shell {
	width: auto;

	display: flex;

	align-items: center;
	justify-content: center;
}


.ebh-header-shell .ebh-navigation {
	width: auto;
}


.ebh-header-shell .ebh-menu {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 2px;

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

	list-style: none;
}


/* ---------------------------------------------------------
   MAIN MENU ITEMS
--------------------------------------------------------- */

.ebh-header-shell
.ebh-menu > li {
	margin: 0;
	padding: 0;
}


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

	min-height: 84px;

	display: flex;
	align-items: center;

	padding:
		0 15px;

	color: #16324b;

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

	font-weight: 650;

	letter-spacing: -.01em;

	text-decoration: none;

	white-space: nowrap;

	transition:
		color .18s ease;
}


.ebh-header-shell
.ebh-menu > li > a:hover {
	color: #052e57;
}


/* Active / hover indicator */

.ebh-header-shell
.ebh-menu > li > a::after {
	content: "";

	position: absolute;

	left: 50%;
	bottom: 17px;

	width: 0;
	height: 2px;

	border-radius: 20px;

	background: #12b9d9;

	transform:
		translateX(-50%);

	transition:
		width .2s ease;
}


.ebh-header-shell
.ebh-menu > li:hover > a::after,

.ebh-header-shell
.ebh-menu >
.current-menu-item > a::after,

.ebh-header-shell
.ebh-menu >
.current-menu-ancestor > a::after {
	width: 24px;
}


/* ---------------------------------------------------------
   REMOVE DUPLICATE WPML MENU ITEM
--------------------------------------------------------- */

/*
 * Eğer WPML yanlışlıkla menu içine language item
 * inject ederse de göstermiyoruz.
 *
 * Sağ taraftaki bizim switcher kalacak.
 */
.ebh-header-shell
.ebh-menu
.wpml-ls-item,

.ebh-header-shell
.ebh-menu
.menu-item-language {
	display: none !important;
}


/* ---------------------------------------------------------
   ACTION AREA
--------------------------------------------------------- */

.ebh-header-shell .ebh-actions-wrap {
	display: flex !important;

	align-items: center;
	justify-content: flex-end;

	min-width: max-content;
}


.ebh-header-shell .ebh-actions {
	display: flex;

	align-items: center;

	gap: 3px;
}


.ebh-header-shell .ebh-action {
	width: 42px;
	height: 42px;

	border-radius: 10px;

	color: #052e57;
}


.ebh-header-shell
.ebh-action:hover {
	background: #f1f5f8;
}


/* ---------------------------------------------------------
   LANGUAGE SWITCHER
--------------------------------------------------------- */

.ebh-header-shell .ebh-language {
	margin-left: 7px;
}


.ebh-header-shell
.ebh-language-toggle {
	height: 42px;

	min-width: 56px;

	padding: 0 12px;

	border:
		1px solid
		#dce5ec;

	border-radius: 10px;

	background: #fff;

	color: #052e57;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: .025em;
}


.ebh-header-shell
.ebh-language-toggle:hover {
	border-color:
		#b9c9d6;

	background:
		#f8fafb;
}


/* ---------------------------------------------------------
   CART
--------------------------------------------------------- */

.ebh-header-shell
.ebh-cart-count {
	top: 1px;
	right: 0;

	min-width: 17px;
	height: 17px;

	background:
		#12b9d9;

	border:
		2px solid #fff;

	font-size: 9px;
}


/* ---------------------------------------------------------
   DROPDOWN
--------------------------------------------------------- */

.ebh-header-shell
.ebh-menu .sub-menu {
	padding: 10px;

	border:
		1px solid
		rgba(5,46,87,.09);

	border-radius: 14px;

	background: #fff;

	box-shadow:
		0 24px 60px
		rgba(5,46,87,.13);
}


.ebh-header-shell
.ebh-menu
.sub-menu a {
	min-height: 40px;

	padding:
		8px 11px;

	border-radius: 8px;

	color: #16324b;

	font-size: 13px;

	font-weight: 600;
}


.ebh-header-shell
.ebh-menu
.sub-menu a:hover {
	background: #f2f6f9;

	color: #052e57;
}


/* ---------------------------------------------------------
   MEGA MENU
--------------------------------------------------------- */

.ebh-header-shell
.ebh-menu >
.ebh-mega {
	position: static;
}


.ebh-header-shell
.ebh-menu >
.ebh-mega >
.sub-menu {
	left: 50%;

	width:
		min(
			960px,
			calc(100vw - 80px)
		);

	display: grid;

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

	gap: 3px 18px;

	padding: 22px;

	transform:
		translate(
			-50%,
			10px
		);
}


.ebh-header-shell
.ebh-menu >
.ebh-mega:hover >
.sub-menu,

.ebh-header-shell
.ebh-menu >
.ebh-mega:focus-within >
.sub-menu {
	transform:
		translate(
			-50%,
			0
		);
}


.ebh-header-shell
.ebh-menu >
.ebh-mega >
.sub-menu > li > a {
	min-height: 45px;

	font-size: 13.5px;

	font-weight: 700;
}


/* ---------------------------------------------------------
   STICKY HEADER
--------------------------------------------------------- */

.ebh-header-shell.is-sticky
.ebh-mainbar {
	background:
		rgba(255,255,255,.96);

	backdrop-filter:
		blur(14px);

	-webkit-backdrop-filter:
		blur(14px);

	box-shadow:
		0 12px 35px
		rgba(5,46,87,.07);
}


/* ---------------------------------------------------------
   DESKTOP SMALL
--------------------------------------------------------- */

@media (
	max-width: 1250px
) {

	.ebh-header-shell
	.ebh-container {
		width:
			calc(
				100% - 40px
			) !important;
	}


	.ebh-header-shell
	.ebh-main-inner {
		grid-template-columns:
			165px
			minmax(0,1fr)
			auto !important;

		column-gap: 16px;
	}


	.ebh-header-shell
	.ebh-logo-wrap {
		width: 165px !important;
		min-width: 165px !important;
	}


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


	.ebh-header-shell
	.ebh-menu > li > a {
		padding:
			0 10px;

		font-size:
			13px;
	}

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (
	max-width: 860px
) {

	.ebh-header-shell
	.ebh-container {
		width:
			calc(
				100% - 28px
			) !important;
	}


	.ebh-header-shell
	.ebh-main-inner {
		display: grid !important;

		grid-template-columns:
			auto
			1fr
			auto !important;

		min-height:
			68px !important;
	}


	.ebh-header-shell
	.ebh-mainbar {
		min-height:
			68px !important;
	}


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

		justify-content: center;
	}


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


	.ebh-header-shell
	.ebh-menu-wrap {
		order: initial;
	}


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

}