Navbar
1. Navbar — 預設（互動：搜尋 icon 開 Search 面板；漢堡目前不開任何東西）
Figma `45:2031`（✅）。四個 breakpoint 皆用 responsive class，縮放視窗即可切換。599under 只顯示購物袋；600-1023 顯示搜尋＋購物袋；1024up 顯示搜尋／會員／收藏／購物袋。
2. NavbarSearch — state 矩陣（Figma `2079:87512`，✏️ 進行中）
state 由「是否聚焦」×「是否有值」自動推導：Default（空／未聚焦）、Focused（空／聚焦，點擊下方輸入框查看）、Typing（有值／聚焦）、Filled（有值／未聚焦）。
Default（空、未聚焦）
Focused（空、聚焦 — 點擊下方輸入框查看）＋最近搜尋／熱門搜尋
最近搜尋
熱門搜尋
Typing（有值、聚焦 — autoFocus + defaultValue）
Filled（有值、未聚焦）＋搜尋結果
Filled ＋ 無搜尋結果
查無符合的搜尋結果
3. Menu 抽屜 — 未實作
Figma Menu（`2079:87510`）仍標 ✏️ 進行中，依 2026-09-14 決定先不實作；漢堡按鈕保留但只觸發 `onMenuClick`。設計定稿後再依 Figma Menu（左側抽屜、品牌列表／商品款式／專屬推薦／News）實作。