Новые компоенÑСодаÐзданÑа форма ÐаÐутентификациÐи

frontend/src/components/layout/header/Header.astro

@@ -6,7 +6,7 @@ import MobileMenu from './MobileMenu.astro';
 ---
 
 <header class="header-wrapper">
-    <div class="header-container">
+    <div class="site-container header-container">
         <!-- Логотип -->
         <Logo />
 
@@ -78,22 +78,24 @@ import MobileMenu from './MobileMenu.astro';
 <style>
     /* Общая обертка хедера (фон и скругления как на скриншоте) */
     .header-wrapper {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
         background-color: #d1d9e4; /* Серо-голубой фон */
         border-top-left-radius: 8px; /* Скругления из макета */
         border-top-right-radius: 8px;
-        padding: 1.2rem 2rem;
+        padding: 1.2rem 0;
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        z-index: 1000;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     }
 
     /* Контейнер для выравнивания контента */
     .header-container {
-        width: 100%;
-        max-width: var(--site-max-width);
-        margin: 0 auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 0 2rem;
     }
 
     /* Блок с телефоном и кнопкой */