.card{position:relative;display:flex;flex-direction:column;gap:var(--space-2xs);contain:layout}.card__media{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-surface-alt);aspect-ratio:var(--card-ratio, 1);margin-block-end:var(--space-sm)}.card__image{inline-size:100%;block-size:100%;object-fit:var(--card-fit, cover);transition:transform var(--duration-slow) var(--ease-default)}.card:hover .card__image{transform:scale(var(--card-zoom))}.card__image--alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-base) var(--ease-default)}.card:hover .card__image--alt{opacity:1}.card__actions{display:var(--card-actions, block);position:absolute;inset-inline:.625rem;inset-block-end:.625rem;z-index:1;opacity:0;transform:translateY(.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card__actions .button,.card__actions form{inline-size:100%}.card__actions .button{padding-block:var(--space-xs);font-size:var(--text-xs);background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-md)}.card__actions .button:hover{background:var(--color-primary-900);border-color:var(--color-primary-900);color:var(--color-primary-50)}.card:hover .card__actions,.card:focus-within .card__actions{opacity:1;transform:translateY(0)}@media(hover:none){.card__actions{opacity:1;transform:none}}.card__title{margin:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:400;letter-spacing:0;line-height:1.5}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__price{display:var(--card-price, block);font-size:var(--text-sm);color:var(--color-text-body)}@media(min-width:1024px){.card__price{font-size:var(--text-base)}}.card__price del{color:var(--color-text-subtle);margin-inline-end:.375rem}.card__swatches{display:var(--card-swatches, flex);flex-wrap:wrap;align-items:center;gap:var(--space-xs);position:relative;z-index:1}.card__swatches .swatch{--swatch-size: 24px}.card__swatch-more{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--space-2xs);font-size:var(--text-xs);color:var(--color-text-subtle);text-decoration:none}.badge{position:absolute;inset-block-start:.625rem;inset-inline-start:.625rem;z-index:1;padding:.35em .7em;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:999px;background:var(--color-text);color:var(--color-on-inverse)}.badge--sale{background:var(--color-error);color:light-dark(#fff,#2a1010)}.badge--sold-out{background:var(--color-text-subtle)}.card .wishlist-button{position:static}.card__tools{position:absolute;inset-block-start:.875rem;inset-inline-end:.875rem;z-index:2;display:flex;flex-direction:column;gap:var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-default),visibility var(--duration-base) var(--ease-default)}.card:hover .card__tools,.card:focus-within .card__tools{opacity:1;visibility:visible}@media(hover:none){.card__tools{opacity:1;visibility:visible;gap:var(--space-2xs)}}.card__tool,.card__tools .wishlist-button{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;color:var(--color-text-subtle);background:var(--color-surface);border:0;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.card__tool:hover,.card__tools .wishlist-button:hover{color:var(--color-on-primary);background:var(--color-primary)}.card__tools .wishlist-button[aria-pressed=true]{color:var(--color-wishlist-saved)}.card__tool svg,.card__tools .wishlist-button svg{inline-size:1.25rem;block-size:1.25rem}@media(min-width:1024px){.card__tools{inset-block-start:1.25rem;inset-inline-end:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card.css.map */