Stable Website after Landingpage Creation

.htaccess

@@ -1,4 +1,4 @@
 #KONSOLEH AREA START - PLEASE DO NOT EDIT MANUALLY BETWEEN THESE LINES
 DirectoryIndex index.php
 #KONSOLEH AREA END - PLEASE ADD MANUAL CHANGES BELOW
-SetEnv FLIXCOOKS_ADMIN_KEY "REWnqLYwQtZZDgXcNxnt"
+SetEnv FLIXCOOKS_ADMIN_KEY "vFDH.N_tVLEKNdR3fhLs"

assets/style.css

@@ -1022,3 +1022,108 @@ img, picture { display: block; max-width: 100%; height: auto; }
   background: var(--land-chip-border);
   color: var(--land-text);
 }
+
+/* ══════════════════════════════════════════════════════════════════
+   MOBILE IMPROVEMENTS
+   ══════════════════════════════════════════════════════════════════ */
+
+@media (max-width: 900px) {
+  /* More padding around the whole site content */
+  #recipes-start {
+    padding: 0 6px 40px;
+  }
+
+  /* Header more compact */
+  .site-header {
+    margin: 12px 8px;
+    padding: 10px 14px;
+  }
+
+  /* Coming strip full width */
+  .coming-strip {
+    margin: 10px 0;
+  }
+
+  /* Hero section stacks cleanly */
+  .hero {
+    margin: 16px 0 32px;
+    gap: 14px;
+  }
+
+  /* Featured card image not too tall */
+  .hero-card img {
+    max-height: 200px;
+    object-fit: cover;
+    object-position: center;
+  }
+
+  /* Recipe grid single column with less gap */
+  .grid {
+    gap: 12px;
+  }
+
+  /* Card images proportional */
+  .card__image img {
+    max-height: 200px;
+    object-fit: cover;
+    object-position: center;
+    aspect-ratio: 4/3;
+  }
+
+  /* Section headers compact */
+  .section-header {
+    margin-bottom: 8px;
+  }
+
+  /* Landing chips hidden on very small screens */
+  .landing__chips {
+    display: none;
+  }
+
+  /* Landing headline smaller */
+  .landing__headline {
+    font-size: clamp(2rem, 10vw, 3.5rem);
+  }
+
+  /* Landing CTA full width */
+  .landing__cta {
+    width: 100%;
+    justify-content: center;
+  }
+}
+
+@media (max-width: 480px) {
+  #recipes-start {
+    padding: 0 4px 32px;
+  }
+
+  .site-header {
+    margin: 8px 4px;
+    border-radius: 12px;
+  }
+
+  .coming-strip__row {
+    grid-auto-columns: 110px;
+  }
+
+  .coming-chip__image img {
+    aspect-ratio: 1/1;
+  }
+
+  /* Recipe body panels stack */
+  .recipe__body {
+    grid-template-columns: 1fr;
+    padding: 12px;
+    gap: 10px;
+  }
+
+  .recipe__hero img {
+    max-height: 240px;
+    object-fit: cover;
+  }
+
+  /* Feature cards single column */
+  .feature-grid {
+    grid-template-columns: 1fr;
+  }
+}

data/recipes.json

@@ -114,9 +114,9 @@
     {
         "slug": "steak-with-onion-jam",
         "hero": "/assets/steak.JPEG",
-        "prep_time": 0,
+        "prep_time": 15,
-        "cook_time": 0,
+        "cook_time": 15,
-        "total_time": 0,
+        "total_time": 30,
         "servings": 2,
         "featured": true,
         "coming_soon": false,

index.php

@@ -178,8 +178,6 @@ document.getElementById('landingCta').addEventListener('click', function(e){
 });
 </script>
 
-?>
-
 <?php if (!empty($comingSoon)): ?>
   <div class="coming-strip" aria-label="Coming soon recipes">
     <div class="coming-strip__head">