.product-card{gap:var(--space-2);height:100%;padding:var(--space-3);background-color:rgb(var(--color-background));border:var(--border-width) solid rgb(var(--color-foreground)/var(--border-opacity));border-radius:var(--radius-card);flex-direction:column;display:flex;position:relative}.product-card--compact{width:146px}.product-card__media{aspect-ratio:1;border-radius:var(--radius-media)}.product-card__badge{z-index:var(--z-base);position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.product-card__body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-card__title{font-family:var(--font-body-family);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:normal;line-height:1.35}@media (hover:hover){.product-card__link:hover{text-underline-offset:.2em;text-decoration:underline}}.product-card__availability{font-weight:var(--font-weight-bold);color:rgb(var(--brand-teal))}.product-card__footer{z-index:var(--z-base);justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-1);display:flex;position:relative}.product-card__form{margin:0}.product-card__action{--button-bg:rgb(var(--brand-coral));--button-fg:rgb(var(--brand-cream));--button-border:rgb(var(--brand-coral));width:var(--tap-target);height:var(--tap-target);min-height:var(--tap-target);border-radius:var(--radius-md);flex:none;padding:0}.product-card__action:disabled{--button-bg:transparent;--button-fg:rgb(var(--color-foreground));--button-border:rgb(var(--color-foreground) / var(--border-opacity));width:auto;padding-inline:var(--space-3)}.product-card__action-icon svg{width:22px;height:22px}.product-card__action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-card__action:disabled .product-card__action-label{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}@media screen and (min-width:750px){.product-card{gap:var(--space-3);padding:var(--space-4)}.product-card__media{aspect-ratio:16/10}.product-card__title{font-size:var(--font-size-base)}.product-card__action{width:auto;height:auto;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.product-card__action-label{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}.product-card__action-icon{display:none}}