.header-main {
	--text-color: var(--header-color);
    display:block;
    position:relative;
    z-index:9;
    color:var(--header-color);
    background:#555555;
    -webkit-transition:all .3s ease;
    transition:all .3s ease,right 0s
}
 
.header-main:not(.header-sticky-animation):after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	height: 1px;
	background: rgba(var(--header-border-color), var(--header-border-opacity));
	z-index: -1
}

.header-section:has(.header-transparent)+.announcement-bar-section {
	position: absolute;
	top: var(--header-height);
	width: 100%
}

.header-main.header-transparent:not(.transparency-none):after {
	background: rgba(var(--transparent-border), var(--transparent-border-opacity))
}

.header-main.has-shadow.transparency-none:not(.is-hidden) {
	box-shadow: #0003 0 15px 20px -20px
}

.header-main.round-section:before {
	background-color: var(--header-background)
}

.header-wrapper {
	min-height: 60px;
	display: grid;
	align-items: center;
	column-gap: 10px
}

.header-navigation {
	grid-area: navigation
}

.header-main .header-logo-wrap,
.menu-drawer .header-logo-wrap {
	grid-area: logo;
	display: flex;
	align-items: center;
	justify-content: center
}

.header-main .header-logo-inner,
.menu-drawer .header-logo-inner {
	position: relative;
	height: auto;
	width: var(--header-logo-width, 100px);
	display: grid;
	align-items: center
}

.header-main.logo-center-menu-left .header-logo-inner .store-name,
.header-main.header-hamburger .header-logo-inner .store-name {
	text-align: center
}

.header-main .header-logo,
.header-main .header-logo-inner img,
.header-main .header-logo-alternate,
.menu-drawer .header-logo,
.menu-drawer .header-logo-inner img,
.menu-drawer .header-logo-alternate {
	grid-column: 1;
	grid-row: 1;
	height: auto;
	padding:10px 0;
	width: var(--header-logo-width, 100px)
}

.header-main.header-transparent:not(.transparency-none) .header-logo,
.header-main.header-transparent.transparency-none .header-logo-alternate {
	opacity: 1;
	visibility: visible;
	-webkit-user-select: none;
	user-select: none
}

.header-main.header-transparent.transparency-none .header-logo,
.header-main.header-transparent:not(.transparency-none) .header-logo-alternate {
	opacity: 1;
	visibility: visible;
	-webkit-user-select: auto;
	user-select: auto
}
 
.header-buttons-list {
	grid-area: buttons;
	gap: 3px
}

.header-button-item {
	display: flex;
	gap: 10px
}

.header-icon {
	min-width: 24px;
	min-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 10px;
	line-height: 1;
	color: var(--header-color);
	border-radius: 50px;
	padding: 6px
}

.header-icon:hover {
	color: var(--header-color);
	animation: stretch-pulse .6s ease-out forwards .15s;
	-webkit-animation: stretch-pulse .6s ease-out forwards .15s
}

.header-icon:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50px;
	background: currentColor;
	opacity: 0
}

.header-icon:hover:before {
	opacity: .2
}

.header-icon.header-icon-search {
	letter-spacing: 1.5px
}

.header-icon .svg-wrapper {
	--svg-wrapper-size: 18px
}

.header-button-item .field-button.reset-button {
	--svg-wrapper-size: 10px
}

.header-main.d-header-transparent:not(.transparency-none) .header-menu-link:not(:hover),
.header-main.d-header-transparent:not(.transparency-none) .header-icon,
.header-main.d-header-transparent:not(.transparency-none) .header-toggle {
	color: var(--transparent-header-color)
}

.header-navigation-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0 24px
}

.logo-center-menu-left .header-navigation-list {
	justify-content: flex-start
}

.logo-left-menu-left .header-navigation-list {
	padding-left: 30px;
	justify-content: flex-start
}

.header-menu-item {
	--list-block-spacing: 14px;
	padding: var(--list-block-spacing) 0
}

.nav-button {
	width: 55px;
	height: 55px;
	border-radius: 50px;
	border: 2px solid var(--border-color)
}

.header-menu-link {
	align-items: center;
	display: flex;
	gap: 5px;
	font-weight: 500;
	color: var(--header-color);
	overflow: hidden
}

.header-menu-text {
	position: relative;
	transition: all .3s
}

.header-menu-text:before {
	content: attr(data-replace);
	position: absolute;
	left: 0;
	transform: translateY(100%);
	transition: all .3s
}

.header-menu-text svg {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	top: 100%;
	width: 100%;
	height: 3px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease
}

.header-menu-icon {
	aspect-ratio: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.header-nav-icon {
	width: 8px;
	height: 6px
}

.header-nav-icon svg {
	width: 12px
}

.header-dropdown-icon {
	border-radius: 50%;
	border: 1px solid currentColor
}

.header-dropdown-icon svg {
	width: 8px
}

.submenu-icon {
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: slideOutLeft .3s ease-in forwards;
	animation: slideOutLeft .3s ease-in forwards
}

.submenu-icon svg {
	width: 12px
}

.header-submenu-link:hover .submenu-icon {
	-webkit-animation: slideInLeft .3s ease-out forwards;
	animation: slideInLeft .3s ease-out forwards
}

.header-menu-link:hover .header-menu-text svg {
	visibility: visible;
	opacity: 1
}

.header-dropdown-item.dropdown-item-has-children {
	position: relative
}

.header-search-input-group {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	padding: 8px 8px 8px 24px;
	border-radius: 100px;
	width: 100%;
	max-width: 460px;
	color: var(--form_text);
	background-color: var(--form-background);
	border: 1px solid var(--form-input-border)
}

.header-right-inner {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 106px
}

.header-button-action {
	height: 60px;
	border-radius: 50px;
	border: 2px solid var(--border-color)
}

.header-searchbar-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.zigzag-border svg {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 3px;
	opacity: 0;
	transition: opacity .3s ease
}

.header-menu-link:hover .zigzag-border:after {
	opacity: 1
}

.has-dropdown-menu .backdrop-overlay {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s ease, visibility 0s linear 0s
}

.drop-down-menu-wrap {
	--padding-block: 26px;
	--padding-inline: 14px;
	position: absolute;
	background: var(--submenu-background);
	top: 100%;
	border-radius: var(--card-radius);
	padding: var(--padding-block) var(--padding-inline);
	min-width: 250px;
	width: 100%;
	transition: border-radius .3s ease;
	z-index: 1
}

.drop-down-menu-wrap:before {
	content: "";
	position: absolute;
	background: transparent;
	width: 100%;
	height: 100%;
	top: -24px;
	left: 0
}

.drop-down-submenu-wrap {
	position: absolute;
	top: 0;
	left: 100%;
	width: calc(100% + var(--padding-inline) * 2)
}

.drop-down-submenu-wrap-inner {
	width: 100%;
	padding: 26px 0 26px 18px;
	border-radius: var(--card-radius);
	position: relative;
	left: calc(var(--padding-inline) + 1px);
	background: var(--submenu-background)
}

.drop-down-submenu-wrap-inner .header-submenu-list {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto
}

.drop-down-submenu-wrap.should-reverse {
	right: 100%;
	left: auto
}

.drop-down-submenu-wrap.should-reverse .drop-down-submenu-wrap-inner {
	right: calc(var(--padding-inline) + 1px);
	left: auto
}

.header-menu-item.has-children:not(.megamenu) {
	position: relative
}

.header-menu-link:hover,
.mega-menu[open] .header-menu-link {
	color: var(--header-hover-color)
}

.header-dropdown-link {
	--text-color: var(--submenu-color);
	color: var(--submenu-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 24px;
	border-radius: 50px;
	border: 1px solid;
	border-color: transparent
}

.header-dropdown-item.dropdown-item-active .header-dropdown-link,
.header-dropdown-link[open],
.header-dropdown-link:hover {
	color: var(--submenu-hover-color);
	background: var(--submenu-color);
	border-color: var(--submenu-color)
}

.header-submenu-item+.header-submenu-item {
	margin-top: 5px
}

.header-submenu-link {
	--text-color: var(--submenu-color);
	padding: 6px 12px;
	display: inline-flex;
	gap: 5px;
	color: var(--submenu-color)
}

.header-submenu-link:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	color: var(--submenu-color)
}

.megamenu-wrap {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none
}

.megamenu-wrap[open] {
	pointer-events: auto
}

.megamenu-inner {
	--megamenu-list-column-count: 5;
	display: grid;
	grid-template-columns: 1fr;
	max-height: 60vh;
	padding-top: var(--list-block-spacing);
	background: linear-gradient(to top, var(--submenu-background) calc(100% - var(--list-block-spacing)), transparent calc(100% - var(--list-block-spacing)))
}

.megamenu-inner:has(.megamenu-media-list) {
	--megamenu-list-column-count: 3;
	grid-template-columns: 1fr 1fr
}

.megamenu-media-list {
	--clip-path-offset: 100%;
	display: flex;
	align-items: flex-start;
	max-height: inherit;
	min-height: calc(45vh - var(--list-block-spacing));
	max-height: calc(60vh - var(--list-block-spacing))
}

.megamenu-media-item {
	flex: 1 1 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.megamenu-media {
	height: 100%
}

.megamenu-media-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.megamenu-media-content-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 38px;
	background: linear-gradient(180deg, #0000 21.24%, rgba(var(--image-overlay-background), var(--image-overlay-opacity)) 94.15%)
}

.megamenu-media-button {
	--svg-wrapper-size: 12px;
	width: 34px;
	height: 34px
}

.megamenu-list {
	padding: 50px 90px;
	display: grid;
	gap: 20px;
	overflow: hidden;
	overflow-y: auto;
	max-height: 60vh;
	grid-template-columns: repeat(var(--megamenu-list-column-count), 1fr)
}

.megamenu-link,
.megamenu-submenu-link {
	--text-color: var(--submenu-color);
	color: var(--submenu-color);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-size: 0 calc(100% - .2em);
	transition: .35s background-size cubic-bezier(.215, .61, .355, 1);
	background-position-x: 100%;
	background-repeat: no-repeat
}

.megamenu-link:hover {
	background-size: calc(100% - 24px) calc(100% - .2em);
	background-position-x: 0;
	color: var(--submenu-hover-color)
}

.megamenu-submenu-list {
	margin-top: 5px
}

.megamenu-submenu-item+.megamenu-submenu-item {
	margin-top: 3px
}

.megamenu-submenu-link:hover {
	background-size: calc(100% - 24px) calc(100% - .2em);
	background-position-x: 0;
	color: var(--submenu-color)
}

.megamenu-submenu-link:hover .submenu-icon {
	-webkit-animation: slideInLeft .3s ease-out forwards;
	animation: slideInLeft .3s ease-out forwards
}

.header-section {
	position: static;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	transition: .4s ease
}

.announcement-hidden .header-main.header-sticky {
	top: 0
}

.header-section:has(.header-sticky),
.header-section:has(.header-sticky-onscroll) {
	position: sticky
}

.is-hidden {
	transform: translateY(calc(-1* var(--header-height) - 2px))
}

.header-main.transparency-none {
	background: #555555;
}

.header-main .predictive-search-results {
	border-top: 1px solid var(--border-color);
	padding: 50px 0
}

.header-main:has(.search-drawer-content) .predictive-search-results {
	border: 0
}

.header-main .header-search-form .search-page-input-group {
	margin: 0;
	height: 40px;
	grid-template-columns: auto 24px;
	border: 0;
	padding: 10px;
	align-items: center
}

.header-main .header-search-form .search-page-input-group .form-control {
	min-height: auto;
	height: auto;
	font-size: var(--text-xs);
	padding: 0;
	font-family: var(--body-font-family);
	text-indent: 5px
}

.header-main .header-search-form .search-buttons {
	min-width: auto;
	padding: 0;
	--svg-wrapper-size: 18px
}

.header-button-item .search-drawer-content.search-page-content {
	width: 100%;
	min-width: 300px;
	margin-right: 10px
}

.header-bottom-wrapper {
	background: var(--header-background);
	margin-top: var(--header-height, 0px)
}

.header-bottom-row {
	gap: 50px;
	display: grid;
	align-items: center
}

.logo-left .header-bottom-row {
	grid-template-areas: "header-bottom-logo header-bottom-content"
}

.logo-center .header-bottom-row {
	grid-template-areas: "empty header-bottom-logo header-bottom-content"
}

.header-bottom-logo {
	grid-area: header-bottom-logo
}

.header-bottom-logo .header-logo-inner {
	display: block;
	width: 100%;
	opacity: .5;
	visibility: hidden
}

html.no-js .header-bottom-logo .header-logo-inner,
html.no-animation .header-bottom-logo .header-logo-inner {
	opacity: 1;
	visibility: visible
}

.header-bottom-logo .header-logo {
	width: 100%;
	height: auto
}

.header-bottom-logo .header-logo-alternate {
	display: none
}

.header-bottom-content {
	grid-area: header-bottom-content;
	display: flex
}

.header-bottom-heading {
	margin-left: auto;
	display: inline-flex;
	flex-direction: column;
	padding-left: 18px;
	border-left: 1px solid rgba(var(--header-border-color))
}

.logo-center .header-bottom-heading {
	margin-left: 0;
	display: flex
}

.no-js-menu {
	display: none
}

html.no-js .header-main.header-hamburger .no-js-menu {
	display: block
}

html.no-js .header-toggle,
html.no-js .mobile-hamburger {
	display: none
}

html.no-js .no-js-menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	padding: 10px 0
}

html.no-js .no-js-menu ul .header--menu-link {
	font-size: 14px
}

@media (max-width:1024px) {
	.m-header-transparent {
		background-color: #0000;
		position: absolute;
		z-index: 10;
		width: 100%
	}

	.header-main.m-header-transparent:not(.transparency-none) .header-menu-link:not(:hover),
	.header-main.m-header-transparent:not(.transparency-none) .header-icon:not(:hover) {
		color: var(--transparent-header-color)
	}

	.header-main.m-header-transparent:not(.transparency-none) .mobile-hamburger {
		color: var(--transparent-header-color);
		border-color: var(--transparent-header-color)
	}

	.header-navigation {
		display: none
	}

	.header-navigation-list {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		flex-direction: column;
		align-items: start
	}

	.header-wrapper {
		grid-template-areas: "mobile-hamburger logo buttons";
		grid-template-columns: auto auto 1fr
	}

	.logo-center-menu-left .header-wrapper {
		grid-template-columns: 1fr auto 1fr
	}

	.logo-center-menu-left .header-wrapper .mobile-hamburger {
		margin-left: 0;
		margin-right: auto
	}

	.header-toggle {
		display: none
	}

	.header-button-item .search-drawer-content.search-page-content {
		min-width: auto;
		margin: 0
	}

	.header-button-item .header-icon-account {
		display: none
	}

	.header-main.header-sticky.header-sticky-animation.logo-center-menu-left .header-logo,
	.header-main.header-sticky.header-sticky-animation.logo-center-menu-left .header-logo-alternate {
		transform-origin: left top
	}
}

@media (max-width:767px) {
	.header-main .header-search-form .search-page-input-group {
		height: 35px;
		padding: 4px 8px
	}
}

@media (min-width:768px) {
	.header-main.header-sticky.header-sticky-animation .header-logo-inner {
		min-height: var(--header-height, 75px)
	}

	.header-main.header-sticky.header-sticky-animation .header-logo-inner>img {
		will-change: transform, top, left;
		transform: translate(-50%) scale(1);
		top: 100%;
		position: relative;
		transform-origin: left top;
		position: absolute;
		max-width: initial;
		width: var(--header-transition-logo-width)
	}

	html.no-js .header-main.header-sticky.header-sticky-animation .header-logo-inner>img,
	html.no-animation .header-main.header-sticky.header-sticky-animation .header-logo-inner>img {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		position: relative;
		width: var(--header-logo-width, 100px)
	}

	.header-main.header-sticky.header-sticky-animation.logo-center-menu-left .header-logo-inner>img {
		left: 50%;
		transform-origin: center top
	}

	.header-section:has(.is-hidden) {
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none
	}
}

@media (min-width:1025px) {
	.d-header-transparent {
		background-color: #0000;
		position: absolute;
		z-index: 10;
		width: 100%
	}

	.header-menu-link:hover .header-menu-text {
		transform: translateY(-100%)
	}

	.mobile-hamburger {
		display: none
	}

	.logo-left-menu-left .header-wrapper,
	.logo-left-menu-center .header-wrapper {
		grid-template-areas: "logo navigation buttons";
		grid-template-columns: auto 1fr auto;
	}

	.logo-center-menu-left .header-wrapper {
		grid-template-areas: "navigation logo buttons";
		grid-template-columns: 1fr auto 1fr
	}
}

@media (min-width:1200px) {
	.header-navigation-list {
		gap: 0 30px
	}

	.header-menu-item {
		--list-block-spacing: 18px
	}
}

@media (min-width:1441px) {
	.header-navigation-list {
		gap: 0 40px
	}

	.header-menu-item {
		--list-block-spacing: 24px
	}
}

/*# sourceMappingURL=/cdn/shop/t/8/assets/header.css.map?v=68816459965732429371750072567 */