Layout fixes.

Author: jeroenleenarts

src/components/Hero2026.astro

@@ -73,11 +73,15 @@
     text-align: center;
     padding: 3.5rem 1.5rem 2.5rem;
     max-width: 720px;
+    width: 100%;
     margin: 0 auto;
+    box-sizing: border-box;
+    min-width: 0;
   }
 
   .hero-eyebrow {
     display: inline-block;
+    max-width: 100%;
     margin: 0 0 1.25rem;
     padding: 0.35rem 0.85rem;
     border-radius: 999px;
@@ -130,6 +134,9 @@
     justify-content: center;
     gap: 0.75rem;
     margin-bottom: 2rem;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .date-pill {
@@ -140,7 +147,10 @@
     border-radius: 1rem;
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.14);
-    min-width: 8.5rem;
+    flex: 1 1 calc(50% - 0.375rem);
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .date-pill--primary {
@@ -166,6 +176,9 @@
     flex-wrap: wrap;
     justify-content: center;
     gap: 0.75rem;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .btn {
@@ -177,6 +190,8 @@
     font-size: 1rem;
     font-weight: 700;
     text-decoration: none;
+    box-sizing: border-box;
+    max-width: 100%;
     transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
   }
 
@@ -252,6 +267,18 @@
       padding: 2.5rem 1rem 2rem;
     }
 
+    .hero-dates {
+      flex-direction: column;
+      align-items: stretch;
+      width: 100%;
+    }
+
+    .date-pill {
+      flex: none;
+      width: 100%;
+      max-width: 100%;
+    }
+
     .schedule-strip {
       grid-template-columns: 1fr;
     }
@@ -262,6 +289,7 @@
     }
 
     .btn {
+      display: flex;
       width: 100%;
     }
   }