/* ───────────────────────────────────────────────────────────────────────────
   LA PAGE PILATES AU SOL (gabarit page-mat), par-dessus reformer-page.css :
   seulement ce qui diffère du Reformer. La page reprend ses sections une à
   une (11 octobre 2026) ; reformer-page.css n'est jamais retouchée pour Mat.

     pq pq--machine  la section 2 : le papier du Reformer, ses accessoires du
                     sol à la place des ressorts (tapis, cercle, balle,
                     élastique, « petits détails, grands résultats ») :
                     mat-fond-accessoires.webp ; au téléphone, le dessin seul
                     à droite du titre, mat-accessoires.webp. La mise en
                     place reste celle du Reformer.
   ─────────────────────────────────────────────────────────────────────────── */
.pratique__corps > .pq--machine { background-image: url("../images/mat-fond-accessoires.webp"); }
.pq__machine-texte::after { background-image: url("../images/mat-accessoires.webp"); }
/* PC : le papier seul (mat-fond-papier.webp, la partie sans dessin) et le
   dessin du téléphone à droite, jusque dans la gouttière. Le dessin peint dans
   le fond grandissait avec la largeur (cover) : « grands résultats » sortait
   par le bas dès 1920 px, toute la phrase à 2560 (signalé le 13 octobre 2026).
   ⚠ Sa largeur reste sous la marge droite de la colonne (15vw, 14rem au plus)
   + la gouttière (4,2vw) - 1rem : c'est ce qui l'empêche de toucher le texte,
   quelle que soit sa longueur. */
@media (min-width: 1024px) {
  .pratique__corps > .pq--machine { background-image: url("../images/mat-fond-papier.webp"); }
  .pq__machine-texte::after { display: block; right: calc(1rem - var(--pq-gouttiere)); width: clamp(9rem, 16vw, 16rem); }
}
