@layer components{.product-card{flex-direction:column;min-width:0;height:100%;display:flex}.product-card__frame{position:relative}.product-card__media{aspect-ratio:var(--product-card-media-ratio,1);border-radius:var(--style-border-radius-cards,0);background-color:color-mix(in oklch, var(--color-foreground) 4%, var(--color-background));display:block;position:relative;overflow:hidden}.product-card__quick form{display:contents}.product-card__quick-button{width:100%;font-size:var(--type-xs);padding-block:var(--space-xs)}.product-card__quick--overlay{inset:auto var(--space-sm) var(--space-sm);position:absolute}.product-card__quick--overlay .button--secondary{background-color:var(--color-background)}.product-card__quick--inline{display:none}@media (width<=47.9375rem){.product-card__quick--overlay{display:none}.product-card__quick--inline{margin-block-start:auto;padding-block-start:var(--space-xs);display:block}}@media (hover:hover){.product-card__quick--overlay{opacity:0;transition:opacity var(--transition-fast), translate var(--transition-fast);translate:0 .25rem}.product-card:hover .product-card__quick--overlay,.product-card:focus-within .product-card__quick--overlay{opacity:1;translate:0}}.product-card__image,.product-card__placeholder{object-fit:cover;width:100%;height:100%}.product-card__image--hover{opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}@media (hover:hover){.product-card__media:hover .product-card__image--hover{opacity:1}}.product-card__image--preview{opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.product-card__image--preview.is-visible{opacity:1}.product-card__badges{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.product-card__media .product-card__badges{flex-direction:column;align-items:flex-start;position:absolute;inset-block-start:0;inset-inline-start:0}.product-card__info{flex-direction:column;flex:1;padding-block-start:var(--space-sm);display:flex}.product-card__title{min-height:2lh;font-size:var(--type-sm);font-weight:500;line-height:var(--type-leading-base)}.product-card__title a{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.product-card__title a:hover{text-decoration:underline}.product-card .price{font-size:var(--type-sm)}.product-card__swatches{--variant-thumb-size:min(2.25rem, calc((100% - 3 * var(--space-xs)) / 4));align-items:center;gap:var(--space-xs);flex-wrap:nowrap;padding-block-start:var(--space-2xs);display:flex}.product-card__swatches>*{flex:none}.swatch--sm{width:1rem}.product-card__variant-thumb{width:var(--variant-thumb-size,2.25rem);aspect-ratio:1;background-color:color-mix(in oklch, var(--color-foreground) 4%, var(--color-background));border:var(--border-width) solid var(--color-border);border-radius:var(--style-border-radius-swatch,var(--radius-pill));transition:border-color var(--transition-fast);display:block;overflow:hidden}.product-card__variant-thumb:hover{border-color:var(--color-foreground)}.product-card__variant-thumb img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.product-card__swatch-count--tile{width:var(--variant-thumb-size,2.25rem);aspect-ratio:1;border:var(--border-width) solid var(--color-border);border-radius:var(--style-border-radius-swatch,var(--radius-pill));background-color:color-mix(in oklch, var(--color-foreground) 4%, var(--color-background));color:currentColor;opacity:1;transition:border-color var(--transition-fast);place-items:center;text-decoration:none;display:grid}.product-card__swatch-count--tile:hover{border-color:var(--color-foreground)}.product-card__swatch-count{font-size:var(--type-xs);opacity:.6}}