fix: Remove duplicate inline mobile navs from ai-chat.html and search-result.html

Both pages had their OWN inline mobile bottom nav IN ADDITION to the shared
navbar. This caused them to show the OLD nav (Home/Shops/Cart/Account with
'AI Shop' center button) instead of the NEW shared nav
(Home/Category/Discover/Cart/Account).

Now ALL pages with the navbar use ONLY the shared navbar.html — no
duplicates. The mobile bottom nav is identical across index.html,
ai-chat.html, categories.html, videos.html, and all other pages:

Home | Category | Discover (centered) | Cart | Account

ai-chat.html

@@ -225,34 +225,6 @@
     </div>
 
     <!-- Bottom Navigation -->
-    <nav class="mobile-nav fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 z-50">
-        <div class="flex items-center justify-around py-2 max-w-lg mx-auto">
-            <a href="/" class="flex flex-col items-center gap-0.5 p-1.5 sm:p-2 text-gray-400 hover:text-gray-600 transition-colors">
-                <i class="fas fa-home text-lg sm:text-xl"></i>
-                <span class="text-[10px] sm:text-xs">Home</span>
-            </a>
-            <a href="categories.html" class="flex flex-col items-center gap-0.5 p-1.5 sm:p-2 text-gray-400 hover:text-gray-600 transition-colors">
-                <i class="fas fa-th-large text-lg sm:text-xl"></i>
-                <span class="text-[10px] sm:text-xs">Categories</span>
-            </a>
-            <a href="ai-chat.html" class="flex flex-col items-center gap-0.5 p-1.5 sm:p-2 text-cyan-500 relative">
-                <div class="absolute -top-1 left-1/2 -translate-x-1/2 w-12 h-1 bg-cyan-500 rounded-full"></div>
-                <div class="w-10 h-10 sm:w-11 sm:h-11 bg-gradient-to-br from-cyan-400 to-cyan-700 rounded-full flex items-center justify-center shadow-lg -mt-5">
-                    <i class="fas fa-robot text-white text-base sm:text-lg"></i>
-                </div>
-                <span class="text-[10px] sm:text-xs font-semibold text-cyan-500">AI Shop</span>
-            </a>
-            <a href="cart.html" class="flex flex-col items-center gap-0.5 p-1.5 sm:p-2 text-gray-400 hover:text-gray-600 transition-colors relative">
-                <i class="fas fa-shopping-cart text-lg sm:text-xl"></i>
-                <span class="text-[10px] sm:text-xs">Cart</span>
-                <span id="mobileCartCount" class="absolute top-0 right-1 w-4 h-4 bg-red-500 text-white text-[10px] font-bold rounded-full flex items-center justify-center">0</span>
-            </a>
-            <a href="login.html" class="flex flex-col items-center gap-0.5 p-1.5 sm:p-2 text-gray-400 hover:text-gray-600 transition-colors">
-                <i class="fas fa-user text-lg sm:text-xl"></i>
-                <span class="text-[10px] sm:text-xs">Account</span>
-            </a>
-        </div>
-    </nav>
 
     <!-- Scripts: Supabase config + Cart module + AI Assistant (shared logic) -->
     <!-- Scripts: Edge function client (no Supabase SDK) + Cart + AI Assistant -->

search-result.html

@@ -467,34 +467,6 @@
     </main>
 
     <!-- Mobile Navigation (Bottom) -->
-    <nav class="mobile-nav fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 lg:hidden z-50">
-        <div class="flex items-center justify-around py-2">
-            <a href="index.html" class="flex flex-col items-center gap-1 p-2 text-gray-500">
-                <i class="fas fa-home text-lg"></i>
-                <span class="text-xs">Home</span>
-            </a>
-            <a href="categories.html" class="flex flex-col items-center gap-1 p-2 text-gray-500">
-                <i class="fas fa-th-large text-lg"></i>
-                <span class="text-xs">Categories</span>
-            </a>
-            <a href="#" class="flex flex-col items-center gap-1 p-2 text-cyan-500">
-                <i class="fas fa-search text-lg"></i>
-                <span class="text-xs font-medium">Search</span>
-            </a>
-            <a href="cart.html" class="flex flex-col items-center gap-1 p-2 text-gray-500 relative">
-                <i class="fas fa-shopping-cart text-lg"></i>
-                <span class="text-xs">Cart</span>
-                <span id="mobileCartCount" class="absolute top-0 right-1 w-4 h-4 bg-red-500 text-white text-[10px] font-bold rounded-full flex items-center justify-center">0</span>
-            </a>
-            <a id="mobileAccountBtn" href="login.html" class="flex flex-col items-center gap-1 p-2 text-gray-500">
-                <div class="relative">
-                    <i class="fas fa-user text-lg"></i>
-                    <i id="loggedInCheck" class="fas fa-check-circle text-green-500 text-xs absolute -bottom-0.5 -right-0.5 hidden"></i>
-                </div>
-                <span class="text-xs">Account</span>
-            </a>
-        </div>
-    </nav>
 
     <!-- Auth Modal -->
     <div id="authModal" class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 hidden items-center justify-center p-4">