From 965b2ecc5393e2d375b4e26faa2fa224f3612fc5 Mon Sep 17 00:00:00 2001
From: Anthony GAEREMYNCK <1@anthony.sh>
Date: Fri, 31 Jul 2026 15:00:18 +0200
Subject: [PATCH] style(frontend): responsive polish pass for narrow viewports

Part of the Ombrora Convert redesign (Task 5/5).
---
 frontend/src/styles/home.css   | 14 ++++++++++++++
 frontend/src/styles/layout.css | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/frontend/src/styles/home.css b/frontend/src/styles/home.css
index 5a2c3b3..c6abc72 100644
--- a/frontend/src/styles/home.css
+++ b/frontend/src/styles/home.css
@@ -92,3 +92,17 @@
     flex: 1 1 auto;
   }
 }
+
+@media (max-width: 480px) {
+  .hero {
+    padding: 2rem 1rem;
+  }
+
+  .hero h1 {
+    font-size: 1.75rem;
+  }
+
+  .dropzone {
+    padding: 1.75rem 1rem;
+  }
+}
diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css
index 738a491..8ef8008 100644
--- a/frontend/src/styles/layout.css
+++ b/frontend/src/styles/layout.css
@@ -48,3 +48,17 @@
   border-top: 1px solid var(--color-border);
   font-size: 0.875rem;
 }
+
+@media (max-width: 480px) {
+  .site-header {
+    padding: 0.75rem 1rem;
+  }
+
+  .brand {
+    font-size: 1.05rem;
+  }
+
+  .site-header-controls {
+    gap: 0.5rem;
+  }
+}