.header{display:flex;flex-direction:column}@media screen and (min-width: 990px){.header{flex-direction:row}}.section-header .header__menu-item--active{background-color:var(--color-secondary-c);color:var(--color-secondary-b);transition:background-color var(--duration-default) var(--ease-out-slow)}.section-header .header__menu-item--active span{transition:color var(--duration-default) var(--ease-out-slow);color:var(--color-secondary-b)}.header__heading-link{padding:0;max-width:12rem;display:flex;align-items:center}@media screen and (min-width: 990px){.header__heading-link{max-width:none;padding:1rem 0}}.scrolled-past-header :is(.header__heading-link .header__heading-logo-wrapper){width:100%}@media screen and (min-width: 990px){.scrolled-past-header :is(.header__heading-link .header__heading-logo-wrapper){width:75%}}.header__heading{display:flex;align-items:center}.header-top{background-color:var(--color-menu-top-bar);display:none}@media screen and (min-width: 990px){.header-top{display:block}}.header-top .page-width{display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.header-top .header__menu-item{color:var(--color-menu-top-text);font-size:1.6rem;padding:.3rem 1.2rem .6rem}.header__bottom{display:flex;align-items:center;transition:height var(--duration-default) var(--ease-out-slow)}@media screen and (min-width: 990px){.header__bottom{height:80px}}@media screen and (min-width: 1404px){.header__bottom{height:80px}}@media screen and (min-width: 1404px){.scrolled-past-header .header__bottom{height:38px}}@media screen and (min-width: 990px){.scrolled-past-header--big .header__bottom{height:80px}}@media screen and (min-width: 1404px){.scrolled-past-header--big .header__bottom{height:38px}}.header__bottom .mega-menu__content{background-color:#fff}.header__bottom .header__menu-item{padding:.8rem!important}.header__bottom .header__inline-menu{width:100%}.header__bottom .header__inline-menu .list-menu{display:flex;justify-content:space-between;gap:.3rem;row-gap:0}.header__bottom .header__inline-menu .list-menu.list-menu--tablet-large{justify-content:flex-start!important}@media screen and (min-width: 1356px){.header__bottom .header__inline-menu .list-menu.list-menu--tablet-large{justify-content:space-between!important}}.header__inside{flex-shrink:0;width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}@media screen and (min-width: 990px){.header__inside{width:auto;flex-direction:row}}.header__mobile{display:flex}@media screen and (min-width: 500px){.header__mobile{gap:1rem}}@media screen and (min-width: 990px){.header__mobile{display:none}}.header__mobile .header__icon{border-radius:var(--inputs-radius);overflow:hidden;transition:background-color var(--duration-default) var(--ease-out-slow)}.header__mobile .header__icon.js-active{background-color:var(--color-secondary-c)}.header__mobile .header__icon svg{width:2.4rem;height:2.4rem;stroke:var(--color-secondary-b);color:var(--color-secondary-b)}.header__mobile .header__icon .icon-close{width:2rem;height:2rem}.header__mobile .header__icon--cart{margin-right:0}.menu-opening :is(.header__mobile .header__icon--menu){background-color:var(--color-secondary-c)}.header__mobile .header__icon--menu>span .icon-hamburger{width:2.4rem;height:2.4rem;stroke:var(--color-secondary-b)}.header__mobile .header__icon--menu>span .icon{stroke:var(--color-secondary-b);fill:var(--color-secondary-b)}.header__mobile header-drawer{margin-left:0}.header-top__language-switcher{line-height:1}.header-top__language-switcher .localization-form{padding:0;margin:0}.header-top__language-switcher .disclosure__list-wrapper{top:100%;bottom:auto;transform:translateY(0);width:100%;min-width:80px;right:-50%;z-index:5}.header-top__language-switcher .disclosure__list-wrapper .disclosure__list{min-width:auto}.header-top__language-switcher .disclosure__list-wrapper .disclosure__list .link{font-size:1.6rem;font-weight:var(--font-weight-semi-bold);color:var(--color-menu-top-text)}.header-top__language-switcher .disclosure__button{margin:0!important;padding:.3rem 1.6rem .6rem!important;font-size:1.6rem;font-weight:var(--font-weight-semi-bold);color:var(--color-menu-top-text);min-width:auto;height:auto;min-height:auto;background-color:transparent}.header-top__language-switcher .disclosure__button svg{right:0;top:auto}.header-top__language-switcher .disclosure__button:after{display:none}.header-wrapper{position:sticky;background-color:#fff}.header__line{position:sticky;top:0;width:100%;height:5px;background-color:var(--color-menu-top-bar);z-index:10}.header__icons{padding-right:0;display:none;gap:1.6rem;justify-content:flex-end}@media screen and (min-width: 990px){.header__icons{display:flex}}.header__icons .header__icon{width:4rem;height:4rem;margin-right:0}.header__icons .header__icon svg{stroke:var(--color-secondary-b);width:2.4rem;height:2.4rem;color:var(--color-secondary-b)}.header__icons .button{flex-shrink:0}.header__search{display:block;flex:1;width:100%;margin-top:.5rem}@media screen and (min-width: 990px){.header__search{margin-top:0;width:auto;flex:1}}.header__search .predictive-search{border-radius:.8rem}.header__search .search-modal__content{padding:0}.header__search .predictive-search__loading-state{display:none}.header__search .spinner{max-width:20px;max-height:20px}.header__search form .field:after{box-shadow:0 0 0 var(--inputs-border-width) var(--color-primary-a, 1);border-radius:var(--buttons-radius)}.header__search form .field .search__button{height:4rem}.header__search form .field .search__button svg{color:var(--color-primary);width:2.4rem;height:2.4rem}.header__search form .field:hover.field:after{box-shadow:0 0 0 var(--inputs-border-width) var(--color-secondary, 1);border-radius:var(--buttons-radius)}.header__search form input{background-color:var(--color-primary-c);height:4rem;border-radius:var(--buttons-radius)}.header__search form input:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) var(--color-secondary);border-radius:var(--buttons-radius)}.header__search form .field__label{color:var(--color-primary-a);top:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.header__menu-item{font-size:1.8rem;font-weight:var(--font-weight-semi-bold);color:var(--color-primary)}.shopify-section-header-sticky{top:4px}.mega-menu__list{flex-direction:column}.mega-menu__link.mega-menu__link--text{margin-top:auto;margin-bottom:auto;height:100%}.mega-menu__link--level-2.link{color:rgb(var(--color-foreground));display:flex;align-items:center;gap:1rem;padding:1.2rem;border-bottom:1px solid var(--color-grey-200);max-width:25rem}.mega-menu__link--level-2.link:hover img{scale:1.05}.mega-menu__link--level-2.link img{width:10.4rem;height:3.7rem;object-fit:contain;scale:1;transition:scale var(--duration-default) var(--ease-out-slow)}.mega-menu__link--level-2.link .placehold-image{display:none}.mega-menu__link--level-2.link .placehold-image.placehold-image--visible{display:block}.link{transition:color .3s ease}.link:hover{color:var(--color-secondary-b)}.link:hover span{text-decoration:none}.link .link__icon{width:2rem;height:2rem;flex-shrink:0;stroke:rgb(var(--color-foreground))}.link .link__icon svg{width:100%;height:100%}.link .link__icon img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%)}.link .link__label{font-size:1.6rem;font-weight:var(--font-weight-semi-bold)}.link--active{color:var(--color-secondary-b)}.link--active span{text-decoration:none}details summary.header__menu-item{padding-right:0!important}details[open]>.header__menu-item{background-color:var(--color-secondary-c);color:var(--color-secondary-b);transition:background-color var(--duration-default) var(--ease-out-slow),color var(--duration-default) var(--ease-out-slow)}.mega-menu .mega-menu__content{padding-right:0;padding-left:0}.mega-menu .mega-menu__content .mega-menu__content__wrapper{display:flex}.mega-menu .mega-menu__list{padding:0;width:25%}.mega-menu .mega-menu__list.mega-menu__list--brands{width:75%}.mega-menu .mega-menu__list.mega-menu__list--brands>ul{padding:0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4.8rem}.mega-menu .mega-menu__list.mega-menu__list--brands>ul li{width:15%;display:flex;align-items:center;justify-content:center}.mega-menu .mega-menu__list .link{padding:.8rem 0;border:none;text-decoration:none;transition:color var(--duration-default) var(--ease-out-slow)}.mega-menu .mega-menu__list .link:hover{text-decoration:none;color:var(--color-secondary-b)}.mega-menu .mega-menu__list .link.mega-menu__link--active{color:var(--color-secondary-b)}.mega-menu .mega-menu__list .mega-menu__title{margin-bottom:2rem;padding-left:0}.mega-menu .mega-menu__list .mega-menu__title .link{padding-top:0}.mega-menu .mega-menu__list .mega-menu__title .link .link__label{font-size:2rem;font-weight:var(--font-weight-semi-bold);color:var(--color-secondary-b)}.menu-drawer .menu-drawer__navigation{padding-top:0}.menu-drawer .menu-drawer__menu.has-submenu .link .icon-caret{transform:rotate(-90deg)}.menu-drawer .menu-drawer__menu.brands-menu{padding:0;list-style-type:none;display:flex;flex-wrap:wrap}.menu-drawer .menu-drawer__menu.brands-menu li{width:50%}.menu-drawer .menu-drawer__menu.brands-menu li a{display:flex;justify-content:center}.menu-drawer .link{font-size:1.8rem;font-weight:var(--font-weight-semi-bold);transition:color var(--duration-default) var(--ease-out-slow),background-color var(--duration-default) var(--ease-out-slow)}.menu-drawer .link:hover{color:var(--color-secondary-b);background-color:var(--color-secondary-c)}.menu-drawer .link .icon-caret{display:block!important;height:.6rem}.menu-drawer .list-menu--top-menu .link{font-size:1.6rem}.menu-drawer .menu-drawer__title{margin-top:3rem}.menu-drawer .menu-drawer__title .link{width:100%;font-size:2rem}.menu-drawer .separator{width:calc(100% - 6rem);height:.1rem;background-color:var(--color-primary-b);display:block;margin:1.1rem 3rem}.menu-drawer .menu-drawer__utility-links{padding:0!important}.menu-drawer .menu-drawer__utility-links .localization-form{width:100%}.menu-drawer .menu-drawer__utility-links .localization-form .disclosure__button{padding-left:3rem}.menu-drawer .menu-drawer__utility-links .localization-form .disclosure__button:hover{text-decoration:none}.user-menu{flex-shrink:0;position:relative}.user-menu .user-menu__dropdown{position:absolute;width:100%;padding:1rem 2rem;display:none;opacity:0;transform:translateY(1rem);animation:animateLocalization var(--duration-default) ease}.user-menu .user-menu__dropdown.js-open{opacity:1;transform:translateY(0);display:block}.user-menu .user-menu__dropdown .user-menu__list{list-style-type:none;margin:0;padding:0}.user-menu .user-menu__dropdown .user-menu__list .link{color:var(--color-primary);text-decoration:none;font-size:1.6rem;font-weight:var(--font-weight-semi-bold);transition:color var(--duration-default) var(--ease-out-slow)}.user-menu .user-menu__dropdown .user-menu__list .link:hover{color:var(--color-secondary-b)}user-menu-mobile .menu-drawer{transform:translate(-100%);visibility:hidden;position:absolute;transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}user-menu-mobile .menu-drawer.js-open{transform:translate(0);visibility:visible}user-menu-mobile .menu-drawer .menu-drawer__navigation{padding-bottom:0}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail){transition:background-color var(--duration-default) var(--ease-out-slow)}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail):hover{background-color:var(--color-secondary-c)}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail):hover .predictive-search__item-heading{color:var(--color-secondary-b)}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail):hover .predictive-search__item-heading mark{color:var(--color-secondary-a)}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail) .predictive-search__item-heading{transition:color var(--duration-default) var(--ease-out-slow)}.predictive-search .predictive-search__item:not(.predictive-search__item--link-with-thumbnail) .predictive-search__item-heading mark{color:var(--color-secondary-b)}.predictive-search .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.predictive-search .predictive-search__list-item .predictive-search__item-heading{font-size:2rem}.predictive-search .predictive-search__list-item .predictive-search__item-heading.product-title{font-size:1.6rem}.predictive-search .predictive-search__item-query-result *:not(mark){font-weight:var(--font-header-weight)}.predictive-search .predictive-search__search-for-button .predictive-search__item{font-size:2rem}.predictive-search .predictive-search__item-heading{transition:color var(--duration-default) var(--ease-out-slow)}.predictive-search .predictive-search__item--link-with-thumbnail:hover{background-color:transparent}.predictive-search .predictive-search__item--link-with-thumbnail:hover .predictive-search__item-heading{color:var(--color-secondary-b)}.predictive-search .caption-with-letter-spacing{text-transform:none;font-size:1.4rem}.header__inline-menu .link .svg-wrapper{padding:.5rem;border-radius:.4rem;border:.1rem solid #A6A6A6;margin-left:.4rem}.header__inline-menu .link .svg-wrapper .icon-caret{display:flex;position:static;height:.6rem;width:unset}.menu-drawer__menu-item img{width:10rem;height:6rem;object-fit:contain}.menu-drawer__title a{color:var(--color-secondary-b)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-header.css.map */