.collection-scroller *{box-sizing:border-box}.collection-scroller .cs-wrap{max-width:var(--page-max, 1220px);margin-inline:auto;padding:28px clamp(16px,3vw,24px) 40px}.collection-scroller .cs-heading{margin:0 0 18px;font-family:var(--font-heading-family);font-weight:var(--font-weight-bold);font-size:var(--heading-size-mobile, 28px);line-height:1.2;color:var(--heading-color, #000);text-align:var(--heading-align, left);letter-spacing:var(--letter-spacing-heading)}.collection-scroller .cs-track{display:grid;grid-template-columns:repeat(var(--col-count, 3),minmax(0,1fr));gap:var(--card-gap, 18px)}.collection-scroller .cs-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.collection-scroller .cs-media{position:relative;display:block;overflow:hidden;border-radius:var(--radius, 8px);aspect-ratio:var(--card-ratio, 1 / 1);background:var(--card-bg, #f6f4f0)}.collection-scroller .cs-img,.collection-scroller .cs-media>svg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .45s ease}.collection-scroller .cs-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease-in-out;pointer-events:none!important;z-index:2}.collection-scroller .cs-hover-img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover)and (pointer:fine){.collection-scroller .cs-card:hover .cs-img{transform:scale(1.06)}.collection-scroller .cs-card:hover .cs-hover-overlay{opacity:1}}.collection-scroller .cs-badge{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;background:var(--badge-bg, #000);color:var(--badge-color, #fff);padding:5px 11px;border-radius:var(--badge-radius, 20px);font-size:11px;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:var(--letter-spacing-body);text-transform:uppercase;white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #0000001a}.collection-scroller .cs-label{display:block;margin:var(--label-space, 12px) 0 0;font-family:var(--label-font, var(--font-heading-family));font-weight:var(--font-weight-bold);font-size:var(--label-size, 20px);line-height:1.25;letter-spacing:var(--label-spacing, var(--letter-spacing-heading));color:var(--label-color, #000);text-align:var(--heading-align, left)}@media(min-width:768px){.collection-scroller .cs-heading{font-size:var(--heading-size-desktop, 38px)}}@media(max-width:767px){.collection-scroller .cs-track{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.collection-scroller .cs-track::-webkit-scrollbar{display:none}.collection-scroller .cs-card{flex:0 0 var(--card-width-mobile, 220px);width:var(--card-width-mobile, 220px);scroll-snap-align:start}.collection-scroller .cs-label{font-size:var(--label-size-mobile, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/collection-scroller.css.map */