/*
 * Page « QR » — le débarcadère du QR code de Maison & Objet.
 *
 * Elle se lit sur un téléphone, debout, dans une allée de salon : une colonne
 * étroite, des boutons pleine largeur, et rien d'autre à décider que
 * « ouvrir ». La mesure de 720 px est celle de l'ancienne version — elle était
 * juste, on la garde.
 */

/* Le bandeau est celui du thème — voir .ml-page-head dans la feuille de
   socle. Seul le titre se resserre : « Ouvrir votre application e-mail »
   tient sur deux lignes au corps courant, sur un écran de téléphone. */
.ml-page-head h1{font-size:clamp(28px,4vw,40px)}

/* ---------- le corps ---------- */
.ml-qr{max-width:720px;padding:clamp(26px,4vw,40px) var(--marge) var(--air-fort);text-align:center}
.ml-qr__mot{margin:0 0 clamp(22px,3vw,30px);font-size:18px;line-height:1.6;color:var(--texte)}

/* Pleine largeur, empilés : au doigt, sur un écran de téléphone, trois boutons
   côte à côte deviennent trois cibles trop petites. */
.ml-qr__boutons{display:grid;gap:12px}
.ml-qr__boutons .ml-btn{width:100%;font-size:19px;padding:15px 20px}
.ml-qr__note{margin:clamp(20px,2.6vw,26px) 0 12px;font-size:15.5px;color:var(--texte-doux)}
.ml-qr__secours{margin:0}
.ml-qr__secours .ml-btn{width:100%;font-size:17px;padding:13px 20px}

.ml-qr__adresse{margin:clamp(16px,2.2vw,22px) 0 0;font-size:15.5px;color:var(--texte-doux);
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.ml-qr__adresse code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:14.5px;background:var(--fond-doux);padding:6px 9px;color:var(--texte)}
.ml-qr__copier{font-family:var(--serif);font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;padding:7px 14px;cursor:pointer;
  background:transparent;border:1px solid var(--filet);color:var(--texte-doux)}
.ml-qr__copier:hover{border-color:var(--texte-titre);color:var(--texte-titre)}

/* ---------- la maison ---------- *
 * Le stand en photo : c'est ce que le visiteur vient de quitter des yeux, et
 * la seule preuve qu'il est au bon endroit. */
.ml-qr__maison{margin-top:var(--air-fort);padding-top:var(--air);
  border-top:1px solid var(--filet)}
.ml-qr__maison h2{font-size:clamp(22px,2.4vw,28px);letter-spacing:.1em;margin:0 0 clamp(18px,2.4vw,24px)}
.ml-qr__stand{display:block;overflow:hidden;background:var(--beige);
  box-shadow:0 1px 3px rgba(24,19,15,.07), 0 8px 22px rgba(24,19,15,.07)}
.ml-qr__stand img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ml-qr__coordonnees{list-style:none;margin:clamp(20px,2.8vw,26px) 0 0;padding:0;
  display:grid;gap:10px;font-size:17px;line-height:1.5}
.ml-qr__coordonnees a{color:var(--texte);border-bottom:1px solid var(--filet)}
.ml-qr__coordonnees a:hover{color:var(--accent-texte)}