diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 2fddb07..3b567cd 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -28,7 +28,7 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
       </a>
     </div>
 
-    <button id="menu-btn" class="md:hidden text-white">
+    <button id="menu-btn" class="md:hidden text-white transition-all duration-200 hover:scale-110 active:scale-90 p-2 rounded-lg hover:shadow-[0_0_15px_rgba(229,25,55,0.5)] active:shadow-[0_0_25px_rgba(229,25,55,0.8)]">
       <svg id="menu-icon" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
         <line x1="4" x2="20" y1="12" y2="12"/>
         <line x1="4" x2="20" y1="6" y2="6"/>
@@ -40,8 +40,16 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
 
 <div id="mobile-menu" class="fixed inset-0 bg-[#1a1a1a] z-[100] p-8 flex flex-col translate-x-full transition-transform duration-300">
   <div class="flex justify-between items-center mb-12">
-    <span class="text-white font-bold text-xl">МЕНЮ</span>
-    <button id="close-menu" class="text-white">
+    <div class="flex items-center gap-2">
+      <div class="w-10 h-10 bg-[#E51937] rounded-lg flex items-center justify-center text-white font-bold text-xl">
+        TL
+      </div>
+      <div class="flex flex-col leading-none">
+        <span id="mobile-logo-text" class="font-bold text-lg tracking-tight text-white">TOYOTA LEXUS</span>
+        <span id="mobile-logo-sub" class="text-xs uppercase tracking-[0.2em] font-medium text-gray-300">Сервис Сургут</span>
+      </div>
+    </div>
+    <button id="close-menu" class="text-white transition-all duration-200 hover:scale-110 active:scale-90 p-2 rounded-lg hover:shadow-[0_0_15px_rgba(229,25,55,0.5)] active:shadow-[0_0_25px_rgba(229,25,55,0.8)]">
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
         <path d="M18 6 6 18"/><path d="m6 6 12 12"/>
       </svg>
@@ -68,6 +76,8 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
   const navbar = document.getElementById('navbar')!;
   const logoText = document.getElementById('logo-text')!;
   const logoSub = document.getElementById('logo-sub')!;
+  const mobileLogoText = document.getElementById('mobile-logo-text')!;
+  const mobileLogoSub = document.getElementById('mobile-logo-sub')!;
   const desktopNav = document.getElementById('desktop-nav')!;
   const navLinks = desktopNav.querySelectorAll('.nav-link');
   const menuBtn = document.getElementById('menu-btn')!;
@@ -88,6 +98,10 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
         logoText.classList.add('text-[#1a1a1a]');
         logoSub.classList.remove('text-gray-300');
         logoSub.classList.add('text-gray-500');
+        mobileLogoText.classList.remove('text-white');
+        mobileLogoText.classList.add('text-[#1a1a1a]');
+        mobileLogoSub.classList.remove('text-gray-300');
+        mobileLogoSub.classList.add('text-gray-500');
         navLinks.forEach(link => {
           link.classList.remove('text-white');
           link.classList.add('text-[#1a1a1a]');
@@ -101,6 +115,10 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
         logoText.classList.remove('text-[#1a1a1a]');
         logoSub.classList.add('text-gray-300');
         logoSub.classList.remove('text-gray-500');
+        mobileLogoText.classList.add('text-white');
+        mobileLogoText.classList.remove('text-[#1a1a1a]');
+        mobileLogoSub.classList.add('text-gray-300');
+        mobileLogoSub.classList.remove('text-gray-500');
         navLinks.forEach(link => {
           link.classList.add('text-white');
           link.classList.remove('text-[#1a1a1a]');