Screen ID: CON-080
Flow: Profile → My Orders → Order History
Previous: CON-100 Profile Main
Next: CON-082 Order Detail (on "View" tap)

Header: White header with centered title "My Orders". No back button since this is accessed from bottom nav / profile menu.

Tabs: Two tabs — "Active" and "Past". The "Past" tab is active in the populated state, showing completed orders. "Active" tab would show orders currently being processed, picked, or delivered.

Order Cards (.order-card): Each card displays the order number (FFM prefix), date formatted as "d MMM yyyy", item count, and total in ZAR (R X.XX). A green "Delivered" badge indicates completion status. The first order includes mini product thumbnail circles (36px) with a "+3 more" indicator for additional items.

Actions: Each order card has two buttons: "Reorder" (secondary/outline) to add all items back to cart, and "View" (primary/lime) to navigate to the order detail screen (CON-082).

States: Three states togglable via the state bar:
• populated: Shows 3 past order cards with full content.
• empty: Shows empty-orders SVG illustration, "No orders yet" message, and "Start Shopping" CTA button linking to home.
• loading: Shows 3 skeleton placeholder cards mimicking the order card layout.

Currency: South African Rand, formatted as "R XX.XX" with space after R. Thousands separator is comma (e.g., R 1,234.00).

Bottom Navigation: 4 tabs — Home, Discover, My Shop, Profile (active). Active tab set by data-active-nav="profile" on body.