Simplify header: clean pill input without card styling

- Remove shadow and extra padding from input
- Smaller, cleaner tokens (badge-md)
- Minimal chips styling (just text links)
- Reduce header height

app/layouts/topnav.vue

@@ -60,7 +60,7 @@ const {
 } = useCatalogSearch()
 
 // Collapsible header for catalog pages
-const { headerOffset, isCollapsed } = useScrollCollapse(130)
+const { headerOffset, isCollapsed } = useScrollCollapse(100)
 
 // Theme state
 const theme = useState<'cupcake' | 'night'>('theme', () => 'cupcake')
@@ -131,10 +131,10 @@ const headerStyle = computed(() => {
 })
 
 // Main content padding-top to compensate for fixed header
-// 130px = MainNav with search block (input + chips in one block)
-// 184px = MainNav + SubNav (orders, seller, settings)
+// 100px = MainNav with search (input + chips)
+// 154px = MainNav + SubNav (orders, seller, settings)
 const mainStyle = computed(() => ({
-  paddingTop: (isHomePage.value || isCatalogSection.value) ? '130px' : '184px'
+  paddingTop: (isHomePage.value || isCatalogSection.value) ? '100px' : '154px'
 }))
 
 // Provide collapsed state to child components (CatalogPage needs it for map positioning)