/* Devis, passe luxe (mode démo, 21/10/2026) : la même page en éditorial d'hôtellerie de luxe. Plus de cartes encadrées : l'espace et des filets
   fins séparent ; titres en Fraunces très grand, surtitres en petites capitales espacées, chiffres en Fraunces, badges discrets. Couche posée
   par-dessus devis.css et devis-recap.css, qui restent intacts. */
.page-luxe .devis { padding-block: var(--rythme-xs) var(--rythme-s); }
.page-luxe .devis .conteneur { max-inline-size: none; padding-inline: var(--marge-ed); }
.page-luxe .devis__titre { align-items: end; padding-block-end: var(--e6); border-block-end: var(--filet-ed); margin-block-end: var(--rythme-xs); }
.page-luxe .devis__titre h1 { font-family: var(--police-titre); font-weight: 500; font-size: var(--t-affiche); line-height: 0.95; letter-spacing: -0.02em; }
.page-luxe .devis__sous { margin-block-start: var(--e4); font-size: var(--t-intro); color: var(--sourdine); }
.page-luxe .devis .badge { background: none; border: 0; padding: 0; font-size: var(--t-surtitre); font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--attention); border-block-end: 1px solid currentColor; border-radius: 0; }
.page-luxe .devis .badge__icone { display: none; }
.page-luxe .devis__colonnes { gap: clamp(3rem, 7vw, 8rem); }

/* Les trois parties du formulaire : plus de cartes, une légende en surtitre et un filet. */
.page-luxe .devis .carte { background: none; box-shadow: none; border-radius: 0; padding: 0; border: 0; border-block-start: var(--filet-ed);
  padding-block-start: var(--e6); margin-block-end: var(--rythme-xs); }
.page-luxe .devis .carte > legend { float: left; inline-size: 100%; margin-block-end: var(--e5); font-size: var(--t-surtitre); font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--dominante); }
.page-luxe .devis .carte > legend + * { clear: both; }
.page-luxe .devis .socle { background: none; border: 0; border-block-end: 1px solid var(--filet-fort); border-radius: 0; padding-inline: 0; }
.page-luxe .devis .socle__texte { font-family: var(--police-titre); font-size: var(--t-lead); white-space: nowrap; overflow: visible; }
.page-luxe .devis .pas__champ { font-family: var(--police-titre); font-size: var(--t-sous-titre); background: none; border: 0; border-block-end: 1px solid var(--filet-fort); border-radius: 0; }
.page-luxe .devis .pas__bouton { border-radius: 999px; }
.page-luxe .devis .option { background: none; border: 0; border-block-end: var(--filet-ed); border-radius: 0; padding-inline: 0; }
.page-luxe .devis .option__libelle { font-family: var(--police-titre); font-size: var(--t-sous-titre); font-weight: 500; }

/* Le récapitulatif : une colonne éditoriale, le total en Fraunces très grand. */
.page-luxe .devis .recap { background: none; box-shadow: none; border-radius: 0; border: 0; border-inline-start: var(--filet-ed); padding: 0 0 0 clamp(2rem, 4vw, 4rem); }
html[data-etat="total"] .page-luxe .devis .recap, .page-luxe html[data-etat="total"] .recap { box-shadow: none; }
.page-luxe .devis .recap h2 { font-family: var(--police-titre); font-weight: 500; font-size: var(--t-h2); line-height: 1.05; }
.page-luxe .devis .ligne__libelle { font-size: var(--t-lead); }
.page-luxe .devis .ligne__montant { font-family: var(--police-titre); font-size: var(--t-sous-titre); }
.page-luxe .devis .total { background: none; border-radius: 0; padding-inline: 0; border-block-start: 1px solid var(--encre); border-block-end: 1px solid var(--encre); }
.page-luxe .devis .total__libelle { font-size: var(--t-surtitre); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.page-luxe .devis .total__montant { font-family: var(--police-titre); font-weight: 500; font-size: var(--t-titre); white-space: nowrap; line-height: 1; color: var(--encre); }
html[data-etat="total"] .page-luxe .devis .total[data-mode="montant"] { background: none; color: var(--encre); }

/* L'échéancier : quatre colonnes séparées par des filets verticaux, montants en Fraunces. */
.page-luxe .devis .versement { background: none; box-shadow: none; border-radius: 0; border: 0; border-inline-start: var(--filet-ed); padding: 0 var(--e5); }
.page-luxe .devis .versement:first-child { border-inline-start: 0; padding-inline-start: 0; }
.page-luxe .devis .versement__titre { font-size: var(--t-surtitre); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sourdine); }
.page-luxe .devis .versement__montant { font-family: var(--police-titre); font-weight: 500; font-size: var(--t-chiffre); }
.page-luxe .devis .versement__date { background: none; padding: 0; color: var(--accent); font-weight: 600; }
.page-luxe .devis h2:not(.recap h2) { font-family: var(--police-titre); font-weight: 500; font-size: var(--t-titre); line-height: 1; }