diff --git a/src/components/layout/Header.svelte b/src/components/layout/Header.svelte
index e408db9..c780726 100644
--- a/src/components/layout/Header.svelte
+++ b/src/components/layout/Header.svelte
@@ -168,20 +168,13 @@
     transition-delay: 0.1s;
   }
 
-  /* Mobile — var(--breakpoint-mobile) = 700px */
   @media screen and (max-width: 700px) {
-    .navbar {
-      min-height: 8vh;
-      padding: 10vh 0 1vh;
-      top: 0;
-    }
-
     .navbar-item {
-      display: none;
+      font-size: var(--font-size-paragraph-mobile);
+      padding: 1vmax 1.5vmax;
     }
   }
 
-  /* Tablet — var(--breakpoint-tablet) = 912px */
   @media screen and (min-width: 701px) and (max-width: 912px) {
     .navbar-item {
       font-size: var(--font-size-paragraph-tablet);
diff --git a/src/components/layout/Menu.svelte b/src/components/layout/Menu.svelte
index ac08a0e..be87401 100644
--- a/src/components/layout/Menu.svelte
+++ b/src/components/layout/Menu.svelte
@@ -243,7 +243,7 @@
     text-transform: uppercase;
   }
 
-  /* Mobile — var(--breakpoint-mobile) = 700px */
+  /* Mobile */
   @media screen and (max-width: 700px) {
     .menu-list {
       font-size: var(--font-size-subtitle-mobile);
@@ -268,7 +268,7 @@
     }
   }
 
-  /* Tablet — var(--breakpoint-tablet) = 912px */
+  /* Tablet */
   @media screen and (min-width: 701px) and (max-width: 912px) {
     .menu-list {
       font-size: var(--font-size-title-section-tablet);
diff --git a/src/styles/variables.css b/src/styles/variables.css
index 4905b5d..1f87eeb 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -6,13 +6,6 @@
   --color-background: #000;
   --color-text: #fff;
 
-  /* BREAKPOINTS (référence — non utilisables directement dans @media)
-   * --breakpoint-mobile : 700px
-   * --breakpoint-tablet : 912px
-   */
-  --breakpoint-mobile: 700px;
-  --breakpoint-tablet: 912px;
-
   /* Z-INDEX SCALE
    * --z-base     : éléments décoratifs (lignes verticales, bg)
    * --z-content  : contenu de slides (textes, overlays légers)