Screen ID: CON-042
Flow: Search & Discover → Search Overlay
Previous: CON-040 Discover Categories
Next: CON-043 Search Results (on search submit or item tap)

Search Input: Auto-focused input with green border (focused state). Search icon on the left, X clear button on the right. On a real device, the native keyboard would be visible, pushing content up. Placeholder: "Search for groceries..."

Recent Searches: Shows last 4 search terms with clock icon. Each has an X button to remove individual items. Tapping a recent search term populates the input and triggers search results (CON-043). Max 10 recent searches stored locally.

Popular Searches: Server-driven list of 5 popular search terms. First 2 items ("Free Range Eggs" and "Avocados") have a lime "Trending" badge. Items without trending badge show a search icon instead of a trend icon. Tapping navigates to CON-043 with that search term.

No Bottom Nav: This screen acts as a fullscreen overlay. The bottom navigation is hidden to maximize content space and give a focused search experience. Back arrow or cancel returns to the previous screen.

Keyboard Behavior: On real device, keyboard appears automatically (autofocus attribute). As user types, this screen transitions to show real-time search suggestions (future enhancement: typeahead). Pressing "Search" on keyboard navigates to CON-043.