diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index e551290..74207c0 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -40,30 +40,30 @@ const navItems = [
   <div class="bg-white/90 backdrop-blur-md rounded-2xl shadow-lg border border-white/20 px-2 py-3">
     <div class="flex justify-between items-center gap-1">
       {navItems.map((item) => (
-        <a href={item.href} class="mobile-nav-item flex flex-col items-center gap-1.5 p-2 rounded-xl hover:bg-[#E51937]/10 active:bg-[#E51937]/20 transition-all duration-200 group flex-1 hover:scale-105 active:scale-95">
-          <div class="w-10 h-10 rounded-full bg-[#1a1a1a] group-hover:bg-[#E51937] flex items-center justify-center transition-all duration-200">
+        <a href={item.href} class="mobile-nav-item flex flex-col items-center gap-1.5 p-3 rounded-2xl hover:bg-[#E51937] active:bg-[#c41230] transition-all duration-150 group flex-1 hover:scale-105 active:scale-95">
+          <div class="w-12 h-12 rounded-full bg-[#1a1a1a] group-hover:bg-white flex items-center justify-center transition-all duration-150 shadow-md group-hover:shadow-lg">
             {item.name === 'Услуги' && (
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-white transition-colors">
+              <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-[#E51937] transition-colors duration-150">
                 <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
               </svg>
             )}
             {item.name === 'О нас' && (
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-white transition-colors">
+              <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-[#E51937] transition-colors duration-150">
                 <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>
               </svg>
             )}
             {item.name === 'Преимущества' && (
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-white transition-colors">
+              <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-[#E51937] transition-colors duration-150">
                 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/><path d="m9 12 2 2 4-4"/>
               </svg>
             )}
             {item.name === 'Контакты' && (
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-white transition-colors">
+              <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white group-hover:text-[#E51937] transition-colors duration-150">
                 <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
               </svg>
             )}
           </div>
-          <span class="text-[10px] font-medium text-gray-600 group-hover:text-[#E51937] transition-colors duration-200 text-center leading-tight">{item.name}</span>
+          <span class="text-[11px] font-bold text-gray-700 group-hover:text-white transition-colors duration-150 text-center leading-tight">{item.name}</span>
         </a>
       ))}
     </div>