Wave 1 — yojo-product-card harness

Live-but-unlinked preview for Erewhon-parity product card. Not indexed, not nav-linked. Do not deep-link publicly.

In-stock — baseline card, vendor OFF

Single-variant, single-media, no sale, no vendor line.

No baseline products in sample — catalog may be entirely multi-media.

Vendor line ON

Hebrew vendor_subtitle when mapped via metaobject, raw vendor otherwise.

Multi-media → hover crossfade

Desktop only: hover should crossfade to second media at ~180ms.

Multi-variant → "from" pricing

Price snippet emits "from ₪X" when variants have different prices.

On-sale (compare_at > price)

Compare-at strikethrough + YOJO sale red. NOT Erewhon dusty pink (brand carve-out).

Sold-out

Uppercase chip top-start corner; image stays full-color; info block at 64% opacity.

No-image fallback

Paper bg with centered product title (truncated). No gray-placeholder fall-through.

All products in catalog have a featured_media — fallback untriggered. Fallback is defensive; visual check can be done in isolated QA.

Emphasize modifier

First-row emphasis flag — title weight 500 (modest shift). No border or shadow change.

Grid rhythm reference — mixed 12-card wall

Rows should align regardless of title length. Cards sit on #FCFBF9 paper flush with grid gap.