diff --git a/src/app/globals.css b/src/app/globals.css
index c85edff..b3a04b8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -715,10 +715,11 @@ html {
   .light-sweep { animation: none !important; opacity: 0 !important; }
 }
 
-html, body { overflow-x: hidden; overflow-x: clip; max-width: 100%; }
+html, body { overflow-x: hidden; overflow-x: clip; max-width: 100%; position: relative; }
 
 /* Catch-all guard against horizontal overflow */
-main, footer, nav, section, header { max-width: 100%; overflow-x: clip; }
+main, footer, nav, section, header { max-width: 100%; overflow-x: hidden; overflow-x: clip; }
+main { width: 100%; }
 
 /* === GLOBAL RESPONSIVE GUARDS === */
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 60a82db..5fb6d8b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -67,7 +67,7 @@ export default function RootLayout({
           <I18nProvider>
             {children}
             {/* WhatsApp Floating Button */}
-            <a href="https://wa.me/971559482728" target="_blank" rel="noopener noreferrer" aria-label="Contact us on WhatsApp" className="wa-fab fixed z-50 flex items-center justify-center h-14 w-14 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white shadow-lg shadow-[#25D366]/30 transition-all duration-300 ease-out hover:scale-110 hover:shadow-[#25D366]/50 hover:shadow-xl active:scale-95 group" style={{ insetInlineEnd: 'max(1rem, env(safe-area-inset-right, 0px))' }}>
+            <a href="https://wa.me/971559482728" target="_blank" rel="noopener noreferrer" aria-label="Contact us on WhatsApp" className="wa-fab fixed z-50 flex items-center justify-center h-14 w-14 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white shadow-lg shadow-[#25D366]/30 transition-all duration-300 ease-out hover:scale-110 hover:shadow-[#25D366]/50 hover:shadow-xl active:scale-95 group" style={{ right: 'max(1rem, env(safe-area-inset-right, 0px))' }}>
               <span className="absolute inset-0 -z-10 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] opacity-0 blur-xl transition-opacity duration-300 group-hover:opacity-100"></span>
               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="tabler-icon tabler-icon-brand-whatsapp relative z-10 h-8 w-8">
                 <path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9"></path>