From ebd6192ccbf2560abe113ebac131f85cf6b99bd8 Mon Sep 17 00:00:00 2001
From: navin10sharma <3096611+navin10sharma@users.noreply.github.com>
Date: Sat, 26 Sep 2026 09:15:20 +0530
Subject: [PATCH] Season route: let the season picker take its own height

The season picker draws its offer, steps and seat panel above the map, about
1,200px in all, inside the fixed-height map box, so it spilled over the
package summary below. The season box now grows with its content.
---
 src/routes/SeasonRoute.tsx | 2 +-
 src/styles.css             | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/SeasonRoute.tsx b/src/routes/SeasonRoute.tsx
index f18fb0e..e6b269c 100644
--- a/src/routes/SeasonRoute.tsx
+++ b/src/routes/SeasonRoute.tsx
@@ -63,7 +63,7 @@ export function SeasonRoute() {
               season={seasonKey}
               publicKey={publicKey}
               maxSelection={4}
-              className="seatmap"
+              className="seatmap seatmap--season"
               offer={{
                 eyebrow: "2027 membership",
                 priceLabel: "From $480",
diff --git a/src/styles.css b/src/styles.css
index d44f88f..f145caa 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -82,6 +82,12 @@ h2 {
   min-height: 420px;
 }
 
+/* The season picker draws its offer and steps above the map, so it takes the
+   height it needs instead of the fixed map height. */
+.seatmap.seatmap--season {
+  height: auto;
+}
+
 .seat-list {
   list-style: none;
   margin: 0 0 12px;