@layer components{.vx-card{container-type:inline-size;position:relative}.vx-card--sold-out .vx-card__media{opacity:.6}.vx-card__media-wrap{position:relative}.vx-card__link{display:block}.vx-card__media{position:relative;aspect-ratio:var(--vx-card-ratio, 4 / 5);overflow:hidden;background:var(--vx-concrete)}.vx-card__img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.vx-card__img--missing{background:linear-gradient(155deg,var(--color-bg-alt),var(--vx-taupe))}.vx-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur) var(--ease-out)}@media(hover:hover)and (pointer:fine){.vx-card:hover .vx-card__img--secondary{opacity:1}}.vx-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:1;pointer-events:none}.vx-badge{display:inline-block;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px}.vx-card__actions{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.vx-card__body{padding-top:var(--space-3)}.vx-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;min-height:24px;margin-bottom:var(--space-1)}.vx-card__rating{font-size:var(--text-small);line-height:1.4;margin-bottom:var(--space-1)}.vx-card__rating-star{color:var(--vx-gold-deep)}.vx-card__rating-count{color:var(--color-text-muted)}.vx-card__price{font-size:14px;margin-bottom:var(--space-2)}.vx-card__price-from{color:var(--color-text-muted);margin-right:var(--space-1)}.vx-card__price-sale{color:var(--color-text)}.vx-card__price-compare{color:var(--color-text-muted);text-decoration:line-through;margin-left:var(--space-2)}@media(pointer:coarse){[data-card-swatches] a{padding:10px 4px;margin:-10px -4px}}.vx-swatch-more--mobile{display:none}@media(max-width:749px){.vx-swatch-fifth,.vx-swatch-more--desktop{display:none}.vx-swatch-more--mobile{display:inline-flex}}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/c-card.css.map */
