improved responsive framework

web/themes/custom/leshed/assets/js/main.js

@@ -44,13 +44,13 @@ gsap.registerPlugin(ScrollTrigger);
     console.log('gsap_mm', gsap_mm);
 
     // Frontière mobile ↔ tablette : source unique = _breakpoints.scss,
-    // publiée en variable CSS --bp-mobile par _base.scss. Plus de littéral
-    // ici — le couple mq(mobile)/mq-above(mobile) du CSS est exclusif par
-    // construction, le JS doit l'être aussi (bug « à 768px pile », review #94).
-    const bpMobile = getComputedStyle(document.documentElement)
-      .getPropertyValue('--bp-mobile').trim() || '767px';
-    // Condition desktop STRICTEMENT au-dessus de la zone mobile, complémentaire du CSS.
-    const desktopQuery = `(min-width: calc(${bpMobile} + 1px))`;
+    // publiée en variable CSS --bp-tablette (début inclusif de la zone
+    // tablette) par _base.scss. Plus de littéral ici — même requête que
+    // $desktop-et-tablette, complément de $mobile (max-width: 767.98px) :
+    // le JS est exclusif du CSS mobile (bug « à 768px pile », review #94).
+    const bpTablette = getComputedStyle(document.documentElement)
+      .getPropertyValue('--bp-tablette').trim() || '768px';
+    const desktopQuery = `(min-width: ${bpTablette})`;
 
     // Instance Lenis partagée : initPageFull en a besoin pour resynchroniser la
     // plage de scroll après avoir gonflé le spacer (voir ensureScrollForTitle).