/* ───────────────────────────────────────────────────────────────────────────
   LES SECTIONS LUES DANS LES FICHES — motifs pratique-tarifs-cartes et
   -studio, d'après la maquette de Corentin
   (8 octobre 2026). Même conteneur et mêmes titres que les sections `pq`
   du contenu de la page (pratique-page.css).
   ─────────────────────────────────────────────────────────────────────────── */
.pqs { --pqs-carte: #FAF6F0; box-sizing: border-box; max-width: calc(var(--container) + 2 * max(1.25rem, 4.2vw)); margin: 0 auto; padding: clamp(3rem, 8vw, 5rem) max(1.25rem, 4.2vw) 0; text-align: center; color: var(--ink); }   /* --pqs-carte : un crème plus clair que le fond, jamais #fff */
.pqs *, .pqs *::before, .pqs *::after { box-sizing: border-box; }
.pqs__titre { margin: 0; font-family: var(--font-display); font-size: clamp(1.75rem, 6.4vw, 2.5rem); line-height: 1.1; text-wrap: balance; color: var(--vin-700); }
.pqs__intro { max-width: 40rem; margin: 0.875rem auto 0; font-size: 1rem; line-height: 1.6; color: var(--gray-700); }
.pqs-studio__infos { margin: 0; padding: 0; list-style: none; }

/* ── Les tarifs en chemin (11 octobre 2026) : 1 · par où commencer, 2 et 3 ·
   la suite. Téléphone : les étapes empilées, reliées par un pointillé
   vertical. PC : trois colonnes, les numéros reliés par un pointillé fléché
   (le chemin), le nom de l'étape dessous. Rendu aligné sur la maquette de
   Corentin (12 octobre 2026) : trois cartes de papier crème, boutons pleins
   sur le cours découverte et sur la formule la plus avantageuse, celle-ci
   un peu plus rosée et cerclée. ── */
.pqs-chemin { --pqs-fil: rgb(94 32 40 / 0.4); display: grid; gap: 2.25rem; max-width: 34rem; margin: 2.5rem auto 0; padding: 0; list-style: none; text-align: left; }
.pqs-etape { display: flex; flex-direction: column; }
.pqs-etape__repere { position: relative; display: flex; align-items: center; gap: 0.875rem; margin: 0 0 1.25rem; }
.pqs-etape__num {
  flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%;
  background: var(--pqs-carte); box-shadow: inset 0 0 0 1.5px var(--vin-700); color: var(--vin-700);
  font: 1.125rem/1 var(--font-display);
}
.pqs-etape--depart .pqs-etape__num { background: var(--vin-700); color: var(--ivory); box-shadow: 0 6px 16px rgb(94 32 40 / 0.22); }
.pqs-etape__nom-etape { font: 700 0.75rem/1.3 var(--font-body), sans-serif; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vin-700); }
/* Téléphone : le pointillé descend de la carte précédente jusqu'au numéro. */
.pqs-etape + .pqs-etape .pqs-etape__repere::before {
  content: ""; position: absolute; left: calc(1.25rem - 0.75px); bottom: calc(100% + 0.375rem); height: 1.75rem;
  border-left: 1.5px dashed var(--pqs-fil);
}

/* Les cartes sont en papier : la fibre (motif de ce fichier) par-dessus la
   dent et la variation lente du grain du site (global.css), et un liseré
   clair en haut, comme l'épaisseur d'un bristol. Tailles de fond explicites :
   sans elles, le grain se lisse sur les écrans retina (piège mesuré, cf.
   global.css). */
.pqs-chemin {
  --pqs-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.07 0.11' numOctaves='3' stitchTiles='stitch' seed='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.102 0 0 0 0 0.016 0 0 0 0 0.024 0 0 0 1 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' exponent='2.4' amplitude='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23f)'/%3E%3C/svg%3E");
  --pqs-fibre-clair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='F' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.07 0.11' numOctaves='3' stitchTiles='stitch' seed='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.914 0 0 0 0 0.878 0 0 0 0 0.824 0 0 0 1 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' exponent='4' amplitude='0.07'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23F)'/%3E%3C/svg%3E");
  --pqs-papier: #FBF5EC;   /* le crème d'un papier, plus chaud que le fond ; jamais #fff */
}
.pqs-etape__carte {
  position: relative; isolation: isolate; flex: 1; display: flex; flex-direction: column; padding: 1.75rem 1.5rem 1.5rem; border-radius: var(--radius);
  background-color: var(--pqs-papier);
  background-image: var(--pqs-fibre), var(--grain-dent), var(--grain-lent);
  background-size: 320px 320px, 180px 180px, 1200px 1200px;
  box-shadow: inset 0 1px 0 rgb(255 253 249 / 0.95), inset 0 0 0 1px rgb(255 252 247 / 0.7), 0 0 0 1px rgb(94 32 40 / 0.07), 0 2px 4px rgb(94 32 40 / 0.04), 0 14px 32px -14px rgb(94 32 40 / 0.2);
}
/* La demi-marguerite : une fleur rétro (domaine public, cf. l'en-tête du
   fichier SVG) dont le cœur se pose sur le bord droit de la carte, à peine
   teintée. Elle passe sous le texte (z-index -1 dans la carte isolée). */
.pqs-etape__carte::before {
  content: ""; position: absolute; z-index: -1; right: 0; top: var(--pqs-fleur-y, 62%); width: 2.625rem; height: 5.25rem; translate: 0 -50%; pointer-events: none;
  background: radial-gradient(circle at 0 50%, rgb(240 216 206 / 0.25) 12%, rgb(236 205 194 / 0.75) 70%);   /* un rose poudré qui se fonce vers le bout des pétales, comme sur la maquette */
  -webkit-mask: url("../images/marguerite-retro.svg") 0 50% / 5.25rem 5.25rem no-repeat;
          mask: url("../images/marguerite-retro.svg") 0 50% / 5.25rem 5.25rem no-repeat;
}
.pqs-etape:nth-child(2) .pqs-etape__carte { --pqs-fleur-y: 44%; }
.pqs-etape:nth-child(3) .pqs-etape__carte { --pqs-fleur-y: 56%; }
.pqs-etape__tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 0.75rem; }
.pqs-etape__formule { margin: 0; font-family: var(--font-display); font-size: 1.375rem; font-weight: 400; line-height: 1.2; color: var(--vin-700); }
.pqs-etape__rythme { display: block; margin-top: 0.125rem; font-size: 0.8em; }   /* « 1 cours par semaine », sous « Abonnement » */
.pqs-etape__pastille {
  flex: none; display: inline-flex; align-items: center; gap: 0.3125rem; padding: 0.3125rem 0.625rem; border-radius: 999px;
  background: #EFE3D8; color: var(--ink); font: 600 0.75rem/1.2 var(--font-body), sans-serif; white-space: nowrap;
}
.pqs-etape__pastille svg { width: 0.9375rem; height: 0.9375rem; }
/* « Le plus avantageux » : un onglet posé sur le bord haut de la carte. */
.pqs-etape__pastille--avantage {
  position: absolute; top: 0; right: 1.25rem; translate: 0 -50%; padding: 0.375rem 0.75rem;
  background: var(--vin-700); color: var(--ivory); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
}
/* Trois traits tracés à la main au coin de l'onglet, comme un « regarde ! ». */
.pqs-etape__pastille--avantage::after {
  content: ""; position: absolute; left: calc(100% + 0.0625rem); bottom: calc(100% - 0.5rem); width: 1.875rem; height: 1.875rem; pointer-events: none;
  background: var(--vin-700);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4.5 13.5 5.6 4.2M9.6 15.4 16.8 7.1M11.6 20.4l9-3.2'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4.5 13.5 5.6 4.2M9.6 15.4 16.8 7.1M11.6 20.4l9-3.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pqs-etape__prix { display: flex; align-items: baseline; flex-wrap: wrap; margin: 1rem 0 0; color: var(--vin-700); }
.pqs-etape__montant { font-family: var(--font-display); font-size: 2.75rem; line-height: 1; }
.pqs-etape__unite { font: 600 0.9375rem/1 var(--font-body), sans-serif; }
.pqs-etape__par-cours { margin: 0.5rem 0 0; font-size: 0.875rem; line-height: 1.4; color: var(--ink-2); }
.pqs-etape__pour-toi { margin: 1.25rem 0 0; padding-top: 1.125rem; border-top: 1px solid rgb(94 32 40 / 0.12); font-size: 0.9375rem; line-height: 1.55; text-wrap: pretty; color: var(--gray-700); }
.pqs-etape__pour-toi strong { display: block; margin-bottom: 0.3125rem; font-size: 0.6875rem; font-weight: 700; line-height: 1.3; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vin-700); }
.pqs-etape__pied { margin-top: auto; padding-top: 1.5rem; }
.pqs-etape__petit { margin: 0 0 0.75rem; font-size: 0.8125rem; line-height: 1.4; text-align: center; color: var(--ink-2); }
.pqs-etape__bouton {
  display: flex; align-items: center; justify-content: center; gap: 0.625rem; width: 100%; min-height: 3rem; padding: 0.625rem 1.25rem; border-radius: 999px;
  box-shadow: inset 0 0 0 1.5px var(--vin-700); color: var(--vin-700); text-align: center; text-decoration: none;
  font: 700 0.75rem/1.25 var(--font-body), sans-serif; letter-spacing: 0.1em; text-transform: uppercase;
  transition: background-color var(--dur-base) var(--ease-out-expo), color var(--dur-base) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);
}
.pqs-etape__bouton:hover { background: var(--vin-700); color: var(--ivory); }
.pqs-etape__bouton:active { transform: scale(0.98); }
.pqs-etape__bouton:hover .ph-fleche { transform: translateX(3px); }
.pqs-etape__bouton:focus-visible { outline: 2px solid var(--vin-700); outline-offset: 4px; }

/* Les deux boutons pleins : le cours découverte et la formule la plus
   avantageuse. */
:is(.pqs-etape--depart, .pqs-etape--avantage) .pqs-etape__bouton { background: var(--vin-700); box-shadow: 0 6px 16px -6px rgb(94 32 40 / 0.45); color: var(--ivory); }
:is(.pqs-etape--depart, .pqs-etape--avantage) .pqs-etape__bouton:hover { background: var(--vin-800); }
/* La formule la plus avantageuse : un papier un peu plus rosé, cerclé. */
.pqs-etape--avantage .pqs-etape__carte {
  --pqs-papier: #F8EDE3;
  box-shadow: inset 0 1px 0 rgb(255 253 249 / 0.9), inset 0 0 0 1px rgb(94 32 40 / 0.16), 0 2px 4px rgb(94 32 40 / 0.05), 0 18px 36px -14px rgb(94 32 40 / 0.26);
}
.pqs-chemin__conseil { font-weight: 500; }
.pqs--tarifs .pqs__suite { margin-top: 2.5rem; }
.pqs__suite { margin: 1.75rem 0 0; }
/* Le lien vers Tarifs : une simple phrase en gras, discrète. Le filet fin
   dit que c'est un lien (pas seulement la couleur) ; il se fonce au survol. */
.pqs__suite-lien {
  font: 700 0.9375rem/1.4 var(--font-body), sans-serif; color: var(--vin-700);
  text-decoration: underline 1px rgb(94 32 40 / 0.35); text-underline-offset: 0.3em;
  transition: text-decoration-color var(--dur-base) var(--ease-out-expo);
}
.pqs__suite-lien:hover { text-decoration-color: var(--vin-700); }
.pqs__suite-lien:focus-visible { outline: 2px solid var(--vin-700); outline-offset: 4px; border-radius: 2px; }

/* ── Le studio : l'adresse, les horaires, le plan ── */
.pqs--studio { display: grid; gap: 2rem; text-align: left; }
.pqs--studio .pqs__intro { margin-left: 0; }
.pqs--studio .pqs__titre { text-align: center; }   /* téléphone et tablette : le titre centré, le reste à gauche */
.pqs-studio__infos { display: grid; gap: 1rem; margin-top: 1.5rem; }
.pqs-studio__infos li { display: flex; gap: 0.875rem; font-size: 0.9375rem; line-height: 1.5; color: var(--gray-700); }
.pqs-studio__infos address { font-style: normal; }
.pqs-studio__picto { flex: none; width: 1.375rem; height: 1.375rem; color: var(--vin-700); }
.pqs-studio__proche { margin: 1.25rem 0 0; font-size: 0.875rem; line-height: 1.5; color: var(--ink-2); }
.pqs-studio__carte { overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius-lg); background: var(--linen-deep); box-shadow: 0 1px 2px oklch(34% 0.09 15.6 / 0.06), 0 8px 24px oklch(34% 0.09 15.6 / 0.08); }   /* la carte Google (réglage cp_maps_embed) ; le crème en attendant qu'elle charge */
.pqs-studio__carte iframe { display: block; width: 100%; height: 100%; border: 0; }

/* ═══ Tablette ═══ */
/* ═══ PC ═══ */
@media (min-width: 1024px) {
  /* Le chemin : trois colonnes, le pointillé fléché va d'un numéro au suivant. */
  .pqs-chemin { grid-template-columns: 1.08fr 1fr 1fr; gap: 1.5rem; max-width: 70rem; margin-top: 3rem; }
  .pqs-etape__repere { display: grid; grid-template-columns: auto 1fr; row-gap: 0.75rem; margin-bottom: 1.25rem; }
  .pqs-etape__nom-etape { grid-column: 1 / -1; }
  .pqs-etape + .pqs-etape .pqs-etape__repere::before { content: none; }
  .pqs-etape:not(:last-child) .pqs-etape__repere::after {
    content: ""; grid-row: 1; grid-column: 2; height: 0.75rem; margin-right: calc(-1.5rem + 0.5rem); padding-right: 0.375rem;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 1.5 6.5 6l-5 4.5' fill='none' stroke='%235E2028' stroke-opacity='.55' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 0.5rem 0.75rem no-repeat,
      linear-gradient(to right, var(--pqs-fil) 55%, transparent 0) left center / 0.5rem 1.5px repeat-x content-box;
  }
  .pqs-etape__carte { padding: 2rem 1.75rem 1.75rem; }
  /* Après la dernière étape, le pointillé continue et s'efface : le chemin ne s'arrête pas là. */
  .pqs-etape:last-child .pqs-etape__repere::after {
    content: ""; grid-row: 1; grid-column: 2; height: 1.5px; margin-right: 15%;
    background: linear-gradient(to right, var(--pqs-fil) 55%, transparent 0) left center / 0.5rem 1.5px repeat-x;
    -webkit-mask: linear-gradient(to right, #000 40%, transparent); mask: linear-gradient(to right, #000 40%, transparent);
  }
}
/* Petit PC : la première colonne un peu plus large et des cartes moins
   rembourrées, pour que « Réserver mon premier cours » tienne sur une ligne. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .pqs-chemin { grid-template-columns: 1.16fr 1fr 1fr; gap: 1.25rem; }
  .pqs-etape__carte { padding-inline: 1.375rem; }
  .pqs-etape__bouton { padding-inline: 0.75rem; letter-spacing: 0.08em; }
  .pqs-etape:not(:last-child) .pqs-etape__repere::after { margin-right: calc(-1.25rem + 0.5rem); }
}
@media (min-width: 1024px) {
  .pqs--studio { grid-template-columns: 1fr 1.15fr; gap: 3.5rem; align-items: center; }
  .pqs--studio .pqs__titre { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .pqs-etape__bouton, .pqs-etape__bouton .ph-fleche, .pqs__suite-lien { transition: none; }
  .pqs-etape__bouton:active, .pqs-etape__bouton:hover .ph-fleche { transform: none; }
}

/* ── À découvrir aussi chez Paulette (motif reformer-decouvrir) ──
   Trois cartes après l'appel de fin. Toute la carte est le lien ; son bouton
   reprend le rond cerclé fléché du haut de page. Téléphone : les cartes
   défilent de côté, la suivante dépasse. PC : trois colonnes. Fond crème
   en attendant celui de Corentin. */
.rd { padding: clamp(3.5rem, 8vw, 5.5rem) 0; background: var(--cream); color: var(--ink); }
.rd *, .rd *::before, .rd *::after { box-sizing: border-box; }
.rd__titre { max-width: calc(var(--container) + 2 * max(1.25rem, 4.2vw)); margin: 0 auto; padding: 0 max(1.25rem, 4.2vw); font-family: var(--font-display); font-size: clamp(1.75rem, 6.4vw, 2.5rem); line-height: 1.1; text-align: center; text-wrap: balance; color: var(--vin-700); }
.rd__cartes {
  display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 1rem; margin: 2.25rem 0 0; padding: 0.5rem max(1.25rem, 4.2vw) 1.5rem; list-style: none;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: max(1.25rem, 4.2vw); scrollbar-width: none;
}
.rd__cartes::-webkit-scrollbar { display: none; }
.rd-carte { scroll-snap-align: start; }
.rd-carte__lien {
  display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: var(--radius-lg); background: #FAF6F0; color: inherit; text-decoration: none;   /* un crème plus clair que le fond, jamais #fff */
  box-shadow: 0 1px 2px oklch(34% 0.09 15.6 / 0.06), 0 8px 24px oklch(34% 0.09 15.6 / 0.08);   /* --shadow-card de DESIGN.md */
  transition: transform var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-expo);
}
.rd-carte__photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--linen-deep); }   /* sans photo : le crème */
.rd-carte__photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow) var(--ease-out-expo); }
.rd-carte__corps { display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1.5rem 1.625rem; }
.rd-carte__titre { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.2; color: var(--vin-700); }
.rd-carte__texte { margin-top: 0.5rem; font-size: 0.9375rem; line-height: 1.55; color: var(--gray-700); }
.rd-carte__bouton { display: inline-flex; align-items: center; gap: 0.875rem; margin-top: auto; padding-top: 1.5rem; color: var(--vin-700); font: 600 1rem/1.2 var(--font-body), sans-serif; }
.rd-carte__rond {
  flex: none; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--vin-700);
  transition: background-color var(--dur-base) var(--ease-out-expo), color var(--dur-base) var(--ease-out-expo);
}
.rd-carte__lien:hover { transform: translateY(-4px); box-shadow: 0 1px 2px oklch(34% 0.09 15.6 / 0.06), 0 16px 32px oklch(34% 0.09 15.6 / 0.14); }
.rd-carte__lien:hover .rd-carte__photo img { transform: scale(1.04); }
.rd-carte__lien:hover .rd-carte__rond { background: var(--vin-700); color: var(--ivory); }
.rd-carte__lien:hover .ph-fleche { transform: translateX(3px); }
.rd-carte__lien:focus-visible { outline: 2px solid var(--vin-700); outline-offset: 4px; }
@media (min-width: 900px) {
  .rd__cartes { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; max-width: calc(var(--container) + 2 * max(1.25rem, 4.2vw)); margin-inline: auto; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-carte__lien, .rd-carte__photo img, .rd-carte__rond { transition: none; }
  .rd-carte__lien:hover, .rd-carte__lien:hover .rd-carte__photo img { transform: none; }
}

/* ── Le groupe blanc (gabarits page-reformer et page-mat) : tarifs, avis, studio et
   questions sur le blanc chaud de la section avis de l'accueil (jamais
   #fff), d'un seul tenant. Les cartes tarifs, de la même couleur, s'en
   détachent par une ombre longue, celle des cartes d'avis. ── */
.pratique-blanc { --pqs-carte: #FCFAF7; background: #FCFAF7; }
.pratique-blanc .faqs { background: transparent; }
/* La section tarifs : l'image du champ « Tarifs : image de fond » (le mur
   crème du studio et ses ombres de feuillage), sous un voile clair plus dense
   au centre, derrière le titre et les cartes, plus léger sur les bords où
   l'image se laisse voir. Le bas se fond dans le blanc chaud des avis. */
.pqs-tarifs-fond.a-photo { position: relative; isolation: isolate; padding-bottom: clamp(3rem, 7vw, 4.5rem); }
.pqs-tarifs-fond.a-photo::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to bottom, rgb(252 250 247 / 0) 78%, #FCFAF7 100%),
    radial-gradient(ellipse 52% 72% at 50% 45%, rgb(252 250 247 / 0.82), rgb(252 250 247 / 0.5) 60%, rgb(252 250 247 / 0.18)),
    var(--pqs-tarifs-photo) 50% 50% / cover no-repeat;
}
/* La section studio : la photo du champ « Studio : photo de fond », en
   pleine largeur, sous un voile clair à 90 % (demande de Corentin : qu'on
   n'en voie quasiment que les contours). Le bas de la section reçoit sa marge ici, pour que
   la photo couvre aussi l'espace sous la carte. */
.pqs-studio-fond.a-photo { position: relative; isolation: isolate; padding-bottom: clamp(3rem, 8vw, 5rem); background: #FCFAF7; }
/* La photo et son voile dans un pseudo-élément, pas en fond de la section :
   ainsi content-visibility (plus bas) en diffère aussi le chargement. Le
   voile presque blanc ne laisse deviner que les contours de la banquette. */
.pqs-studio-fond.a-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(rgb(252 250 247 / 0.9), rgb(252 250 247 / 0.9)), var(--pqs-studio-photo) 50% 62% / cover no-repeat; }

/* ── Pages Reformer et Mat : les sections du bas ne se dessinent (et ne chargent
   leurs images de fond, de masque ou de cadre) qu'en approchant de l'écran.
   La hauteur réservée évite que la barre de défilement saute. ── */
:is(.page-template-page-reformer, .page-template-page-mat) :is(.cr, .pq--recette, .pqs-tarifs-fond, .acc-avis, .pqs-studio-fond, .faqs, .rd) { content-visibility: auto; contain-intrinsic-size: auto 900px; }