Offer card
Ecommerce-style selection card for therapies, services, and other purchasable SKUs. Horizontal layout: square product image (with a thin border) on the left, title + detail + price on the right. Price renders BMI-card style — large bold value, smaller unit baseline-aligned. Selected state keeps the blue surface but darkens it slightly and adds a 2px gold outline plus a gold checkmark — consistent with the vial-card and StatusCard "attention" treatments.
import from @halwel/ui/components/dashboard/OfferCard
Variants
Default — unselected
Selected — darker blue, gold outline, gold checkmark
Interactive — 3-card stack (click to select)
Mirrors the actual intake usage. Radio behavior — selecting one deselects the others.
Long title + long detail (overflow)
Custom price unit
priceUnit defaults to '/mo'. Pass any short suffix, or empty string to omit.
Light theme — translucent on bright blue ground
What onboarding renders. Wrap in `data-theme="light"` to remap surface tokens.