/* ============================================ CRITICAL MOBILE FIXES Additional layer to ensure perfect mobile display ============================================ */ /* Prevent horizontal scroll at all costs */ html { width: 100%; scroll-behavior: smooth; /* NO position:relative - it breaks sticky! */ /* NO overflow-x here either - mixed with body's overflow-x: hidden it makes its own scroll container and breaks sticky too! */ } body { overflow-x: hidden; width: 100%; max-width: 100vw; /* NO position:relative - it breaks sticky! */ } /* Ensure all major containers respect viewport */ /* NOTE: "nav" is intentionally excluded here. Giving a