fix: ensure mobile menu and language dropdown appear in front of hero banner video (raised z-indexes for overlays)

- Navbar: z-[999]
- Mobile menu container/panel: z-[1000]/z-[1001]
- Cart drawer: z-[980]/z-[990]
- LanguageSwitcher dropdown/backdrop: z-[1010]/z-[1020]
- Updated comments
- Mobile menu (incl. when clicking language inside it) now reliably stacks above the mobile banner video and other content.

components/Navbar.tsx

@@ -54,7 +54,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
 
   return (
     <nav 
-      className="fixed top-0 left-0 right-0 z-[60] h-[64px] border-b border-[#c99a2e]/20 bg-[#fbf7ef] shadow-sm backdrop-blur-xl"
+      className="fixed top-0 left-0 right-0 z-[999] h-[64px] border-b border-[#c99a2e]/20 bg-[#fbf7ef] shadow-sm backdrop-blur-xl"
     >
       <div className="max-w-7xl mx-auto px-6 flex items-center justify-between h-full">
         {/* Top subtle gold line for extra frame separation */}
@@ -178,10 +178,10 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
         </div>
       </div>
 
-      {/* Modern Mobile Menu Drawer (slide-in, animated, high-contrast, touch-friendly) */}
+      {/* Modern Mobile Menu Drawer (slide-in, animated, high-contrast, touch-friendly) - high z to always appear in front of hero banner video etc. */}
       <AnimatePresence>
         {isOpen && (
-          <div className="md:hidden fixed inset-0 z-[65]">
+          <div className="md:hidden fixed inset-0 z-[1000]">
             {/* Backdrop */}
             <motion.div
               className="absolute inset-0 bg-[#101724]/70 backdrop-blur-md"
@@ -194,7 +194,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
 
             {/* Sliding Panel - modern, full-bleed on small phones, elegant on larger */}
             <motion.div
-              className="absolute right-0 top-0 bottom-0 w-[82%] max-w-[340px] bg-[#fbf7ef] shadow-2xl border-l border-[#c99a2e]/10 flex flex-col overflow-y-auto"
+              className="absolute right-0 top-0 bottom-0 w-[82%] max-w-[340px] bg-[#fbf7ef] shadow-2xl border-l border-[#c99a2e]/10 flex flex-col overflow-y-auto z-[1001]"
               initial={{ x: '100%' }}
               animate={{ x: 0 }}
               exit={{ x: '100%' }}