:root {
	--xo-care-bg: #ed1c24;
	--xo-care-text: #ffffff;
}

#main-header .xo-care-menu { margin: 0; padding: 0; list-style: none; }
#main-header .xo-care-menu > li { position: relative; margin: 0; padding: 0; list-style: none; }

#main-header .xo-care-menu > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 21px;
	border: 1px solid var(--xo-care-bg);
	border-radius: 2px;
	background: var(--xo-care-bg);
	color: var(--xo-care-text) !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 7px 18px rgba(237, 28, 36, .2);
	transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease;
}

#main-header .xo-care-menu > li > a:hover,
#main-header .xo-care-menu > li > a:focus-visible {
	color: var(--xo-care-text) !important;
	opacity: 1;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(237, 28, 36, .3);
}

#main-header .xo-care-menu > li > a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

#main-header .xo-care-menu .sub-menu {
	display: block !important;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	left: auto;
	width: 290px;
	margin: 0;
	padding: 12px 0;
	border-top: 3px solid var(--xo-care-bg);
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(0, 0, 0, .17);
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
	z-index: 99999;
}

#main-header .xo-care-menu li:hover > .sub-menu,
#main-header .xo-care-menu li:focus-within > .sub-menu,
#main-header .xo-care-menu li.xo-submenu-open > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

#main-header .xo-care-menu .sub-menu li { display: block; position: relative; width: 100%; margin: 0; padding: 0; }
#main-header .xo-care-menu .sub-menu a {
	display: block;
	width: 100%;
	padding: 10px 18px;
	color: #222222 !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	transition: color .18s ease, background-color .18s ease, padding-left .18s ease;
}

#main-header .xo-care-menu .sub-menu a:hover,
#main-header .xo-care-menu .sub-menu a:focus-visible { padding-left: 22px; background: #f5f5f5; color: #000000 !important; }
#main-header .xo-care-menu .sub-menu .sub-menu { top: -15px; right: calc(100% - 4px); left: auto; }
.xo-empty-cart { display: none !important; }

@media (min-width: 981px) {
	#main-header #top-menu > .menu-item-5530734,
	#main-header #top-menu > .menu-item-5530734:hover,
	#main-header #top-menu > .menu-item-5530734:focus-within {
		padding-right: 22px !important;
		padding-left: 20px !important;
	}

	#main-header .container.xo-nav-layout-ready {
		display: grid !important;
		grid-template-columns: minmax(145px, 1fr) minmax(0, auto) minmax(145px, 1fr);
		align-items: center;
		width: 92%;
		max-width: 1440px;
	}

	#main-header .xo-nav-layout-ready .logo_container {
		position: relative !important;
		grid-column: 1;
		grid-row: 1;
		width: auto !important;
		height: 100% !important;
		justify-self: start;
	}

	#main-header .xo-nav-layout-ready #et-top-navigation {
		float: none !important;
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		width: min(680px, calc(100vw - 450px)) !important;
		min-width: 0;
		padding-left: 0 !important;
	}

	#main-header .xo-nav-layout-ready #top-menu-nav,
	#main-header .xo-nav-layout-ready #top-menu {
		width: auto !important;
	}

	#main-header .xo-nav-layout-ready #top-menu {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		white-space: nowrap;
	}

	#main-header .xo-nav-layout-ready .xo-care-menu {
		display: flex;
		align-self: stretch;
		align-items: stretch;
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}

	#main-header .xo-nav-layout-ready .xo-care-menu > li {
		display: flex;
		align-items: center;
	}

	#main-header .xo-care-menu > li > .sub-menu {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(150px, 1fr));
		gap: 36px;
		position: fixed;
		top: var(--xo-header-bottom, 88px);
		right: 0;
		left: 0;
		width: 100vw;
		max-width: none;
		padding: 32px max(4vw, calc((100vw - 1330px) / 2));
		border-top: 3px solid var(--xo-care-bg);
		border-radius: 0;
		background: #050505;
		box-shadow: 0 16px 35px rgba(0, 0, 0, .3);
	}

	#main-header .xo-care-menu > li > .sub-menu > li {
		width: auto;
		min-width: 0;
	}

	#main-header .xo-care-menu > li > .sub-menu > li > a {
		margin: 0 0 8px;
		padding: 0 0 12px;
		border-bottom: 2px solid var(--xo-care-bg);
		background: transparent;
		color: #ffffff !important;
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
	}

	#main-header .xo-care-menu > li > .sub-menu > li > a:hover,
	#main-header .xo-care-menu > li > .sub-menu > li > a:focus-visible {
		padding-left: 0;
		background: transparent;
		color: #ffffff !important;
	}

	#main-header .xo-care-menu > li > .sub-menu > li > .sub-menu {
		display: block !important;
		visibility: visible;
		opacity: 1;
		position: static;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		transform: none;
	}

	#main-header .xo-care-menu > li > .sub-menu > li > .sub-menu a {
		padding: 7px 0;
		background: transparent;
		color: #dddddd !important;
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase;
	}

	#main-header .xo-care-menu > li > .sub-menu > li > .sub-menu a:hover,
	#main-header .xo-care-menu > li > .sub-menu > li > .sub-menu a:focus-visible {
		padding-left: 5px;
		background: transparent;
		color: #ffffff !important;
	}
}

@media (max-width: 980px) {
	#main-header .container.xo-nav-layout-ready {
		display: grid !important;
		grid-template-columns: minmax(68px, 1fr) auto;
		align-items: center;
		gap: 10px;
		width: 92%;
	}

	#main-header .xo-nav-layout-ready .logo_container {
		position: relative !important;
		grid-column: 1;
		grid-row: 1;
		width: auto !important;
		height: 100% !important;
	}

	#main-header .xo-nav-layout-ready #et-top-navigation {
		float: none !important;
		grid-column: 2;
		grid-row: 1;
		padding-left: 0 !important;
	}

	#main-header .xo-nav-layout-ready .xo-care-menu { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	#main-header .xo-care-menu > li > a,
	#main-header .xo-care-menu .sub-menu,
	#main-header .xo-care-menu .sub-menu a { transition: none; }
}