:root{--menu-surface: #f2f0ec;--menu-close-bg: #e8e8e8;--menu-ease: cubic-bezier(.2, .75, .5, 1);--header-height: 72px}@media(max-width:1024px){:root{--header-height: 56px}}.header-wrapper{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-background);transition:transform var(--duration-default) var(--ease-default),box-shadow var(--duration-default) var(--ease-default)}.header-wrapper.header--hidden{transform:translateY(-100%)}.header-wrapper.header--scrolled{box-shadow:0 1px 0 var(--color-border),var(--shadow-sm)}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-height);gap:24px}.header__start{display:flex;align-items:center;gap:16px;justify-self:start}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);transition:transform .4s var(--menu-ease),opacity var(--transition)}.header__menu-toggle:hover{opacity:.6}.header__menu-toggle svg{width:24px;height:24px}.header__logo{display:block;flex-shrink:0;line-height:0;transition:opacity var(--transition)}.header__logo:hover{opacity:.7}.header__logo img{display:block;width:116px;height:20px}.header__nav{display:flex;align-items:center;gap:32px}.header__nav-link{position:relative;padding:4px 0;font-size:16px;font-weight:400;line-height:normal;white-space:nowrap;color:var(--color-primary);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left 100%;background-size:0 1px;transition:background-size .5s var(--menu-ease)}.header__nav-link:hover,.header__nav-link.is-active{color:var(--color-primary);background-size:100% 1px}.header__icons{display:flex;align-items:center;gap:16px;justify-self:end}.header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);background:none;border:none;cursor:pointer;transition:opacity var(--transition),transform .35s var(--menu-ease);text-decoration:none}.header__icon:hover{color:var(--color-primary);opacity:.6;transform:translateY(-1px)}.header__icon svg{width:24px;height:24px;flex-shrink:0}.header__icon-count{position:absolute;top:-5px;right:-7px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background-color:#b44b3c;color:var(--color-white);font-size:9px;font-weight:400;line-height:1;border-radius:1000px}.header__icon-count.is-bumped{animation:header-bump .5s var(--menu-ease)}@keyframes header-bump{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}@media(max-width:1180px){.header__nav{gap:20px}}@media(max-width:1024px){.header{grid-template-columns:1fr auto;gap:16px}.header__nav{display:none}}.menu-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-primary);background:var(--menu-close-bg);transition:background-color .3s var(--menu-ease),transform .4s var(--menu-ease)}.menu-close:hover{background:#dcdcdc;transform:rotate(90deg)}.mega{position:fixed;top:0;left:0;right:0;z-index:var(--z-drawer);max-height:100vh;overflow-y:auto;background:var(--color-background);opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .4s var(--menu-ease),transform .5s var(--menu-ease),visibility .4s;--bleed: max(var(--page-padding), calc((100vw - 1320px)/2) )}.mega.is-open{opacity:1;visibility:visible;transform:none}.mega__inner{padding-top:40px;padding-bottom:66px}.mega__body{display:grid;grid-template-columns:318px minmax(0,1fr);column-gap:16px;margin-top:24px}.mega__nav{position:relative;z-index:5}.mega__list>li{border-bottom:1px solid var(--color-border)}.mega__list>li:last-child{border-bottom:0}.mega__toggle,.mega__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 0;font-size:16px;line-height:1.3;color:var(--color-primary);text-align:left;transition:opacity .3s var(--menu-ease)}.mega__toggle:hover,.mega__link:hover{color:var(--color-primary);opacity:.6}.mega__toggle svg{flex-shrink:0;transition:transform .4s var(--menu-ease)}.mega__item.is-open>.mega__toggle{padding-bottom:7px;font-weight:600}.mega__item.is-open>.mega__toggle svg{transform:rotate(90deg)}.mega__sub{display:none;padding-bottom:9px}.mega__item.is-open>.mega__sub{display:block;animation:menu-rise .45s var(--menu-ease) both}.mega__subitem{position:relative}.mega__subitem+.mega__subitem{border-top:1px solid var(--color-border)}.mega__sublink{display:flex;align-items:center;justify-content:space-between;height:51px;padding:0 12px 0 16px;font-size:16px;color:var(--color-primary);transition:background-color .3s var(--menu-ease)}.mega__sublink svg{transition:transform .35s var(--menu-ease)}.mega__subitem.is-active>.mega__sublink{background:var(--menu-surface)}.mega__subitem.is-active>.mega__sublink svg{transform:translate(3px)}.mega__sublink:hover{color:var(--color-primary)}.mega__flyout{position:absolute;top:0;left:100%;z-index:3;width:290px;background:var(--menu-surface);opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .35s var(--menu-ease),transform .45s var(--menu-ease),visibility .35s}.mega__subitem.is-active>.mega__flyout{opacity:1;visibility:visible;transform:none}.mega__flyout ul{padding:0}.mega__flyout li a{display:flex;align-items:center;height:53px;margin:0 28px;border-bottom:1px dashed rgba(29,29,31,.18);font-size:16px;color:var(--color-primary);transition:transform .3s var(--menu-ease),opacity .3s}.mega__flyout li:last-child a{border-bottom:0}.mega__flyout li a:hover{color:var(--color-primary);transform:translate(4px)}.mega__products{position:relative;min-width:0;margin-top:24px}.mega__panel{display:none}.mega__panel.is-active{display:block;animation:menu-fade .5s var(--menu-ease) both}.mega__panel .hm-slider{margin-right:calc(var(--bleed) * -1)}.mega__panel .swiper{cursor:default;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--bleed) + 10px),transparent calc(100% - var(--bleed) + 100px));mask-image:linear-gradient(to right,#000 calc(100% - var(--bleed) + 10px),transparent calc(100% - var(--bleed) + 100px))}.mega__panel .swiper-slide{width:318px;height:auto}.mega__arrows{position:absolute;top:148px;right:var(--bleed);z-index:4;display:flex;gap:8px;pointer-events:none}.mega__panel .hm-slider .mega__arrows{right:var(--bleed)}.mega__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--color-primary);background:var(--color-white);box-shadow:0 2px 12px #0000001f;pointer-events:auto;transition:background-color .3s var(--menu-ease),color .3s var(--menu-ease),opacity .3s}.mega__arrow:hover{background:var(--color-primary);color:var(--color-white)}.mega__arrow.swiper-button-disabled{opacity:0;pointer-events:none}.mega__arrow.swiper-button-lock{display:none}.mega.is-open .mega__item{animation:menu-rise .55s var(--menu-ease) both;animation-delay:calc(.05s + var(--i, 0) * .05s)}@keyframes menu-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}.mnav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--color-background);opacity:0;visibility:hidden;transition:opacity .35s var(--menu-ease),visibility .35s}.mnav.is-open{opacity:1;visibility:visible}.mnav:not(.is-open){pointer-events:none}.mnav:not(.is-open) .mnav__screen{visibility:hidden;pointer-events:none;transition-delay:.4s}.mnav__stage{position:relative;width:100%;height:100%;overflow:hidden}.mnav__screen{position:absolute;top:0;right:0;bottom:0;left:0;padding:40px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-background);visibility:hidden;transform:translate(100%);transition:transform .5s var(--menu-ease),opacity .4s var(--menu-ease),visibility .5s}.mnav__screen.is-active{visibility:visible;transform:none}.mnav__screen.is-behind{visibility:visible;transform:translate(-28%);opacity:0}.mnav__list{margin-top:24px}.mnav__list>li{border-bottom:1px solid var(--color-border)}.mnav__list>li:last-child{border-bottom:0}.mnav__row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 0;font-size:16px;line-height:1.3;color:var(--color-primary);text-align:left}.mnav__row:hover{color:var(--color-primary)}.mnav__row svg{flex-shrink:0;transition:transform .35s var(--menu-ease)}.mnav__row:active svg{transform:translate(4px)}.mnav__heading{display:flex;align-items:center;gap:8px;margin-top:28px;padding:4px 0;font-size:16px;font-weight:600;line-height:1.3;color:var(--color-primary);text-align:left}.mnav__heading+.mnav__list{margin-top:12px}.mnav__products{margin-top:48px}.mnav__products .hm-pagination{margin-top:24px}.mnav.is-open .mnav__screen.is-active .mnav__list>li{animation:menu-rise .5s var(--menu-ease) both}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(2){animation-delay:.04s}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(3){animation-delay:.08s}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(4){animation-delay:.12s}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(5){animation-delay:.16s}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(6){animation-delay:.2s}.mnav.is-open .mnav__screen.is-active .mnav__list>li:nth-child(n+7){animation-delay:.24s}@media(min-width:1025px){.mnav{display:none}}@media(max-width:1024px){.mega{display:none}}.header__search{position:relative;display:flex}.predictive-search__modal{position:absolute;top:calc(100% + 1rem);right:-8px;width:400px;background:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:0;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--duration-default) var(--ease-default);overflow:hidden}.predictive-search__modal.is-open{opacity:1;visibility:visible;transform:translateY(0)}.predictive-search__input-wrapper{padding:1rem;border-bottom:var(--border-width) solid var(--color-border);position:relative}.predictive-search__input{width:100%;height:44px;padding:0 1rem 0 2.5rem;border:var(--border-width) solid var(--color-border);border-radius:0;font-size:14px;background:#f9f9f9;transition:border-color var(--transition),background var(--transition)}.predictive-search__input:focus{border-color:var(--color-primary);background:var(--color-white)}.predictive-search__results{max-height:360px;overflow-y:auto}.predictive-search__item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;text-decoration:none;color:var(--color-primary);transition:background-color var(--transition)}.predictive-search__item:hover{background-color:#f9f9f9}.predictive-search__item-image{width:52px;height:70px;object-fit:cover;flex-shrink:0;background:#f5f5f5}.predictive-search__item-title{font-size:14px;font-weight:400;margin-bottom:.25rem}.predictive-search__item-price{font-size:13px;color:var(--color-text-light)}.predictive-search__no-results{padding:2rem 1rem;text-align:center;color:var(--color-text-light);font-size:14px}@media(max-width:768px){.header__search{position:static}.predictive-search__modal{position:fixed;top:calc(var(--header-total-height, 56px) + 32px);left:0;right:0;width:100%;border-left:none;border-right:none}}@media(prefers-reduced-motion:reduce){.mega,.mnav,.mnav__screen,.mega__flyout{transition:opacity .01s,visibility .01s;transform:none}.mega.is-open .mega__item,.mega__item.is-open>.mega__sub,.mega__panel.is-active,.mnav.is-open .mnav__screen.is-active .mnav__list>li{animation:none}}.predictive-search__all{display:block;padding:16px;border-top:1px solid var(--color-border);font-size:14px;text-align:center;color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}.predictive-search__all:hover{background:#f2f0ec}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header.css.map */