.shop-by-sport{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:1.5rem}.shop-by-sport__heading{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);color:var(--color-foreground-heading, var(--color-foreground));text-align:center;margin:0 0 clamp(2rem,4vw,3.5rem)}.shop-by-sport__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}.shop-by-sport__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;gap:clamp(.75rem,1.5vw,1.25rem)}.shop-by-sport__circle-wrap{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:visible}.shop-by-sport__bg-circle{position:absolute;width:92%;height:92%;border-radius:50%;background:var(--circle-bg, #d6dce8);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.shop-by-sport__circle-image{position:relative;width:85%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;z-index:1;transition:transform .3s ease}.shop-by-sport__img{width:100%;height:100%;object-fit:cover;display:block}.shop-by-sport__img--placeholder{width:100%;height:100%;background:rgb(var(--color-foreground-rgb, 0 0 0) / .06)}.shop-by-sport__label{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:1.75rem;line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);color:var(--color-foreground-heading, var(--color-foreground));text-align:center}.shop-by-sport__item:hover .shop-by-sport__circle-image{transform:scale(1.03)}.shop-by-sport__decor{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.shop-by-sport__decor--pill{top:13%;left:5%;animation:decorBob1 3s ease-in-out infinite}.shop-by-sport__decor-pill-text{border-radius:999px;padding:.5em 1.2em;font-family:var(--font-heading--family, sans-serif);font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:700;color:#1a1a1a;white-space:nowrap}.shop-by-sport__decor-img{width:clamp(50px,7vw,90px);height:auto;display:block;object-fit:contain}.shop-by-sport__decor--star{bottom:10%;right:2%;animation:decorBob2 3.5s ease-in-out infinite}.shop-by-sport__decor--star svg{width:clamp(60px,8vw,95px);height:clamp(60px,8vw,95px)}.shop-by-sport__decor--star span{position:absolute;font-family:var(--font-heading--family, sans-serif);font-size:clamp(.75rem,1.1vw,.95rem);font-weight:700;color:#1a1a1a}.shop-by-sport__decor--dot{border-radius:50%;width:clamp(16px,2.5vw,24px);height:clamp(16px,2.5vw,24px);top:10%;right:12%;animation:decorBob3 2.5s ease-in-out infinite}@keyframes decorBob1{0%,to{transform:translate(0) rotate(-6deg)}50%{transform:translate(3px,-5px) rotate(0)}}@keyframes decorBob2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-3px,4px) rotate(5deg)}}@keyframes decorBob3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2px,-3px) scale(1.15)}}@media(prefers-reduced-motion:reduce){.shop-by-sport__decor{animation:none!important}}@media screen and (max-width:989px){.shop-by-sport__grid{gap:1rem}.shop-by-sport__decor-pill-text{font-size:.75rem;padding:.4em .9em}.shop-by-sport__decor-img{width:clamp(40px,6vw,70px)}.shop-by-sport__decor--star svg{width:55px;height:55px}.shop-by-sport__decor--star span{font-size:.65rem}}@media screen and (max-width:749px){.shop-by-sport{padding-inline:1.5rem}.shop-by-sport__heading{margin-bottom:1.5rem}.shop-by-sport__grid{grid-template-columns:1fr;gap:2rem}.shop-by-sport__circle-wrap{max-width:320px;margin-inline:auto}.shop-by-sport__label{font-size:1.5rem}.shop-by-sport__decor-pill-text{font-size:.85rem;padding:.45em 1em}.shop-by-sport__decor-img{width:clamp(45px,15vw,70px)}.shop-by-sport__decor--star svg{width:70px;height:70px}.shop-by-sport__decor--star span{font-size:.75rem}.shop-by-sport__decor--dot{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/shop-by-sport.css.map */