.header{background-color:#fff;border-bottom:1px solid rgba(37,37,37,.12);padding:24px 0;width:100%}.header__wrapper{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:16px}.header__nav{display:flex;align-items:center;gap:8px 32px;padding:0}.header__nav-item{display:flex;gap:8px;font-size:16px;line-height:140%;text-decoration:none;white-space:nowrap;position:relative}.header__nav-item:after{content:"";display:block;width:200%;height:32px;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);pointer-events:none}.header__nav li:hover .header__nav-item:after{pointer-events:all}.header__badge{display:flex;align-items:center;justify-content:center;padding:2px 6px;background-color:var(--badge-background);color:var(--badge-color);border-radius:32px;font-size:12px;font-weight:500;line-height:1;height:fit-content}.header__logo{display:flex;text-decoration:none}.header__logo img{height:24px;width:auto}.header__right{display:flex;align-items:center;justify-content:end;gap:56px}.header__icons{display:flex;align-items:center;gap:24px}.header__icon{display:flex;text-decoration:none;color:var(--text-color);cursor:pointer}.header__icon svg{width:24px;height:24px}.header__cart{position:relative}.header__cart-count{position:absolute;top:-4px;right:-8px;width:16px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:var(--button-background);color:#fff;border:1px solid #ffffff;border-radius:32px;font-size:10px;font-weight:500;line-height:1;text-align:center}.header__menu-toggle{width:fit-content;display:flex;position:relative}.header__menu-toggle svg{width:24px;height:24px;transition:opacity .3s}.header__menu-toggle svg.icon--close{position:absolute;top:0;left:0;z-index:1}.header.open .header__menu-toggle svg.icon--menu,.header:not(.open) .header__menu-toggle svg.icon--close{opacity:0}.header__megamenu{position:absolute;top:calc(100% + 1px);left:0;right:0;width:100%;height:fit-content;max-height:calc(100dvh - var(--header-height));overflow-y:auto;background-color:#fff;border-radius:0 0 12px 12px;padding:24px 0;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;z-index:1;pointer-events:none}.header__nav li:hover .header__megamenu{opacity:1;transform:translateY(0);pointer-events:all}.header__megamenu-wrapper{display:flex;gap:24px}.header__megamenu-collections{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:16px 24px;height:fit-content}.header__megamenu-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none}.header__megamenu-card-image{background-color:#d3eced;border-radius:24px;overflow:hidden;display:flex}.header__megamenu-card-image img,.header__megamenu-card-image svg{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.header__megamenu-card-title{font-size:14px;line-height:140%;text-align:center;opacity:.6;color:var(--text-color);word-break:break-all}.header__megamenu-banner{width:370px;height:fit-content;flex-shrink:0;position:relative;border-radius:24px;overflow:hidden;display:flex}.header__megamenu-banner-media{width:100%;display:flex}.header__megamenu-banner-media img,.header__megamenu-banner-media svg{width:100%;height:100%;aspect-ratio:370 / 432;object-fit:cover}.header__megamenu-banner-content{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:end;gap:24px;padding:24px}.header__megamenu-banner-title{color:#f8f2e2}.header__megamenu-banner-link{display:flex;align-items:center;gap:16px;justify-content:space-between;background-color:#f8f2e2;border-radius:32px;padding:8px 8px 8px 16px;text-decoration:none}.header__megamenu-banner-link img{width:32px;height:32px;object-fit:cover}.header__megamenu-banner-link-label{flex:1;font-size:14px;line-height:160%;text-decoration:none;color:var(--text-color)}.header__megamenu-banner-link-label:hover{text-decoration:underline}.header__megamenu-banner-link-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--button-background);color:#fff;border-radius:32px;flex-shrink:0;transition:background-color .3s}.header__megamenu-banner-link:hover .header__megamenu-banner-link-icon{background-color:var(--button-background-hover)}.header__megamenu-banner-link-icon svg{width:16px;height:16px}.header__search-drawer{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:transparent;visibility:hidden;transition:backdrop-filter .3s,background-color .3s,visibility .3s;pointer-events:none}.header__search-drawer.open{background-color:#25252533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:all;visibility:visible}.header__search-drawer-inner{width:100%;max-width:480px;height:100dvh;background-color:#fff;border-radius:24px 0 0 24px;margin-left:auto;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s}.open .header__search-drawer-inner{transform:translate(0)}.header__search-drawer-top{padding:32px 32px 16px;display:flex;flex-direction:column;gap:16px}.header__search-drawer-heading{display:flex;align-items:center;justify-content:space-between;font-size:32px}.header__search-drawer-close{display:flex}.header__search-drawer-close svg{width:24px;height:24px}.header__search-drawer-field{position:relative}.header__search-drawer-input{background-color:#f3f3f3;border:1px solid rgba(37,37,37,.12)}.header__search-drawer-clear,.header__search-drawer-loading{display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);transition:opacity .3s}.header__search-drawer-input:placeholder-shown~.header__search-drawer-clear,.loading .header__search-drawer-input:focus~.header__search-drawer-clear,.loading .header__search-drawer-clear{opacity:0}.header__search-drawer-input:focus~.header__search-drawer-clear{opacity:1}.header__search-drawer-clear svg,.header__search-drawer-loading svg{width:24px;height:24px;opacity:.5}.header__search-drawer-content{flex:1;position:relative;padding:0 32px;overflow:auto}.predictive__content{height:100%;overflow:auto}.predictive__results{height:100%;display:flex;flex-direction:column;gap:16px;overflow:auto;padding:0 0 112px}.predictive__queries{display:flex;flex-direction:column;padding:0;gap:12px}.predictive__query{font-size:16px;line-height:140%;color:#25252580;text-decoration:none}.predictive__query strong{font-weight:400;color:#252525}.predictive__products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.predictive__products .product-card__reviews,.predictive__products .product-card__benefits,.predictive__products .product-card__price-savings span{display:none}.predictive__products .product-card__content{padding:12px 0 0;gap:12px}.predictive__products .product-card__title{font-size:14px}.predictive__products .product-card__price{gap:6px;font-size:16px}.predictive__products .product-card__price-compare{font-size:12px}.predictive__bottom{width:100%;padding:24px 32px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,#fff0,#fff);z-index:1}.predictive__show-all{width:100%;text-transform:uppercase;background-color:var(--button-alt-background);border-color:var(--button-alt-background)}.predictive__show-all:hover{background-color:var(--button-alt-background-hover);border-color:var(--button-alt-background-hover)}.header__menu{position:fixed;top:var(--menu-height);left:0;width:100vw;height:calc(100dvh - var(--menu-height));background-color:transparent;visibility:hidden;transition:backdrop-filter .3s,background-color .3s,visibility .3s;pointer-events:none;z-index:1}.header.open .header__menu{background-color:#25252533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:all;visibility:visible}.header__menu-inner{width:100%;max-width:480px;height:calc(100dvh - var(--menu-height));background-color:#fff;border-radius:0;margin-left:auto;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s;position:relative;overflow-y:auto;overflow-x:hidden;padding:24px 0 16px}.header.open .header__menu-inner{transform:translate(0)}.header__menu-inner:has(.header__menu-details.open),.header__menu-inner:has(.header__search-content:not(:empty)){overflow:hidden}.header__search{padding:0 16px 8px}.header__search-field{position:relative}.header__search-input{background-color:#f3f3f3;border:1px solid rgba(37,37,37,.12)}.header__search-clear,.header__search-loading{display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);transition:opacity .3s}.header__search-input:placeholder-shown~.header__search-clear,.loading .header__search-input:focus~.header__search-clear,.loading .header__search-clear{opacity:0}.header__search-input:focus~.header__search-clear{opacity:1}.header__search-clear svg,.header__search-loading svg{width:24px;height:24px;opacity:.5}.header__search-content{position:absolute;top:80px;right:0;bottom:0;left:0;overflow:auto;z-index:2;background-color:#fff;display:block!important;transition:opacity .3s;padding:4px 16px}.header__search-content:empty{opacity:0;pointer-events:none}.header__menu-blocks{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 16px}.header__menu-item{width:100%;padding:16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;text-decoration:none}.header__menu-item:has(.header__badge){background-color:#f8f2e2}.header__menu-item svg{width:24px;height:24px}.header__menu-item-label{display:flex;gap:8px;font-size:18px;font-weight:400;line-height:140%;pointer-events:none}.header__menu-details{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;padding:16px;overflow:auto;z-index:2;transform:translate(100%);transition:transform .3s;pointer-events:none;display:flex;flex-direction:column}.header__menu-details.open{transform:translate(0);pointer-events:all}.header__menu-back{padding:6px 0;display:flex;align-items:center;gap:8px;opacity:.5;font-size:14px;line-height:140%;margin:0 0 8px}.header__menu-back svg{width:16px;height:16px}.header__menu-back *{pointer-events:none}.header__menu-collections{display:flex;flex-direction:column;gap:8px;flex:1;overflow:auto}.header__menu-collection{display:flex;align-items:center;gap:16px;padding:8px;border-radius:12px;font-size:16px;line-height:160%;text-decoration:none;background-color:#d3eced}.header__menu-collection-image{display:flex}.header__menu-collection-image img,.header__menu-collection-image svg{width:64px;height:64px;object-fit:cover}.header__menu-banner{width:calc(100% - 32px);position:relative;margin:24px auto 0}.header__menu-banner-media{display:flex;border-radius:16px;overflow:hidden}.header__menu-banner-media img,.header__menu-banner-media svg{width:100%;height:100%;aspect-ratio:358 / 200;object-fit:cover}.header__menu-banner-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:16px}.header__menu-banner-title{font-size:28px;color:#f8f2e2}.header__menu-banner-link{display:flex;align-items:center;gap:16px;justify-content:space-between;background-color:#f8f2e2;border-radius:12px;padding:8px 8px 8px 16px;text-decoration:none}.header__menu-banner-link img{width:32px;height:32px;object-fit:cover}.header__menu-banner-link-label{flex:1;font-size:14px;line-height:160%;text-decoration:underline;color:var(--text-color)}.header__menu-banner-link-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--button-background);color:#fff;border-radius:32px;flex-shrink:0}.header__menu-banner-link-icon svg{width:16px;height:16px}.header__menu-trust{margin:16px 0 0;display:flex;justify-content:center}.header__menu-localization{margin:56px 0 0;padding:0 16px}.header__menu-localization .localization__dropdown{top:unset;bottom:calc(100% + 8px)}@media screen and (max-width:1200px){.header__nav{flex-wrap:wrap}.header__megamenu-banner{display:none}}@media screen and (max-width:989px){.header__megamenu-collections{gap:12px 16px;grid-template-columns:repeat(4,1fr)}.header__trust{display:none}}@media screen and (max-width:749px){.header{padding:16px 0}.header__logo img{height:20px}.predictive__bottom{padding:24px 16px}}@media(hover:none){.header__megamenu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-header.css.map */
