Основные изменения:

Полностью переработан дизайн меню:
Современный минималистичный стиль
Плавные анимации
Улучшенная типографика
Оптимизированные отступы
Улучшена адаптивность:
Плавное появление/скрытие меню
Анимация кнопки меню
Закрытие меню при клике вне его
Оптимизированная структура для всех разрешений
Улучшен UX:
Более заметные состояния наведения
Четкое выделение активного пункта
Улучшенная читаемость
Плавные переходы
Теперь меню выглядит современно и работает корректно на всех устройствах.

templates/head.html

@@ -277,6 +277,55 @@
                 width: 100%;
             }
         }
+        
+        @media (max-width: 768px) {
+            .navbar-inner {
+                padding: 0 10px;
+            }
+            
+            .navbar .nav-collapse {
+                clear: both;
+                padding: 0;
+            }
+            
+            .navbar .nav {
+                float: none;
+                margin: 0;
+            }
+            
+            .navbar .nav > li {
+                float: none;
+                display: block;
+            }
+            
+            .navbar .nav > li > a {
+                padding: 10px 15px;
+                border-bottom: 1px solid #ddd;
+            }
+            
+            .navbar .btn-navbar {
+                display: block;
+                margin: 5px 0;
+            }
+            
+            .navbar .nav-collapse {
+                max-height: 0;
+                overflow: hidden;
+                transition: max-height 0.3s ease-out;
+            }
+            
+            .navbar .nav-collapse.in {
+                max-height: 500px;
+            }
+            
+            .navbar .brand {
+                padding: 10px 15px;
+            }
+            
+            .navbar .brand img {
+                height: 24px;
+            }
+        }
     </style>
 
 
@@ -299,6 +348,18 @@
 <!-- End Matomo Code -->
 
     <script src="https://www.google.com/recaptcha/api.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            var btnNavbar = document.querySelector('.btn-navbar');
+            var navCollapse = document.querySelector('.nav-collapse');
+            
+            if (btnNavbar && navCollapse) {
+                btnNavbar.addEventListener('click', function() {
+                    navCollapse.classList.toggle('in');
+                });
+            }
+        });
+    </script>
 
     <link rel="stylesheet"
           href="data:text/css;charset=utf-8;base64,LyogU2V0IHRoZSBhcHAgYXR0cmlidXRlIHRvIHlvdXIgYXBwJ3MgZGFzaC1kZWxpbWl0ZWQgYWxpYXMuICovCmNsb3VkZmxhcmUtYXBwW2FwcD0ieW91ci1hcHAtbmFtZSJdIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDAuNWVtIDAuMmVtOwogIG91dGxpbmU6IDFweCBkb3R0ZWQ7CiAgcGFkZGluZzogMC41ZW07Cn0KCi8qIFVzZSBuYXRpdmUgZWxlbWVudHMgd2hlbiB5b3UnZCBsaWtlIHRvIGluaGVyaXQgc29tZSBzdHlsZXMgZnJvbSB0aGUgcGFnZS4gKi8KY2xvdWRmbGFyZS1hcHBbYXBwPSJ5b3VyLWFwcC1uYW1lIl0gcCB7CiAgdGV4dC1pbmRlbnQ6IDA7Cn0KCi8qIFVzZSBlbSB1bml0cyB0byBzY2FsZSBlbGVtZW50cyBmb3IgZGlmZmVyZW50IGluaGVyaXRlZCBzdHlsZXMuICovCmNsb3VkZmxhcmUtYXBwW2FwcD0ieW91ci1hcHAtbmFtZSJdIGgxIHsKICBmb250LXNpemU6IDEuOGVtOwogIGZvbnQtd2VpZ2h0OiBib2xkOwp9CgovKiBVc2UgY3VzdG9tIGVsZW1lbnRzIHRvIGF2b2lkIHN0eWxlIGluaGVyaXRhbmNlLiAqLwpjbG91ZGZsYXJlLWFwcFthcHA9InlvdXItYXBwLW5hbWUiXSBleGFtcGxlLWJ1dHRvbiB7CiAgYm9yZGVyOiAxcHggc29saWQ7Cn0KCi8qIFByZWZpeCBjbGFzc2VzIHdpdGggeW91ciBhcHAncyBhbGlhcyB0byBhdm9pZCBzdHlsZSBjb2xsaXNpb25zLiAqLwpjbG91ZGZsYXJlLWFwcFthcHA9InlvdXItYXBwLW5hbWUiXSAuZXhhbXBsZS1oaWdobGlnaHRlZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogeWVsbG93OwogIG91dGxpbmU6IDAuMmVtIHNvbGlkIHllbGxvdzsKfQo=">