.shop-by-sport-grid{padding:.5rem 0;position:relative}.shop-by-sport-header{display:flex;justify-content:space-between;align-items:left;margin-bottom:2rem}.shop-by-sport-heading{font-size:1.9rem;font-weight:800;margin:0}.swiper-navigation-wrapper{display:flex;gap:45px}.swiper-button-prev,.swiper-button-next{background:#fff!important;width:50px;height:50px;border-radius:50px;display:flex;align-items:center;justify-content:center;opacity:1;position:relative;z-index:1;cursor:pointer}.swiper-button-prev[aria-disabled=true],.swiper-button-next[aria-disabled=true]{opacity:.4;pointer-events:none}.shop-by-sport-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}@media screen and (min-width: 769px){.shop-by-sport-grid-wrapper.slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;scroll-padding-left:1.5rem}.shop-by-sport-grid-wrapper.slider .sport-card{flex:0 0 calc((100% - 1.5rem - 4rem - (2rem)) / 3);scroll-snap-align:start;min-width:280px;transition:transform .3s ease;cursor:pointer}.shop-by-sport-grid-wrapper.slider .sport-card:hover{transform:scale(1);z-index:10}.sport-card .shop-button{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;background-color:#fff;color:#000;padding:.5rem 1rem;cursor:pointer;align-self:flex-start;pointer-events:none;margin:0}.sport-card:hover .promo-text{transform:translateY(-1rem);transition:transform .3s ease}.sport-card:hover .shop-button{opacity:1;transform:translateY(0);pointer-events:auto}}@media screen and (max-width: 768px){.shop-by-sport-grid-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem}.sport-card{min-width:80%;flex:0 0 auto;scroll-snap-align:start;transition:transform .3s ease;cursor:pointer}.sport-card:hover{transform:scale(1.015);z-index:10}.shop-by-sport-header{flex-direction:column;align-items:flex-start;gap:1rem}.swiper-navigation-wrapper{display:none}.shop-by-sport-heading{padding-top:20px}.sport-card .shop-button{display:none}}.sport-card{display:flex;align-items:flex-end;background-size:cover;background-position:center;aspect-ratio:3 / 4;color:#fff!important;text-decoration:none;position:relative;padding:1rem;box-sizing:border-box;overflow:visible;cursor:pointer}.sport-card:hover,.sport-card:hover h3,.sport-card:hover p{color:#fff!important}.promo-text{padding:.5rem;border-radius:.5rem;transition:transform .3s ease;z-index:2;display:flex;flex-direction:column;gap:.5rem}.sport-card h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;margin:0}.sport-card p{font-size:clamp(.9rem,1.5vw,1.1rem);margin:0}.shop-by-sport-grid-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sport-card__image{position:absolute;width:100%;height:100%;object-fit:cover;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.sport-card{position:relative;overflow:hidden}.promo-text{position:relative;z-index:1}.shop-by-sport-grid .shop-by-sport-header{display:flex;align-items:left;justify-content:space-between;position:relative;margin-bottom:1rem}.shop-by-sport-grid .swiper-navigation-wrapper{position:absolute;top:0;right:0;z-index:3;display:flex;gap:.5rem}.shop-by-sport-grid .swiper-button-prev,.shop-by-sport-grid .swiper-button-next{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:static;padding:0;border:none;background:none;border-radius:0;color:#000;cursor:pointer}.shop-by-sport-grid .swiper-button-prev svg,.shop-by-sport-grid .swiper-button-next svg{display:block;stroke:#000}.shop-by-sport-header{display:flex;align-items:left;justify-content:space-between}.shop-by-sport-heading{margin:0;text-align:left}@media (min-width: 768px){.shop-by-sport-header{display:block;text-align:left}.swiper-navigation-wrapper{margin-top:.5rem}}@media (max-width: 767px){.swiper-navigation-wrapper{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/shop-by-sport-grid.css.map */