.header__catnav{display:none}@media(min-width:1024px){store-header:has(.header__catnav){--catnav-height: 5.6rem;position:sticky;top:0;z-index:20;margin-bottom:0;transition:margin-bottom .3s ease}store-header.header:has(.header__catnav){padding-bottom:0!important}store-header:has(.header__catnav) .header__grid{padding-bottom:10px}store-header:has(.header__catnav) .nav-drawer-toggle-wrapper{display:none}store-header:has(.header__catnav) .header__grid.header__grid--left-logo{display:grid;grid-template-columns:1fr minmax(0,60rem) 1fr;column-gap:4rem;align-items:center}store-header:has(.header__catnav) .header__grid--left-logo .header__logo{justify-self:start;margin:0}store-header:has(.header__catnav) .header__grid--left-logo .header__search{width:100%;max-width:none;margin:0}store-header:has(.header__catnav) .header__search .search__form{max-width:none;margin:0}store-header:has(.header__catnav) .header__grid--left-logo .header__icons{justify-self:end;margin:0}store-header.header--catnav-collapsed{margin-bottom:var(--catnav-height)}.header__catnav{display:block;max-height:var(--catnav-height);overflow:hidden;border-top:1px solid rgba(var(--text-color) / .08);transition:max-height .3s ease,opacity .2s ease}.header--catnav-collapsed .header__catnav{max-height:0;opacity:0}.header__catnav-inner{display:flex;align-items:center;justify-content:space-between;gap:3.2rem;height:var(--catnav-height)}.header__catnav-start{display:flex;align-items:center;gap:2.4rem;min-width:0}.header__catnav-toggle.nav-drawer-toggle{height:3.6rem;padding:0 1.4rem}.header__catnav-list{display:flex;gap:2.8rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.header__catnav-end{display:flex;flex-shrink:0;align-items:center;gap:2.8rem;margin:0;padding:0;list-style:none}.header__catnav-link,.header__catnav-cta{display:block;padding:0;line-height:3.6rem;border-bottom:2px solid transparent;color:inherit;font-weight:500;text-decoration:none;white-space:nowrap}.header__catnav-link:hover,.header__catnav-link.is-active{border-bottom-color:currentColor}.header__catnav-link.is-active,.header__catnav-cta{color:rgb(var(--header-accent-color));font-weight:600}}@media(min-width:1024px)and (max-width:1279.98px){.header__catnav-start{gap:1.6rem}.header__catnav-list,.header__catnav-end{gap:2rem}}@media(min-width:1024px)and (max-width:1279.98px){.header__catnav-end .header__catnav-link{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/header-catnav.css.map */
