Улучшение коÐда мобильного меню

frontend/src/styles/global.css

@@ -1,35 +1,28 @@
 @import "tailwindcss";
 
-/* ============================================
-   ЦВЕТОВЫЕ ПЕРЕМЕННЫЕ САЙТА "Автоюрист 086"
-   ============================================ */
 :root {
-  /* Основные цвета */
-  --color-primary: #1e3050;        /* Тёмно-синий */
-  --color-secondary: #535e6c;      /* Серый */
-  --color-gold: #eac26e;           /* Золотой */
-  --color-gold-dark: #ce9f40;      /* Тёмно-золотой */
-  --color-light: #d1d9e4;          /* Серо-голубой фон */
-  --color-white: #ffffff;          /* Белый */
-  
-  /* Дополнительные оттенки */
-  --color-primary-dark: #152238;   /* Тёмно-синий тёмный */
-  --color-gray-light: #f0f2f5;     /* Светло-серый фон */
-  --color-gray-border: #e0e4e8;    /* Цвет границ */
-  --color-text-muted: #9ca3af;     /* Приглушённый текст */
-  
-  /* Функциональные цвета */
-  --color-success: #10b981;        /* Успех */
-  --color-error: #ef4444;          /* Ошибка */
-  --color-warning: #f59e0b;        /* Предупреждение */
-  
-  /* Ширина контейнера сайта */
   --site-max-width: 1400px;
 }
 
-/* Единый контейнер для всех компонентов */
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  overflow-x: hidden;
+  background-color: var(--color-white); /* Цвет фона страницы */
+}
+
+/* 2. Исправленный контейнер */
 .site-container {
+  width: 100%;
   max-width: var(--site-max-width);
   margin: 0 auto;
-  padding: 0 2rem;
+  padding: 0 1rem;
+  box-sizing: border-box;
+}
+
+@media (min-width: 768px) {
+  .site-container {
+    padding: 0 2rem;
+  }
 }