.main-list-collections__title{text-transform:uppercase;text-align:center;margin:var(--space-6) 0 var(--space-8)}.collection-list__heading{text-align:center;margin-bottom:var(--space-8)}.collection-card{display:block;text-decoration:none}.collection-card__media{position:relative;aspect-ratio:4 / 3;background:var(--ink-800);overflow:hidden}.collection-card--square .collection-card__media{aspect-ratio:1 / 1}.collection-card--portrait .collection-card__media{aspect-ratio:3 / 4}.collection-card--landscape .collection-card__media{aspect-ratio:4 / 3}.collection-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.collection-card:hover .collection-card__media img{transform:scale(1.04)}.collection-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:var(--text-heading-sm);color:var(--text-muted)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%)}.collection-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--brand-primary);color:#fff;font:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:4px var(--space-3);border-radius:var(--radius-pill)}.collection-card__caption{position:absolute;left:var(--space-4);bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:2px}.collection-card__label{color:#fff;font:var(--text-heading-md);text-transform:uppercase}.collection-card__subtitle{color:var(--ink-600);font:var(--text-body-sm)}.collection-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.collection-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media(max-width:749px){.collection-list--mobile-scroll .collection-grid{display:flex;overflow-x:auto;gap:var(--space-4);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.collection-list--mobile-scroll .collection-card{flex:0 0 auto;width:80%;max-width:320px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-card.css.map */