Product card

Composition cố định: ảnh 1:1 · title 2 dòng · prices · rating · variants · action row 4-cột.

-35%

Sốt tôm kho đặc biệt — vị chua ngọt đậm đà 120ml

65.000đ 102.000đ

★★★★★ · Đã bán 5K

SKU: TC-STK-120 · HSD 2027-05

120ml 250ml Combo 3

Thêm Mua ngay

Specs

Card	bg --surface-elevated (#FFFCF1), border 1px neutral-200, radius-xl, shadow-md
Image	aspect-ratio 1:1, object-fit cover, radius-xl top-only
Title	h4 (Be Vietnam Pro SemiBold 18-20px / 1.35), neutral-800, line-clamp 2
SKU / meta	mono-sm (Be Vietnam Pro 11-12px tabular), neutral-500
Sale price	text-price (18px bold), brand-primary
Original price	text-price-original (14px regular), neutral-500, strikethrough
Stars	16px stars, color warning #EAB308
Variant chip	pill, border 1px accent, text primary, 4px·10px padding
Action row	4 cột: ghost · ghost · accent · primary gradient

Action hierarchy

1

MUA NGAY — primary gradient

2

THÊM — accent (coral)

3

GIỎ HÀNG — ghost icon

4

CHAT — ghost icon