fix_2

server/frontend/main/style.css

@@ -23,6 +23,31 @@
 
 
 /* --------------------------------MAIN-------------------------------- */
+
+html {
+    background:
+        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
+        center center / cover no-repeat;
+    height: 100%;
+    overflow-x: hidden;
+}
+
+body {
+    min-height: 100%;
+    overflow-x: hidden;
+
+    margin: 0;
+    padding:
+        env(safe-area-inset-top)
+        env(safe-area-inset-right)
+        env(safe-area-inset-bottom)
+        env(safe-area-inset-left);
+
+    background:
+        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
+        center center / cover no-repeat;
+}
+
 html, body {
   height: 100%;
 }
@@ -35,16 +60,19 @@ body {
 }
 
 .bg {
-  position: fixed;
+    position: fixed;
-  top: -100px;
+    inset: 0;
-  left: 0;
+
-  right: 0;
+    background:
-  bottom: -100px;
+        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
-  background: url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp") center center / cover no-repeat;
+        center center / cover no-repeat;
-  z-index: -1;
+
-  transform: translateZ(0);
+    z-index: -1;
-  -webkit-transform: translateZ(0);
+
+    will-change: transform;
+    transform: translateZ(0);
 }
+
 .content {
     position: relative;
     min-height: 100dvh;
@@ -180,7 +208,7 @@ img {
     top: 0;
     left: 0; /* ВАЖНО */
     width: 100%;
-    height: 100vh;
+    height: 100dvh;
 
     background: rgba(102, 60, 36, 0.97);
     backdrop-filter: blur(12px);
@@ -242,7 +270,7 @@ img {
     margin: 0px 400px;
     padding-bottom: 40px; /* можно оставить */
     padding-top: 60px;
-    /* ❌ height: 640px;  УДАЛИТЬ */
+    height: auto;
     box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }
 .heading_content {
@@ -880,7 +908,8 @@ textarea {
 }
   .heading {
     margin: 0 300px;
-    height: 580px;
+    min-height: 580px;
+    height: auto;
   }
 .map_link {
   height: 400px;
@@ -1003,7 +1032,8 @@ textarea {
 
 @media (max-width: 1320px){
   .heading {
-    height: 480px;
+    min-height: 480px;
+    height: auto;
   }
     .time {
     font-size: 70px;
@@ -1035,7 +1065,8 @@ textarea {
     width: 160px;
   }
     .heading {
-    height: 600px;
+    min-height: 600px;
+    height: auto;
   }
     .items_up, .items_down {
     gap: 50px;
@@ -1314,14 +1345,13 @@ textarea {
         margin-bottom: 20px;
         background: none;
         box-shadow: none;
-        height: 450px;
+        min-height: 550px;
+        height: auto;
     }
     .heading_content {
         padding: 0;
     }
-    .header {
+
-        margin-top: -30px;
-    }
       .items_up, .items_down {
     gap: 20px;
   }
@@ -1434,7 +1464,8 @@ textarea {
     flex-direction: column;
   }
      .heading {
-    height: 450px;
+    min-height: 450px;
+    height: auto;
   }
     .map > div {
     width: 400px;
@@ -1506,7 +1537,8 @@ textarea {
     padding: 0px 20px;
   }
     .heading {
-    height: 500px;
+    min-height: 500px;
+height: auto;
   }
 
 .map_adress {
@@ -1708,9 +1740,6 @@ textarea {
   }
     .header {
     width: 18%;
-  }
-    .header {
-    margin-top: -85px;
   }
    .heading {
     margin: 100px 0 40px 0;