From f27a7ef8e656908c2b1f2427aefd068fa0ce1603 Mon Sep 17 00:00:00 2001
From: Valentin Lab <valentin.lab@kalysto.org>
Date: Fri, 27 Mar 2026 13:12:14 +0100
Subject: [PATCH] chg: reduce shelve title font size on small screens (< 430px)

---
 resources/shop/css/site.css                        | 14 ++++++++++++++
 .../Homepage/partials/sliderByShelve.blade.php     |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/shop/css/site.css b/resources/shop/css/site.css
index c1df1ce0..bc419ed2 100644
--- a/resources/shop/css/site.css
+++ b/resources/shop/css/site.css
@@ -436,3 +436,17 @@ div.megamenu ul.megamenu li.megamenu.level1
 		max-width: 100%;
 	}
 }
+
+/* -- Titres des rayons -- */
+
+.shelve-title {
+	font-size: 2em;
+}
+
+/* -- Responsive: très petites résolutions (< 430px) -- */
+
+@media (max-width: 429.98px) {
+	.shelve-title {
+		font-size: 1.4em;
+	}
+}
diff --git a/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php b/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
index 1d0e8cf4..955c8495 100644
--- a/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
+++ b/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
@@ -2,7 +2,7 @@
     <div class="mb-5 bg-green-light shadow2">
         <div class="row">
             <div class="col-6">
-                <h1 class="p-2 green" style="font-size: 2em;">{{ $shelve['name'] }}</h1>
+                <h1 class="p-2 green shelve-title">{{ $shelve['name'] }}</h1>
             </div>
             <div class="col-6 text-right">
                 <a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"