.variant-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}.variant-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-background);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.variant-card:hover{border-color:var(--color-foreground)}.variant-card__input:checked+.variant-card{border-color:var(--color-foreground);box-shadow:inset 0 0 0 1px var(--color-foreground)}.variant-card__input:focus-visible+.variant-card{outline:2px solid var(--color-accent);outline-offset:2px}.variant-card__media{display:block;aspect-ratio:1 / 1;background-color:var(--color-surface)}.variant-card__image{inline-size:100%;block-size:100%;object-fit:cover}.variant-card__body{display:flex;flex-direction:column;gap:2px;padding:var(--space-2xs);text-align:center}.variant-card__label{font-size:var(--text-xs);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-card__price{font-size:var(--text-sm);font-weight:var(--weight-medium)}.variant-card__compare{font-size:var(--text-2xs);color:var(--color-muted);text-decoration:line-through}.variant-card__badge{position:absolute;inset-block-start:var(--space-3xs);inset-inline-end:var(--space-3xs)}.variant-card__media-wrap{position:relative}.variant-card--sold-out .variant-card__media{opacity:.45}.variant-card--sold-out .variant-card__label{text-decoration:line-through}@media screen and (min-width:750px){.variant-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-card__label{font-size:var(--text-sm)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/variant-cards.css.map */