.subnav{position:relative;z-index:3;background-color:rgb(var(--color-background));width:100%;padding:12px 0;margin-bottom:35px}.subnav__bar{display:flex;align-items:stretch}.subnav__list{display:flex;flex-wrap:nowrap;align-items:stretch;list-style:none;margin:0;padding:0;width:100%;justify-content:space-between}.subnav__item{display:flex;align-items:stretch}.subnav__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:#0003}.subnav__overlay.is-visible{display:block}.subnav__dropdown{display:none;position:absolute;top:100%;left:0;right:0;z-index:2;background-color:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.1);box-shadow:0 8px 24px #00000012}.subnav__dropdown.is-open{display:block;animation:subnavFadeIn .16s ease forwards}@keyframes subnavFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.subnav__dropdown-inner{padding-top:32px;padding-bottom:32px}.subnav__dropdown-header{display:flex;align-items:baseline;gap:1.6rem;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.subnav__dropdown-title{font-size:28px;line-height:1.1;color:rgb(var(--color-foreground));margin:0 0 20px}.subnav__dropdown-body{display:flex;align-items:flex-start;gap:3rem}.subnav__cols{display:flex;flex-wrap:wrap;gap:2rem 3.2rem;flex:1 1 0;align-items:flex-start}.subnav__col{min-width:140px}.subnav__heading-wrap{padding:0 0 8px;border-bottom:1px solid rgba(var(--color-foreground),.08);margin:0 0 12px}.subnav__col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.subnav__promo{flex-shrink:0;width:280px;height:320px;position:relative;overflow:hidden}.subnav__promo-card{display:block;position:relative;border-radius:4px;overflow:hidden;text-decoration:none}.subnav__promo-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.3,0,0,1)}.subnav__promo:hover .subnav__promo-img{transform:scale(1.1)}.subnav__promo-text{position:absolute;top:0;padding:26px 20px}.subnav__promo-title{margin:0}.subnav__promo-heading{font-size:1.3rem;font-weight:600;line-height:1.3}.subnav__promo-btn{font-size:14px;line-height:1.4;color:#000}@media screen and (max-width:989px){.subnav,.subnav__overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-sub-navigation.css.map */