Screen ID: CON-041
Flow: Search & Discover → Category → Subcategory
Previous: CON-040 Discover Categories
Next: Product Detail (on product tap)

Header: White background with back button (chevron left) and category name "Fruit & Veg". Back button returns to CON-040.

Chip Filter Row: Horizontal scrolling chips for subcategory filtering. "All" shows everything, individual chips ("Fresh Fruit", "Vegetables", "Herbs", "Salads", "Organic") filter products. "Fresh Fruit" chip is shown in active/selected state. Uses .chip-group shared component.

Product Grid: 2-column grid using .product-grid and .product-card shared components. Each card includes: image placeholder (1:1 aspect ratio), brand label, product title, price (R currency format), wishlist heart button, and "+ Add" button.

Special Pricing: Avocados 4pk shows a "SAVE R10" badge via .product-card__badge, current price R 39.99, and struck-through was-price R 49.99 via .product-card__price-was.

Behavior: Tapping a product card navigates to product detail screen. The "+ Add" button adds 1 unit to cart and transforms into a quantity stepper (.qty-stepper). Wishlist heart toggles filled/unfilled state.