From 89880195ad1c0db838230c91d8e22ff36d19ac1e Mon Sep 17 00:00:00 2001
From: Egor <egor.andrianovv@gmail.com>
Date: Tue, 20 Jan 2026 07:40:46 +0300
Subject: [PATCH 1/2] Update Layout.tsx

---
 src/components/layout/Layout.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index 9469e0d..4333c07 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -353,7 +353,7 @@ export default function Layout({ children }: LayoutProps) {
 
       {/* Header */}
       <header
-        className="sticky top-0 z-50 glass border-b border-dark-800/50"
+        className="fixed top-0 left-0 right-0 z-50 glass border-b border-dark-800/50"
         style={{
           // In fullscreen mode, add padding for safe area + Telegram native controls (close/menu buttons in corners)
           paddingTop: isFullscreen ? `${Math.max(safeAreaInset.top, contentSafeAreaInset.top) + 45}px` : undefined,
@@ -500,6 +500,16 @@ export default function Layout({ children }: LayoutProps) {
 
       </header>
 
+      {/* Spacer for fixed header - matches header height */}
+      {isFullscreen ? (
+        <div 
+          className="flex-shrink-0"
+          style={{ height: `${64 + Math.max(safeAreaInset.top, contentSafeAreaInset.top) + 45}px` }}
+        />
+      ) : (
+        <div className="flex-shrink-0 h-16 lg:h-20" />
+      )}
+
       {/* Mobile menu - fixed overlay below header */}
       {mobileMenuOpen && (
         <div

From 07a635e1a7f4871cb7ecc651f25aac737f3f27ff Mon Sep 17 00:00:00 2001
From: Egor <egor.andrianovv@gmail.com>
Date: Tue, 20 Jan 2026 07:41:20 +0300
Subject: [PATCH 2/2] Update globals.css

---
 src/styles/globals.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index e9465db..e756480 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -203,6 +203,10 @@
     background-color: rgba(254, 249, 240, 0.5) !important; /* champagne-100/50 */
   }
 
+  .light .bg-dark-900\/95 {
+    background-color: rgba(254, 249, 240, 0.95) !important; /* champagne-100/95 - mobile menu sticky header */
+  }
+
   .light .bg-dark-950 {
     background-color: #F7E7CE !important; /* champagne-200 */
   }