.card{position:relative;display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.card__media{position:relative;overflow:hidden;border-radius:var(--radius);background-color:var(--color-border)}.card__image{width:100%;height:100%;object-fit:cover}.card__image-alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur-slow) var(--ease)}@media(hover:hover)and (pointer:fine){.card:hover .card__image-alt{opacity:1}}.card__badge{position:absolute;top:var(--space-2xs);inset-inline-start:var(--space-2xs);padding:2px var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;line-height:1.4;background-color:var(--color-surface);color:var(--color-text)}.card__badge--sale{background-color:var(--color-sale);color:var(--color-sale-text)}.card__badge--sold-out{background-color:var(--color-contrast-surface);color:var(--color-contrast-text)}.card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.card__vendor{margin:0}.card__title{margin:0;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug)}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__price{font-size:var(--text-sm)}.card__swatches{display:flex;align-items:center;gap:4px;margin:var(--space-3xs) 0 0;padding:0;list-style:none}.card__swatch{width:14px;height:14px;border-radius:50%;background-image:linear-gradient(135deg,var(--swatch-color) 0%,var(--swatch-color) 50%,var(--swatch-color-2) 50%,var(--swatch-color-2) 100%);border:1px solid rgb(31 27 22 / .18)}.card__swatch-more{line-height:1}@media(min-width:768px){.card__title,.card__price{font-size:var(--text-base)}}.reduce-motion .card__image-alt{transition:none}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-2xs);margin:0;padding:0;list-style:none}@media(min-width:480px){.product-grid{gap:var(--space-md) var(--space-sm)}}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg) var(--space-md)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card.css.map */