Update styles.css

styles.css

@@ -8,8 +8,9 @@ body {
     font-family: 'Arial', sans-serif;
     background: #000;
     color: #fff;
-    overflow: hidden;
+    overflow-x: hidden; /* Только горизонтальная прокрутка отключена */
     position: relative;
+    min-height: 100vh; /* Гарантирует прокрутку при необходимости */
 }
 
 .cosmo-bg {
@@ -90,7 +91,7 @@ header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    min-height: 100vh;
+    padding: 4rem 0; /* Уменьшаем высоту для прокрутки */
     flex-wrap: wrap;
     gap: 5rem;
 }
@@ -219,6 +220,7 @@ header {
     .hero {
         flex-direction: column;
         text-align: center;
+        padding: 2rem 0;
     }
 
     .cosmo-product {
@@ -239,6 +241,10 @@ header {
         font-size: 1.6rem;
     }
 
+    .features {
+        padding: 4rem 0;
+    }
+
     .cosmo-pod {
         width: 90%;
     }