Fix for posters style and mobile schedule padding (#1785)

Author: nikoshell

src/components/schedule/day.astro

@@ -737,6 +737,28 @@ const endStart = numberToTime(lastEndTime);
     .room-info {
       text-align: center;
     }
+
+    /* Override inline grid on mobile — fits viewport */
+    .lunch-break .lunch-break-content {
+      display: block !important;
+      grid-template-columns: none !important;
+      width: 100%;
+    }
+
+    .lunch-break .posters-inside {
+      grid-column: auto !important;
+      justify-self: auto !important;
+      width: 100%;
+    }
+
+    .lunch-break .poster-cards {
+      flex-direction: column;
+    }
+
+    .lunch-break .poster-cards :global(*) {
+      flex: none;
+      max-width: 100%;
+    }
   }
 
   @media screen and (min-width: 800px) {

src/styles/ep2026-theme.css

@@ -121,6 +121,12 @@ body.ep2026-theme {
   padding: 2rem 1.5rem;
 }
 
+@media (max-width: 799px) {
+  .ep-sched-inner {
+    padding: 0;
+  }
+}
+
 /* Day title */
 .ep-sched-day-title {
   font-family: "Inter Tight", system-ui, sans-serif;