From d4b4f7011f2b89f9eb15ca31e4a3d0a3025465d0 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Mon, 26 Jan 2026 16:59:19 +0700
Subject: [PATCH] Fix hero scroll - use fixed padding so content stays in place

---
 app/layouts/topnav.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/layouts/topnav.vue b/app/layouts/topnav.vue
index 8c1dbb4..51702e9 100644
--- a/app/layouts/topnav.vue
+++ b/app/layouts/topnav.vue
@@ -238,6 +238,7 @@ const { headerOffset, isCollapsed } = useScrollCollapse(100)
 // Hero scroll for home page
 const {
   heroHeight,
+  heroBaseHeight,
   collapseProgress,
   isCollapsed: heroIsCollapsed,
   collapsedHeight
@@ -332,11 +333,11 @@ const heroStyle = computed(() => {
 
 // Main content padding-top to compensate for fixed header
 // For catalog section: no padding - map extends behind header
-// Home page: hero height (dynamic)
+// Home page: FIXED at base height (not dynamic!) so content doesn't move with scroll
 // 154px = MainNav + SubNav (orders, seller, settings)
 const mainStyle = computed(() => {
   if (isCatalogSection.value) return { paddingTop: '0' }
-  if (isHomePage.value) return { paddingTop: `${heroHeight.value}px` }
+  if (isHomePage.value) return { paddingTop: `${heroBaseHeight.value}px` }
   return { paddingTop: '154px' }
 })