fix: reduce mobile banner height to 120px to remove gap

Author: stomashevsky

src/components/LanguageSuggestionBanner.tsx

@@ -9,9 +9,9 @@ const LANGUAGE_PREFERENCE_KEY = 'folio-language-preference'
 
 // Banner height in pixels (measured from Figma)
 // Desktop: h-[68px] as per Figma (py-4 + single row)
-// Mobile: py-6 (48px) + text row (~60px with wrap) + gap (16px) + buttons (36px) = ~160px
+// Mobile: py-6 (48px) + text row (~20px) + gap (16px) + buttons (36px) = ~120px
 export const BANNER_HEIGHT_DESKTOP = 68
-export const BANNER_HEIGHT_MOBILE = 160
+export const BANNER_HEIGHT_MOBILE = 120
 
 /**
  * Spacer component that reserves space for the fixed banner.
@@ -24,7 +24,7 @@ export function BannerSpacer() {
     return null
   }
 
-  return <div className="h-[160px] md:h-[68px]" aria-hidden="true" />
+  return <div className="h-[120px] md:h-[68px]" aria-hidden="true" />
 }
 
 /**

src/components/Navbar.tsx

@@ -37,9 +37,9 @@ export default function Navbar() {
   useBodyScrollLock(isMobileMenuOpen)
 
   // Navbar position: below banner when visible
-  // Mobile banner: ~160px (with text wrap), Desktop banner: 68px (from Figma)
+  // Mobile banner: ~120px, Desktop banner: 68px (from Figma)
   const topOffset = isBannerVisible 
-    ? 'top-[160px] md:top-[68px]' 
+    ? 'top-[120px] md:top-[68px]' 
     : 'top-0'
 
   return (

src/components/navbar/MobileMenu.tsx

@@ -124,9 +124,9 @@ const PLATFORM_ITEMS = [
 ]
 
 // Navbar height (64px) + banner height when visible
-// Mobile banner: ~160px (with text wrap per Figma design)
+// Mobile banner: ~120px per Figma design
 const NAVBAR_HEIGHT = 64
-const BANNER_HEIGHT_MOBILE = 160
+const BANNER_HEIGHT_MOBILE = 120
 
 export default function MobileMenu({ isOpen, onClose, bannerVisible = false }: MobileMenuProps) {
   const { t } = useTranslation('common')