From 5d3ea49de844a422e38a84e46cd7efeb34e95eac Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 7 Jun 2026 09:43:51 -0400
Subject: [PATCH 1/3] fix: stack NowPlayingStats vertically and tighten footer
 padding at xs (<=599px)

---
 .../Controls/NowPlayingStats.razor.css              |  7 +++++++
 .../Layout/DeepDrftFooter.razor.css                 | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
index 620b69e..2016701 100644
--- a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
+++ b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
@@ -26,3 +26,10 @@
     text-transform: uppercase;
     margin-top: 0.4rem;
 }
+
+@media (max-width: 599px) {
+    .hero-stat-row {
+        flex-direction: column;
+        gap: 0.75rem;
+    }
+}
diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
index 3ecb610..d1b34b1 100644
--- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
+++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
@@ -45,4 +45,17 @@
     font-size: 0.58rem;
     letter-spacing: 0.12em;
     color: var(--deepdrft-muted);
+}
+
+@media (max-width: 599px) {
+    .deepdrft-footer {
+        padding: 1.5rem;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .deepdrft-footer-copy {
+        width: 100%;
+        text-align: right;
+    }
 }
\ No newline at end of file

From cb9c5f9b3cf731a119d79bd7b3920a388a6f8449 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 7 Jun 2026 09:45:38 -0400
Subject: [PATCH 2/3] fix: add trailing newline to DeepDrftFooter.razor.css

---
 DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
index d1b34b1..668e192 100644
--- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
+++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
@@ -58,4 +58,4 @@
         width: 100%;
         text-align: right;
     }
-}
\ No newline at end of file
+}

From 75766154bbc3d7f9d3f7e185fa249c384f982d9f Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 7 Jun 2026 09:50:09 -0400
Subject: [PATCH 3/3] fix: correct xs breakpoint from 600px to 599px in
 Home.razor.css (sm starts at 600px)

---
 DeepDrftPublic.Client/Pages/Home.razor.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/DeepDrftPublic.Client/Pages/Home.razor.css b/DeepDrftPublic.Client/Pages/Home.razor.css
index 29562e8..b49e59d 100644
--- a/DeepDrftPublic.Client/Pages/Home.razor.css
+++ b/DeepDrftPublic.Client/Pages/Home.razor.css
@@ -117,7 +117,7 @@
     .genre-grid { grid-template-columns: repeat(3, 1fr); }
 }
 
-@media (max-width: 600px) {
+@media (max-width: 599px) {
     .genre-grid { grid-template-columns: repeat(2, 1fr); }
 }
 
@@ -211,7 +211,7 @@
     .feature-card:last-child { border-bottom: none; }
 }
 
-@media (max-width: 600px) {
+@media (max-width: 599px) {
     .features-grid { grid-template-columns: 1fr; }
     .feature-card { border-right: none; border-bottom: 1px solid rgba(250, 250, 248, 0.08); }
     .feature-card:last-child { border-bottom: none; }
@@ -512,7 +512,7 @@
 
 .btn-outline-white:hover { border-color: var(--deepdrft-white); }
 
-@media (max-width: 600px) {
+@media (max-width: 599px) {
     .cta-banner {
         flex-direction: column;
         align-items: flex-start;