.shop-nav{--shop-nav-icon-size: 4.8rem;--shop-nav-radius: 1.2rem;--shop-nav-hover-bg: rgba(40, 38, 98, .05);--shop-nav-hover-radius: 3rem;--shop-nav-icon-fill: #fff;--shop-nav-cta-bg: rgb(var(--color-button, 245 166 35));--shop-nav-cta-text: rgb(var(--color-button-text, 18 18 18))}.shop-nav .shop-nav__heading{margin:0 0 1.6rem;padding-inline:1.2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);font-size:2.8rem;line-height:1.2;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.shop-nav .shop-nav__list{margin:0;padding:0;list-style:none}.shop-nav .shop-nav__link{display:flex;align-items:center;gap:1.4rem;padding:.7rem 1.2rem;border-radius:var(--shop-nav-hover-radius);text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .2s ease}.shop-nav .shop-nav__link:hover,.shop-nav .shop-nav__link:focus-visible{background-color:var(--shop-nav-hover-bg);text-decoration:none}.shop-nav .shop-nav__icon{display:block;flex:0 0 auto;width:var(--shop-nav-icon-size);height:var(--shop-nav-icon-size)}.shop-nav .shop-nav__icon svg{display:block;width:100%;height:100%}.shop-nav .shop-nav__label{font-weight:var(--font-body-weight-bold, 600);font-size:1.6rem;line-height:1.3}.shop-nav .shop-nav__icon svg>rect{fill:var(--shop-nav-icon-fill);transition:stroke .2s ease}.shop-nav .shop-nav__link:hover .shop-nav__icon svg>rect,.shop-nav .shop-nav__link:focus-visible .shop-nav__icon svg>rect{stroke:currentColor}.shop-nav .shop-nav__promo{position:relative;display:block;overflow:hidden;border-radius:var(--shop-nav-radius);text-decoration:none;background:linear-gradient(115deg,#f8a13a,#f6c343 55%,#f38b2c)}.shop-nav .shop-nav__promo-image{display:block;width:100%;height:100%;object-fit:cover}.shop-nav .shop-nav__promo-cta{position:absolute;display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 2.4rem;border-radius:var(--buttons-radius, .6rem);background:var(--shop-nav-cta-bg);color:var(--shop-nav-cta-text);font-weight:var(--font-body-weight-bold, 700);font-size:1.8rem;line-height:1;white-space:nowrap;box-shadow:0 .2rem 1.2rem #0000002e;transition:transform .2s ease}.shop-nav .shop-nav__promo-cta .icon{width:1.6rem;height:1.6rem}.shop-nav .shop-nav__promo:hover .shop-nav__promo-cta{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.shop-nav *{transition:none}}.shop-nav--desktop .shop-nav__inner{display:flex;align-items:flex-start;gap:4rem;padding-top:1rem;padding-bottom:1rem}.shop-nav--desktop .shop-nav__group{flex:0 0 auto;min-width:24rem}.shop-nav--desktop .shop-nav__promo{flex:1 1 auto;align-self:center;aspect-ratio:var(--shop-nav-promo-ratio, 2000 / 1055);max-width:60%;margin-inline-start:auto}.shop-nav--desktop .shop-nav__promo-cta{inset-inline-end:2.8rem;bottom:2.8rem}@media screen and (max-width:1199px){.shop-nav--desktop .shop-nav__promo{display:none}}.shop-nav.shop-nav--mobile{margin:0;padding:0 0 3.2rem;list-style:none}.shop-nav--mobile.shop-nav>li{list-style:none}.shop-nav--mobile .shop-nav__group-item+.shop-nav__group-item{margin-top:3.2rem}.shop-nav--mobile .shop-nav__heading{font-size:2.6rem}.shop-nav--mobile .shop-nav__link{padding:1rem 1.2rem;border:0;background:none}.shop-nav--mobile .shop-nav__promo-item{margin-top:3.2rem}.shop-nav--mobile .shop-nav__promo-image{height:auto}.shop-nav--mobile .shop-nav__promo-cta{inset-inline-start:50%;bottom:2.4rem;transform:translate(-50%);font-size:1.6rem}.shop-nav--mobile .shop-nav__promo:hover .shop-nav__promo-cta{transform:translate(-50%) scale(1.03)}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-shop-nav.css.map */