/*!
 * DS Subcollection Row
 *
 * Layout for sections/ds-subcollection-row.liquid, from Figma nodes 2123:12965
 * (desktop) and 2123:18158 (mobile). Tiles have a fixed width; the row scrolls
 * natively and bleeds past the page padding so the next tile peeks in.
 */.ds-subcollection-row{--ds-subcol-width: 9.515625rem;--ds-subcol-height: 7.5rem;--ds-subcol-radius: 1rem;--ds-subcol-gap: 1.125rem;display:flex;gap:var(--ds-subcol-gap);margin:0 calc(var(--page-padding) * -1);padding:0 var(--page-padding);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding)}.ds-subcollection-row__item{flex:0 0 var(--ds-subcol-width);scroll-snap-align:start}.ds-subcollection-row__link{display:flex;flex-direction:column;align-items:center;gap:.375rem;color:rgb(var(--color-foreground))}.ds-subcollection-row__media{display:block;width:100%;height:var(--ds-subcol-height);overflow:hidden;background:rgb(var(--color-foreground) / .05);border-radius:var(--ds-subcol-radius)}.ds-subcollection-row__link[aria-current] .ds-subcollection-row__media{border:1.5px solid #000}.ds-subcollection-row__media img{width:100%;height:100%;object-fit:cover;transition:scale var(--animation-primary)}@media screen and (pointer:fine){.ds-subcollection-row__link:hover img{scale:1.05}}.ds-subcollection-row__title{padding-block:.4375rem;font-size:1rem;line-height:1.25rem;text-align:center;text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto}.ds-subcollection-row__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:var(--ds-subcol-radius)}@media screen and (max-width:767px){.ds-subcollection-row{--ds-subcol-width: 6.5625rem;--ds-subcol-height: 4.736875rem;--ds-subcol-radius: .625rem;--ds-subcol-gap: .5625rem}.ds-subcollection-row__link{gap:.25rem}.ds-subcollection-row__title{padding-block:.296875rem;font-size:.8125rem;line-height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-subcollection-row.css.map */