From a56aba6286dfd7e5fff0cb0e612dacc579fb6df5 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Wed, 15 Apr 2026 23:55:32 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/base/PageHero.astro | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/base/PageHero.astro b/frontend/src/components/base/PageHero.astro
index 3565b35..532512b 100644
--- a/frontend/src/components/base/PageHero.astro
+++ b/frontend/src/components/base/PageHero.astro
@@ -15,6 +15,7 @@ interface PageHeroProps {
     modalTarget?: string;
     bgImage?: string;
     minHeight?: string;
+    headerOffset?: string;
     layout?: 'default' | 'with-image';
     sideImage?: string;
     sideImageAlt?: string;
@@ -38,6 +39,7 @@ const {
     modalTarget,
     bgImage = "",
     minHeight = "100vh",
+    headerOffset = "80px",
     layout = "default",
     sideImage = "",
     sideImageAlt = "",
@@ -48,7 +50,7 @@ const {
 const showImage = layout === 'with-image' && sideImage;
 ---
 
-<section class="hero-section" style:min-height={minHeight}>
+<section class="hero-section" style:min-height={minHeight} style:--header-offset={headerOffset}>
     {bgImage && <img src={bgImage} alt="" class="hero-bg-image" decoding="async" />}
     <div class="hero-overlay"></div>
 
@@ -141,7 +143,7 @@ const showImage = layout === 'with-image' && sideImage;
         background-position: center;
         background-repeat: no-repeat;
         margin: 0 !important;
-        padding-top: 80px;
+        padding-top: var(--header-offset, 80px);
         box-sizing: border-box;
         overflow: hidden;
     }