.shop-by-level{padding:var(--spacing-3xl) 0}.shop-by-level__heading{text-align:center;color:var(--color-white);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;letter-spacing:.03em;margin-bottom:var(--spacing-xl)}.shop-by-level__grid{display:flex;gap:var(--spacing-md);max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg)}.shop-by-level__card{flex:1;position:relative;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;text-decoration:none;color:var(--color-white);background:linear-gradient(160deg,#0fd96d14,#012047f2,#11b4f80f);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,border-color .3s ease}.shop-by-level__card[data-level=beginner]{background:linear-gradient(160deg,#0fd96d26,#012047f2,#0fd96d0d);border-color:#0fd96d33}.shop-by-level__card[data-level=beginner]:hover{border-color:#0fd96d99}.shop-by-level__card[data-level=beginner] .shop-by-level__card-name{color:#0fd96d}.shop-by-level__card[data-level=intermediate]{background:linear-gradient(160deg,#11b4f826,#012047f2,#11b4f80d);border-color:#11b4f833}.shop-by-level__card[data-level=intermediate]:hover{border-color:#11b4f899}.shop-by-level__card[data-level=intermediate] .shop-by-level__card-name{color:#11b4f8}.shop-by-level__card[data-level=advanced]{background:linear-gradient(160deg,#f8711126,#012047f2,#dc32320f);border-color:#f8711133}.shop-by-level__card[data-level=advanced]:hover{border-color:#f8711199}.shop-by-level__card[data-level=advanced] .shop-by-level__card-name{color:#f87111}.shop-by-level__card[data-level=women]{background:linear-gradient(160deg,#c850dc26,#012047f2,#f811a00f);border-color:#c850dc33}.shop-by-level__card[data-level=women]:hover{border-color:#c850dc99}.shop-by-level__card[data-level=women] .shop-by-level__card-name{color:#c850dc}.shop-by-level__card[data-level=junior]{background:linear-gradient(160deg,#f8d21126,#012047f2,#f8b4110f);border-color:#f8d21133}.shop-by-level__card[data-level=junior]:hover{border-color:#f8d21199}.shop-by-level__card[data-level=junior] .shop-by-level__card-name{color:#f8d211}.shop-by-level__card:hover{transform:scale(1.03);border-color:var(--color-primary-green);text-decoration:none}.shop-by-level__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.shop-by-level__card img{height:100%}.shop-by-level__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#012047e6,#01204733 60%);z-index:2}.shop-by-level__card-content{position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;padding:var(--spacing-lg);z-index:3}.shop-by-level__card-name{font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-xs);color:var(--color-primary-green)}.shop-by-level__card-description{font-family:var(--font-body);font-size:.875rem;line-height:1.5;color:var(--color-grey-on-navy)}@media(max-width:749px){.shop-by-level__grid{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-md)}.shop-by-level__card{flex:0 0 70vw;scroll-snap-align:start}.shop-by-level__card-name{font-size:clamp(1rem,1.2vw,1.25rem)}.shop-by-level__grid::-webkit-scrollbar{display:none}.shop-by-level__grid{-ms-overflow-style:none;scrollbar-width:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-shop-by-level.css.map */