.collections-band{background-color:rgb(var(--color-tint))}.collections-band__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;margin-bottom:1.8rem}.collections-band__heading{min-width:0;margin:0;font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1;overflow-wrap:break-word}@media screen and (min-width:900px){.collections-band__heading{font-size:3.6rem}}.collections-band__link{flex:0 1 auto;max-width:50%;color:inherit;font-size:1.4rem;font-weight:600;line-height:1.4;text-align:right;text-decoration:underline;text-underline-offset:.4rem}.collections-band__link:hover{text-decoration-thickness:.2rem}.collections-band__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.collections-band__rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:.8rem;margin:0;padding:0 0 .8rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.collections-band__item{min-width:0;scroll-snap-align:start}@media screen and (min-width:900px){.collections-band__rail{grid-auto-columns:calc((100% - 2.4rem) / 3);gap:1.2rem}}.collections-band__card{display:block;color:inherit;text-decoration:none}.collections-band__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background-color:rgb(var(--color-line))}.collections-band__image,.collections-band__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.collections-band__image{object-fit:cover}.collections-band__media--product{background-color:rgb(var(--color-background))}.collections-band__media--product .collections-band__image{object-fit:contain}.collections-band__placeholder{fill:rgb(var(--color-secondary-text));opacity:.4}.collections-band__name{display:block;padding-top:1rem;font-size:clamp(1.8rem,4.4vw,2.4rem);font-weight:var(--font-heading-weight);font-stretch:var(--font-heading-stretch);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere}@media screen and (min-width:900px){.collections-band__name{font-size:2rem}}.collections-band__card:hover .collections-band__name{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.5rem}.collections-band__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collections-band.css.map */