.card{position:relative;display:flex;flex-direction:column;gap:var(--s-5);height:100%}.card__media{position:relative;overflow:hidden;border-radius:var(--r-md);background-color:var(--c-mist)}.card__image{transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease-out)}@media(hover:hover){.card:hover .card__image{transform:scale(1.03)}}.card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover){.card:hover .card__image--hover{opacity:1}}.card__body{display:flex;flex-direction:column;gap:var(--s-2)}.card__vendor{margin:0}.card__title{margin:0;font-family:var(--font-heading-family);font-size:1rem;font-weight:var(--fw-regular);line-height:1.35;letter-spacing:0;text-wrap:pretty}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-base)}.card:has(.card__link:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset);border-radius:var(--r-md)}.card__link:focus-visible{outline:none}.card__spec{margin:0;color:var(--c-fg-muted);font-size:var(--t-micro);letter-spacing:var(--ls-caps);text-transform:uppercase}.card__price{font-size:var(--t-small);color:var(--c-fg-muted);font-variant-numeric:tabular-nums}.card__swatch-list{display:flex;align-items:center;gap:var(--s-1)}.card__swatch{width:14px;height:14px;border-radius:var(--r-full);background-color:var(--swatch-color, var(--c-mist));box-shadow:inset 0 0 0 1px rgb(var(--c-fg-rgb, 42 35 32) / 18%)}.card__swatch--image{background-image:var(--swatch-image, none);background-size:cover;background-position:center}.card__swatch-more{color:var(--c-fg-muted);font-size:var(--t-micro);font-variant-numeric:tabular-nums}.rating{display:inline-flex;align-items:center;gap:var(--s-2);color:inherit;text-decoration:none}.rating__stars{position:relative;display:inline-block;line-height:0}.rating__row{display:flex;gap:1px;white-space:nowrap}.rating__row--empty{color:var(--c-line)}.rating__row--full{position:absolute;inset-block:0;inset-inline-start:0;width:var(--rating-fill, 0%);overflow:hidden;color:var(--c-accent)}.rating__star{flex:0 0 auto}.rating__count{color:var(--c-fg-muted);font-size:var(--t-micro)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card.css.map */