Новые правки в компоенты

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

@@ -45,10 +45,9 @@ import { COMPANY } from "@constants";
         </a>
 
       <div class="header-actions" id="auth-section"></div>
-    </div>
 
       <div class="mobile-actions">
-        <a href={`tel:${COMPANY.phoneClean}`} class="mobile-phone-btn" aria-label="Позонить: {COMPANY.phone}">
+        <a href={`tel:${COMPANY.phoneClean}`} class="mobile-phone-btn" aria-label="Позони<EFBFBD><EFBFBD>ь: {COMPANY.phone}">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             width="20"
@@ -323,7 +322,30 @@ import { COMPANY } from "@constants";
     .header-phone {
       display: flex;
     }
-    .mobile-phone-btn {
+    .mobile-phone-btn,
+    .burger-btn {
+      display: none;
+    }
+  }
+
+  @media (max-width: 992px) {
+    .header-phone {
+      display: none;
+    }
+    .mobile-actions {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+    .mobile-phone-btn,
+    .burger-btn {
+      display: flex;
+    }
+    .header-right {
+      gap: 0.5rem;
+      justify-content: flex-end;
+    }
+    .header-right > *:not(.mobile-actions) {
       display: none;
     }
   }