.wm-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text-primary);background:transparent}.wm-card__media{aspect-ratio:7 / 8;position:relative;overflow:hidden;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm)}.wm-card__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:opacity .35s ease,transform .35s cubic-bezier(.4,0,.2,1)}.wm-card:focus-visible .wm-card__image{transform:scale(1.07)}@media(hover:hover){.wm-card:hover .wm-card__image{transform:scale(1.07)}}.wm-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.wm-card:focus-visible .wm-card__image--hover{opacity:1;transform:scale(1.07)}@media(hover:hover){.wm-card:hover .wm-card__image--hover{opacity:1;transform:scale(1.07)}}.wm-card__cta{position:absolute;bottom:var(--spacing-md);left:50%;opacity:0;transform:translate(-50%) translateY(var(--spacing-sm));transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1),background-color .18s ease,color .18s ease;pointer-events:none}.wm-card:focus-visible .wm-card__cta{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(hover:hover){.wm-card:hover .wm-card__cta{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}}.wm-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:1}.wm-card__badge--top-right{top:var(--spacing-md);right:var(--spacing-md);left:auto}.wm-card__badge--bottom-left{bottom:var(--spacing-md);top:auto;left:var(--spacing-md)}.wm-card__badge--bottom-right{bottom:var(--spacing-md);right:var(--spacing-md);top:auto;left:auto}.wm-card__info{display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:var(--border-width-thin) solid var(--color-border-subtle)}.wm-card__title{font-family:var(--font-family-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-xs);color:var(--color-text-primary);margin:0;min-width:0;overflow-wrap:break-word;word-break:break-word}.wm-card__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xs);color:var(--color-text-muted);margin:0}.wm-card__meta{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:var(--spacing-xxs)}.wm-card__price{font-family:var(--font-family-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:var(--line-height-xs);color:var(--color-text-primary);white-space:nowrap;margin:0}.wm-card__price--compare{font-weight:var(--font-weight-regular);text-decoration:line-through;color:var(--color-text-muted)}.wm-card__date{font-family:var(--font-family-button);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:var(--line-height-xs);color:var(--color-text-muted);white-space:nowrap;margin:0}.wm-card__excerpt{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wm-empty-state{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-muted);padding:var(--spacing-4xl) var(--container-padding);margin:0}.wm-card--square .wm-card__media{aspect-ratio:1 / 1}.wm-card--landscape .wm-card__media{aspect-ratio:4 / 3}.wm-card--tall .wm-card__media{aspect-ratio:3 / 4}.card-wrapper{display:block}.card{background:transparent;border:0}.card__media{position:relative;overflow:hidden;border-radius:var(--radius-sm)}.card__inner img,.card__media img{transition:transform .35s cubic-bezier(.4,0,.2,1)}.card-wrapper:focus-within .card__media img{transform:scale(1.05)}@media(hover:hover){.card-wrapper:hover .card__media img{transform:scale(1.05)}}.card-information{padding:var(--spacing-sm) 0;border-top:var(--border-width-thin) solid var(--color-border-subtle)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/wm-card.css.map */