:root {
	--header-search-input-height: var(--input-button-height) - 2px;
}

#header {position: sticky;top: 0;z-index: 102;}
#header #header-main-block {position: relative;border-bottom: 1px solid var(--color-theme);}
#header .wrapper-header {position: relative;background-color: var(--header-background-color);}
#header .row-header {display: flex;justify-content: space-between;column-gap: 30px;}
#header .left-header {display: flex;align-items: center;}
#header .left-header,
#header .center-header,
#header .right-header {flex-grow: 0;flex-shrink: 0;}
#header .toggle-button {display: flex;align-items: center;column-gap: 5px;}
#header .toggle-button .rdc-icon-svg-mask {display: inline-block;width: 24px;height: 24px;vertical-align: middle;background-color: var(--header-text-color);}
#header .logo {display: block;max-width: 100%;padding: 0;line-height: 0;}
#header .logo img {display: block;}
#header .center-header {flex-shrink: 1;flex-grow: 1;display: flex;align-items: center;column-gap: 30px;}
#header .wrapper-inline-menu {flex-grow: 1;flex-shrink: 0;}
#header .wrapper-inline-menu .menu > ul > li > a,
#header .wrapper-inline-menu .menu > ul > li > .a {display: flex;align-items: center;height: 60px;padding: 0 15px;color: var(--header-text-color);}
#header .rdc-header-search input {position: relative;width: 100%;}
#header .rdc-header-inline-search {flex-basis: 100%;}
#header .rdc-header-inline-search:only-child {margin-left: 15px;}
#header.rdc-header-layout-1 .rdc-header-inline-search .search-form {max-width: 460px;margin: 0 auto;}
#header.rdc-header-layout-1 .rdc-header-inline-search .search-form input {border-color: var(--header-submenu-background-color);background-color: var(--color-white);}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input {color: var(--header-text-color);border-color: var(--header-text-color);background-color: var(--header-background-color);}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input::-webkit-input-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input::-moz-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input:-ms-input-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input:-moz-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form .rdc-icon-svg-mask {background-color: var(--header-text-color);}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul {justify-content: flex-end;}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li > .a {border-bottom: 3px solid transparent;}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover::after {background-color: var(--color-white);}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover > .a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.sel > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.sel > .a {border-color: currentColor;}
#header .shop-icons > ul {display: flex;align-items: center;margin: 0;list-style: none;}
#header .shop-icons > ul > li {position: relative;}
#header .shop-icons > ul > li > a,
#header .shop-icons > ul > li > .a {position: relative;display: flex;align-items: center;justify-content: center;padding: 0 15px;color: var(--header-text-color);text-decoration: none;}
#header .shop-icons > ul > li > a p,
#header .shop-icons > ul > li > .a p {color: currentColor;}
#header .shop-icons > ul > li > a span,
#header .shop-icons > ul > li > .a span {position: absolute;top: 0;right: 0;transform: translate(40%, -40%);min-width: 24px;padding: 0 4px;border-radius: 18px;text-align: center;color: var(--header-submenu-text-color);background-color: var(--header-submenu-background-color);}
#header .shop-icons > ul > li .rdc-icon-svg-mask {display: inline-block;width: 24px;height: 24px;vertical-align: middle;background-color: var(--header-text-color);}
#header .shop-icons > ul > li .rdc-icon-svg-mask + p {padding-left: 8px;}
#header .shop-icons > ul > li .icon-cart + p {padding-left: 12px;}
#header .shop-icons > ul > li.cart > a .icon-cart {position: relative;}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.active) {background-color: var(--header-submenu-background-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.active) .rdc-icon-svg-mask {background-color: var(--header-submenu-text-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.active) > a span {color: var(--header-text-color);background-color: var(--header-background-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.active) > a p,
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.active) > .a p {color: var(--header-submenu-text-color);}
#header .menu > ul > li > a[href="javascript:void(0);"],
#header .menu > ul > li > .rdc-menu-page-disabled,
#header .shop-icons > ul > li.disabled a,
#header .shop-icons > ul > li.disabled .a,
#header .shop-icons > ul > li > a.disabled {cursor: default;}
#header .shop-icons > ul > li > a.disabled span {display: none;}
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.hover > a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.hover > .a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.sel > a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.sel > .a,
#header .shop-icons > ul > li.active > a,
#header .shop-icons > ul > li.active > .a {opacity: 0.75;}
#header .wrapper-menu-bar {background-color: var(--header-submenu-background-color);}
#header .menu {position: relative;}
#header .menu > ul {display: flex;align-items: center;column-gap: 5px;}
#header .menu > ul > li > a,
#header .menu > ul > li > .a {text-decoration: none;}
#header .menu > ul > li.hover {position: relative;}
#header .menu > ul > li.hover::after {content: '';position: absolute;top: 100%;right: 0;left: 0;height: 1px;}
#header .wrapper-menu-bar .menu > ul > li.hover::after {background-color: var(--header-background-color);}
#header .wrapper-menu-bar .menu > ul > li > a,
#header .wrapper-menu-bar .menu > ul > li > .a {position: relative;display: block;padding: 8px 15px;}
#header .wrapper-menu-bar .menu > ul > li > a:not(.featured),
#header .wrapper-menu-bar .menu > ul > li > .a:not(.featured) {color: var(--header-submenu-text-color);}
#header .wrapper-menu-bar .menu > ul > li.hover > a,
#header .wrapper-menu-bar .menu > ul > li.hover > .a,
#header .wrapper-menu-bar .menu > ul > li.sel > a,
#header .wrapper-menu-bar .menu > ul > li.sel > .a {color: var(--header-text-color);background-color: var(--header-background-color);}
#header .rdc-header-search-bar {left: 0;width: 100%;padding: 6px 0;border-bottom: 1px solid var(--color-lines);background: var(--color-white);z-index: 15;}
#header .rdc-header-search-bar-absolute {position: absolute;top: var(--main-header-height);}
#header .rdc-header-search-bar .rdc-header-search-container {display: grid;grid-template-columns: 54px minmax(0, 500px) 54px;align-items: center;justify-content: space-between;}
#header .rdc-header-search-bar .rdc-icon-svg-mask {width: 32px;height: 32px;margin: 0 auto;background-color: var(--color-gray);}
#header .rdc-header-search-bar form {grid-column: 2;}
#header .rdc-header-search-bar input[type="search"] {height: auto;padding-left: 56px;padding-right: 56px;border: 0;}
#header .rdc-header-search-bar .btn-close-search {grid-column: 3;}
#header #country-drop,
#header #header-hideprices-drop {position: absolute;right: 0;width: 270px;padding: 10px;background: var(--color-white);z-index: 101;}
#header #header-hideprices-drop {display: grid;grid-template-columns: minmax(0, 1fr) max-content;column-gap: 15px;align-items: center;}
#header .notifications {position: absolute;top: calc(100% + 5px);left: 0;width: 100%;text-align: right;}
#header .notifications .wrapper-notifications {float: right;}
#header .notifications .notification {position: relative;display: none;padding: 5px 15px;border-radius: 4px;background: rgba(0, 0, 0, 0.9);}
#header .notifications .add-cart-mobile {background: #FFF;text-align: center;padding: 15px;border-bottom: 1px solid lightgray;}
#header .notifications .add-cart-mobile p {padding-bottom: 8px;}
#header .rdc-header-language-change-overlay,
#header .rdc-header-hide-prices-overlay,
#header .rdc-header-search-bar-overlay {position: fixed;top: calc(var(--main-header-height) + var(--header-offset-top));right: 0;bottom: 0;left: 0;background-color: var(--color-overlay);z-index: 11;}

@media screen and (hover: hover) and (pointer: fine) {
	#header .wrapper-menu-bar .menu > ul > li:hover > a,
	#header .wrapper-menu-bar .menu > ul > li:hover > .a {color: var(--header-text-color);background-color: var(--header-background-color);}
	#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li:hover > a,
	#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li:hover > .a {border-color: currentColor;}
	#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li:hover > a,
	#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li:hover > .a,
	#header .shop-icons > ul > li:not(.disabled) > a:hover,
	#header .shop-icons > ul > li:not(.disabled) > .a:hover,
	#header .shop-icons > ul > li:not(.disabled):hover > .a {opacity: 0.75;}
}

@media screen and (min-width: 1200px) {
	#header .left-header {column-gap: 30px;}
	#header .toggle-button {position: relative;z-index: 104;}
	#header .shop-icons > ul > li:not(:first-child)::before {content: '';position: absolute;top: 50%;left: 0;display: block;width: 1px;height: 24px;transform: translateY(-50%);background-color: var(--header-border-color);}
	#header .shop-icons > ul > li.user-account > a p,
	#header .shop-icons > ul > li.user-account > .a p {max-width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart:not(:hover):not(.active)::before,
	#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart:not(:hover):not(.active) + li::before {display: none;}
	#main {min-height: 600px;}
}

@media screen and (min-width: 768px) {
	#header .logo img {max-height: 60px;}
	#header .wrapper-header,
	#header .shop-icons > ul > li > a,
	#header .shop-icons > ul > li > .a {height: 60px;}
}

@media screen and (max-width: 1199px) {
	#header .left-header {column-gap: 15px;}
	#header .shop-icons {margin-right: calc(var(--container-padding) * -1);}
}

@media screen and (max-width: 767px) {
	#header .wrapper-header,
	#header .shop-icons > ul > li > a,
	#header .shop-icons > ul > li > .a {height: 49px;}
	#header .logo img {max-height: 49px;}
	#header .shop-icons > ul > li {position: static;}
	#header .notifications {top: calc(100% + 1px);}
	#header .notifications .container {padding: 0;}
	#header .notifications .wrapper-notifications {float: none;}
	#header .notifications .notification {border-radius: 0;text-align: center;}
	#header #header-hideprices-drop {width: 100%;}
	#containerSite {min-height: 100vh;}
}

/* ##### BACKWARD COMPATIBILITY ##### */
body .account-menu,
body .account-menu-sales {display: none !important;}
/* ################################## */