CON-021 | Address Search - Fresh Food Market

CON-021 | Address Search

Type: Search screen with autocomplete results (no bottom navigation)
Purpose: Allow users to find their delivery address by typing, selecting from recent addresses, or using current location
Navigation: Back to CON-020; selecting any result goes to CON-022-address-map-confirm.html

Header: White with back button and "Find Address" title
Search bar: Sticky below header, white background with bottom border
Sections: "Use current location" link, "Recent Addresses" (max 2), "Search Results" (autocomplete)
Bottom navigation: None (onboarding flow)

Search input: 48px height | Full border-radius (pill) | Left icon 20px | Background: #E9EFE7 | Focus: green border + shadow
Clear button: 24px circle | #D1D9CE background | White X icon | Visible when input has value
Section label: Alexandria 12px Bold Uppercase | #9CA3AF | 0.5px letter-spacing
Result item: 40px icon container | Main text: Alatsi 14px Medium | Secondary: Alatsi 12px #6B7280
Recent icon: Clock icon with blue-tinted background #DBEAFE
Search result icon: Location pin with green-tinted background #E9EFE7
Location button: GPS crosshair icon | #043F2D text | Bold

Search input auto-focuses on screen load (keyboard opens)
Autocomplete triggers after 2+ characters with a 300ms debounce
Results update in real-time as the user types
Clear button resets input and shows recent addresses only
Tapping a result navigates to map confirmation with address pre-filled
"Use my current location" requests GPS permission, then goes to map confirmation