From 575c684cc592aeb55f84f0402c9f53516a2bec15 Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Mon, 23 Mar 2026 16:55:11 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20menu=20=E2=80=94=20expand=20to?=
 =?UTF-8?q?=20fit=20all=20nav=20links,=20center=20align,=20shrink=20CTA=20?=
 =?UTF-8?q?button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/layout/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index ffc04a3..069e6ea 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -147,10 +147,10 @@ export function Header() {
       {/* Mobile menu */}
       <div
         className={`overflow-hidden transition-all duration-300 lg:hidden ${
-          menuOpen ? "max-h-80 opacity-100" : "max-h-0 opacity-0"
+          menuOpen ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0"
         }`}
       >
-        <nav className="border-t border-white/[0.06] bg-black/40 px-6 py-4 backdrop-blur-xl sm:px-8">
+        <nav className="border-t border-white/[0.06] bg-black/40 px-6 py-4 text-center backdrop-blur-xl sm:px-8">
           {visibleLinks.map((link) => {
             const isActive = activeSection === link.href.replace("#", "");
             return (
@@ -173,7 +173,7 @@ export function Header() {
               setMenuOpen(false);
               setBookingOpen(true);
             }}
-            className="mt-2 w-full rounded-full bg-gold py-3 text-sm font-semibold text-black transition-all hover:bg-gold-light cursor-pointer"
+            className="mt-2 inline-block rounded-full bg-gold px-8 py-3 text-sm font-semibold text-black transition-all hover:bg-gold-light cursor-pointer"
           >
             Записаться
           </button>