From 65e345585a44e3f78627d6a3690b7be33be560ec Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 20 Mar 2026 11:52:12 +0100
Subject: [PATCH] fix(styles): typographie strong, grille layout, ajustements
 collection mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fonts.css : strong { font-weight: 900 }
- layout.css : ajustement grid-template-rows (lignes 6-7 réduites à 2fr)
- collection.css : padding header mobile, tailles de police, gap carte,
  image aspect-ratio avec marges, line-height description

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/styles/collection.css | 23 +++++++++++++++++------
 src/styles/fonts.css      |  4 ++++
 src/styles/layout.css     |  2 +-
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/styles/collection.css b/src/styles/collection.css
index 1312a19..303b6ac 100644
--- a/src/styles/collection.css
+++ b/src/styles/collection.css
@@ -47,7 +47,7 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 1.5rem;
   max-width: 640px;
 }
 
@@ -130,19 +130,24 @@
 /* --- Mobile --- */
 @media (max-width: 700px) {
   .collection-header {
-    padding: 4rem 0 2rem;
+    padding: 6rem 0 2rem;
   }
 
-  .collection-header :global(h1) {
-    font-size: var(--font-size-title-main-mobile);
+  .collection-header h1 {
+    font-size: var(--font-size-title-section-mobile);
+    margin-bottom: 0.5rem;
   }
 
-  .collection-header :global(p) {
-    font-size: var(--font-size-subtitle-mobile);
+  .collection-header p {
+    font-family: "Danzza Medium", sans-serif;
+    font-weight: 400;
+    line-height: 1.6;
+    font-size: var(--font-size-subtitle);
   }
 
   .collection-card {
     flex-direction: column;
+    gap: 0;
   }
 
   .collection-card-image img,
@@ -150,6 +155,8 @@
     width: 100%;
     height: auto;
     aspect-ratio: 16/9;
+    margin-top: 1rem;
+    margin-bottom: 2rem;
   }
 
   .collection-card--featured .collection-card-title {
@@ -159,6 +166,10 @@
   .collection-card-title {
     font-size: var(--font-size-title-section-mobile);
   }
+
+  .collection-card-description {
+    line-height: 1.4;
+  }
 }
 
 /* --- Tablet --- */
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
index 33a5c1d..768c3ca 100644
--- a/src/styles/fonts.css
+++ b/src/styles/fonts.css
@@ -69,3 +69,7 @@
 .pixel {
   font-family: "Terminal", sans-serif;
 }
+
+strong {
+  font-weight: 900;
+}
diff --git a/src/styles/layout.css b/src/styles/layout.css
index b0c36eb..6ecce81 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -4,7 +4,7 @@
   min-height: 100% !important;
   display: grid !important;
   position: relative;
-  grid-template-rows: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 2fr 4fr 2.66fr 2fr 2fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
   text-align: center;
 }