/* ═══════════════════════════════════════════════════════════════════════════
   annexe.css — l'habit des pages annexes (communes, guides, services, légales)
   ═══════════════════════════════════════════════════════════════════════════

   POURQUOI CE FICHIER — 26/09/2026. Nico : « reprends toutes ces pages et
   rends-les parfaites comme ma page principale d'accueil ». Les pages annexes
   avaient leur propre barre, leur propre pied et leur propre typographie :
   propres, mais visiblement d'un autre site. Elles chargent désormais
   `style.min.css` — la feuille de l'accueil, déjà en cache chez un visiteur
   qui vient de l'accueil — et reprennent ses composants tels quels : la
   barre de navigation, le pied de page, la méthode, les tarifs, le fondateur,
   les guides et les douze communes.

   Ce fichier ne porte que ce que l'accueil n'a pas : le héros d'une page
   intérieure et la mise en forme d'un texte long. Tout est préfixé `ax-` pour
   ne jamais entrer en collision avec une classe de l'accueil (`.hero`, `.faq`,
   `.cta` y existent déjà, avec un autre sens).

   Il s'appuie sur les variables de `style.min.css` (--gold, --muted, --gx…).
   On le modifie ici, directement : il n'a pas de version compressée.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{--gh:#D6B870;--gg:linear-gradient(135deg,#D6B870 0%,#C09B52 48%,#856018 100%)}
.annexe{background:var(--ivory)}

/* ── LE HÉROS D'UNE PAGE INTÉRIEURE ─────────────────────────────────────── */
.ax-hero{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden;
  background:var(--noir) linear-gradient(160deg,#1C1916 0%,#0A0908 72%);color:#fff;isolation:isolate}
.ax-hero--court{min-height:0}
.ax-hero-bg{position:absolute;inset:0;z-index:-2}
.ax-hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(1.06) saturate(1.05)}
.ax-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.62) 38%,rgba(10,9,8,.28) 70%,rgba(10,9,8,.55) 100%)}
.ax-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,155,82,.45) 30%,rgba(192,155,82,.45) 70%,transparent)}
.ax-hero-in{width:100%;max-width:var(--max);margin:0 auto;padding:150px var(--gx) 64px}
.ax-hero--court .ax-hero-in{padding-top:140px;padding-bottom:56px}
.ax-fil{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;letter-spacing:.08em;
  color:rgba(255,255,255,.78);background:rgba(10,9,8,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:99px;margin-bottom:26px}
.ax-fil a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.ax-fil a:hover{color:var(--gold-pl)}
.ax-oeil{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:600;letter-spacing:.42em;
  text-transform:uppercase;color:var(--gold-pl);margin-bottom:20px;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.ax-oeil::before{content:"";width:40px;height:1px;background:var(--gold-g);flex-shrink:0}
.ax-h1{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(44px,6.4vw,92px);line-height:1.02;
  letter-spacing:-.025em;color:#fff;text-wrap:balance;max-width:17ch;
  text-shadow:0 2px 6px rgba(0,0,0,.45),0 6px 40px rgba(0,0,0,.45)}
.ax-h1 em{font-style:italic;font-weight:400;color:#E9D39A;padding-right:.06em}
.ax-chapo{margin-top:26px;max-width:640px;font-size:18px;line-height:1.75;color:rgba(255,255,255,.92);font-weight:400;
  text-shadow:0 1px 3px rgba(0,0,0,.8),0 3px 22px rgba(0,0,0,.6)}
.ax-chapo b,.ax-chapo strong{color:#fff}
.ax-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.ax-btns .btn-outline{color:#fff;border-color:rgba(255,255,255,.45)}
.ax-pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.ax-pills li{display:flex;align-items:baseline;gap:8px;padding:9px 16px;border-radius:99px;font-size:13.5px;
  color:rgba(255,255,255,.9);background:rgba(10,9,8,.46);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ax-pills b{font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:500;color:var(--gold-pl);line-height:1}
.ax-maj{margin-top:22px;font-size:12.5px;color:rgba(255,255,255,.66);letter-spacing:.04em}
@media (max-width:900px){.ax-hero{min-height:auto}.ax-hero-in{padding:118px var(--gx) 44px}
  .ax-chapo{font-size:16.5px}.ax-oeil{letter-spacing:.28em;font-size:11.5px}}

/* ── LES SECTIONS ───────────────────────────────────────────────────────── */
.ax-sec{padding:calc(var(--gy) * .8) 0;position:relative}
.ax-sec--blanc{background:var(--white)}
.ax-sec--creme{background:var(--cream)}
.ax-sec--sombre{background:var(--noir);color:#fff}
.ax-sec+.ax-sec:not(.ax-sec--sombre)::before{content:"";position:absolute;top:0;left:var(--gx);right:var(--gx);height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,155,82,.25),transparent)}
.ax-in{max-width:var(--max);margin:0 auto;padding:0 var(--gx)}
.ax-in--etroit{max-width:900px}
.ax-tete{max-width:760px;margin-bottom:46px}
.ax-tete--c{margin-left:auto;margin-right:auto;text-align:center}
.ax-tete--c .tag{justify-content:center}
.ax-tete--c .sp{margin-left:auto;margin-right:auto}
.ax-tete .sp{max-width:640px}
.ax-sec--sombre .sh{color:#fff}
.ax-sec--sombre .sp{color:rgba(255,255,255,.72)}

/* Deux colonnes : le titre qui reste, le texte qui défile. */
.ax-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.ax-split>.ax-tete{position:sticky;top:120px;margin-bottom:0}
@media (max-width:960px){.ax-split{grid-template-columns:minmax(0,1fr);gap:10px}.ax-split>.ax-tete{position:static;margin-bottom:30px}}

/* ── LE TEXTE LONG ──────────────────────────────────────────────────────── */
.ax-texte{font-size:17px;line-height:1.9;color:var(--muted)}
.ax-texte p{margin:0 0 20px}
.ax-texte p:last-child{margin-bottom:0}
.ax-texte strong,.ax-texte b{color:var(--text);font-weight:600}
.ax-texte a{color:var(--gold-lo);text-decoration:none;border-bottom:1px solid rgba(192,155,82,.45)}
.ax-texte a:hover{color:var(--text);border-color:var(--gold)}
.ax-texte h3{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,2.4vw,30px);font-weight:500;color:var(--black);
  line-height:1.2;margin:40px 0 12px;letter-spacing:-.01em}
.ax-texte h3:first-child{margin-top:0}
.ax-texte ul{margin:0 0 20px;padding:0;list-style:none}
.ax-texte ul li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--bdr)}
.ax-texte ul li:last-child{border-bottom:none}
.ax-texte ul li::before{content:"";position:absolute;left:3px;top:21px;width:11px;height:6px;
  border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.ax-sec--sombre .ax-texte{color:rgba(255,255,255,.74)}
.ax-sec--sombre .ax-texte strong{color:#fff}
.ax-src{margin-top:28px;padding-top:16px;border-top:1px solid var(--bdr);font-size:13px;color:var(--muted);line-height:1.7}

/* ── LES CARTES ─────────────────────────────────────────────────────────── */
.ax-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ax-cartes--2{grid-template-columns:repeat(2,1fr)}
.ax-cartes--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.ax-cartes,.ax-cartes--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ax-cartes,.ax-cartes--2,.ax-cartes--4{grid-template-columns:1fr}}
.ax-carte{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r2);padding:30px 28px;
  box-shadow:var(--s1);transition:transform .5s var(--ease-luxe),box-shadow .5s var(--ease-luxe),border-color .5s}
.ax-carte:hover{transform:translateY(-6px);box-shadow:var(--sg);border-color:rgba(192,155,82,.4)}
.ax-carte .ax-n{font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.3em;color:var(--gold);display:block;margin-bottom:14px}
.ax-carte .ax-lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lo);margin-bottom:12px}
.ax-carte h3{font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:500;color:var(--black);line-height:1.18;margin-bottom:12px}
.ax-carte p{font-size:15.5px;line-height:1.8;color:var(--muted);margin:0}
.ax-carte p+p{margin-top:10px}
.ax-carte strong{color:var(--text);font-weight:600}
.ax-carte a{color:var(--gold-lo)}
.ax-carte--sombre{background:linear-gradient(160deg,#1C1916,#0A0908);border-color:rgba(192,155,82,.3);color:#fff}
.ax-carte--sombre h3{color:#fff}
.ax-carte--sombre p{color:rgba(255,255,255,.74)}
.ax-carte--sombre strong,.ax-carte--sombre b{color:var(--gold-pl)}
.ax-carte--or{border-color:rgba(192,155,82,.55);box-shadow:var(--sg)}
.ax-carte--large{grid-column:1/-1}

/* L'erreur à éviter, la réponse courte : un encadré sombre au filet d'or. */
.ax-alerte{margin-top:34px;background:linear-gradient(160deg,#1C1916,#0A0908);color:rgba(255,255,255,.8);
  border-radius:var(--r2);padding:34px 38px;border-left:3px solid var(--gold);box-shadow:var(--s2);font-size:16.5px;line-height:1.85}
.ax-alerte .ax-lab{display:block;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-pl);margin-bottom:12px}
.ax-alerte strong,.ax-alerte b,.ax-texte .ax-alerte b,.ax-texte .ax-alerte strong{color:#fff}
.ax-alerte a{color:var(--gold-pl);border-color:rgba(234,217,166,.4)}
.ax-alerte p{margin:0}
.ax-alerte p+p{margin-top:12px}
@media (max-width:640px){.ax-alerte{padding:26px 22px}}

/* La réponse d'un guide, en tête, citable telle quelle. */
.ax-reponse{margin-top:34px;max-width:820px;background:rgba(10,9,8,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(192,155,82,.38);border-left:3px solid var(--gold);border-radius:var(--r2);padding:28px 32px}
.ax-reponse .ax-lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-pl);margin-bottom:12px}
.ax-reponse p{font-family:"Cormorant Garamond",serif;font-size:clamp(21px,2.4vw,27px);line-height:1.42;color:#fff;margin:0}
.ax-reponse p+p{font-family:"Jost",sans-serif;font-size:16px;line-height:1.75;color:rgba(255,255,255,.8);margin-top:14px}
.ax-reponse b{color:var(--gold-pl);font-weight:600}

/* ── LES FAITS (réglementation, chiffres sourcés) ───────────────────────── */
.ax-faits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);
  border-radius:var(--r2);overflow:hidden;box-shadow:var(--s1)}
.ax-faits--3{grid-template-columns:repeat(3,1fr)}
.ax-faits>div{background:var(--white);padding:26px 24px}
.ax-faits .v{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,38px);line-height:1;color:var(--gold-lo);display:block}
.ax-faits .l{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin-top:10px}
.ax-faits p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:8px 0 0}
@media (max-width:1000px){.ax-faits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ax-faits,.ax-faits--3{grid-template-columns:1fr}}

/* ── LE TABLEAU ─────────────────────────────────────────────────────────── */
.ax-tab-cadre{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r2);box-shadow:var(--s1);border:1px solid var(--bdr);background:var(--white);margin:6px 0 20px}
.ax-tab{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px}
.ax-tab th{text-align:left;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lo);font-weight:600;
  padding:16px 20px;border-bottom:1px solid var(--text);background:var(--ivory)}
.ax-tab td{padding:16px 20px;border-bottom:1px solid var(--bdr);vertical-align:top;line-height:1.7;color:var(--muted)}
.ax-tab td:first-child{font-weight:600;color:var(--text);width:32%}
.ax-tab tr:nth-child(even) td{background:#FBF9F4}
.ax-tab tr:last-child td{border-bottom:none}
.ax-tab b{color:var(--text)}

/* ── LE SOMMAIRE D'UN GUIDE ─────────────────────────────────────────────── */
.ax-sommaire{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r2);padding:26px 30px;box-shadow:var(--s1)}
.ax-sommaire .ax-lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lo)}
.ax-sommaire ol{margin:14px 0 0;padding-left:22px;columns:2;column-gap:40px}
.ax-sommaire li{margin:0 0 9px;break-inside:avoid;font-size:15.5px;line-height:1.5;color:var(--muted)}
.ax-sommaire a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--bdr)}
.ax-sommaire a:hover{color:var(--gold-lo);border-color:var(--gold)}
@media (max-width:700px){.ax-sommaire ol{columns:1}}

/* ── LA FAQ, AU DESSIN DE L'ACCUEIL ─────────────────────────────────────── */
.ax-faq{display:flex;flex-direction:column;gap:12px}
.ax-faq details{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r2);box-shadow:var(--s0);
  transition:border-color .4s,box-shadow .4s}
.ax-faq details[open]{border-color:rgba(192,155,82,.5);box-shadow:var(--s1)}
.ax-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:22px 26px;font-size:17px;font-weight:500;color:var(--text);line-height:1.45}
.ax-faq summary::-webkit-details-marker{display:none}
.ax-faq summary::after{content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:50%;border:1px solid rgba(192,155,82,.45);color:var(--gold);font-size:18px;font-weight:300;transition:transform .4s var(--ease-luxe)}
.ax-faq details[open] summary::after{transform:rotate(45deg);background:var(--gold-g);color:#fff;border-color:transparent}
.ax-faq details[open] summary{color:var(--gold-lo)}
.ax-faq .ax-rep{padding:0 26px 24px;font-size:16px;line-height:1.85;color:var(--muted)}
.ax-faq .ax-rep b,.ax-faq .ax-rep strong{color:var(--text)}

/* ── LES CONSEILS NUMÉROTÉS ─────────────────────────────────────────────── */
.ax-conseils{counter-reset:c;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1000px){.ax-conseils{grid-template-columns:1fr}}
.ax-conseils>div{counter-increment:c;position:relative;background:var(--white);border:1px solid var(--bdr);border-radius:var(--r2);
  padding:34px 28px 28px;box-shadow:var(--s1)}
.ax-conseils>div::before{content:counter(c,decimal-leading-zero);position:absolute;top:-16px;left:26px;
  font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.2em;color:#fff;background:var(--gold-g);
  padding:6px 12px;border-radius:99px;box-shadow:var(--sg)}
.ax-conseils h3{font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:500;color:var(--black);line-height:1.2;margin-bottom:10px}
.ax-conseils p{font-size:15.5px;line-height:1.8;color:var(--muted);margin:0}

/* ── LA BANDE PHOTO ─────────────────────────────────────────────────────── */
.ax-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ax-photo figure{margin:0;border-radius:var(--r3);overflow:hidden;box-shadow:var(--s3);position:relative}
.ax-photo img{width:100%;height:auto;aspect-ratio:4/3.1;object-fit:cover;display:block}
.ax-photo figcaption{position:absolute;left:16px;bottom:16px;font-size:12.5px;color:#fff;background:rgba(10,9,8,.55);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:99px}
@media (max-width:960px){.ax-photo{grid-template-columns:minmax(0,1fr);gap:34px}}

/* ── UN GUIDE : LE SOMMAIRE À CÔTÉ, LE TEXTE AU CENTRE ─────────────────── */
.ax-guide{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:start}
.ax-guide-cote{position:sticky;top:112px;display:flex;flex-direction:column;gap:20px}
.ax-guide-cote .ax-sommaire ol{columns:1}
.ax-guide-cote .ax-sommaire li{font-size:14.5px}
.ax-guide-appel{padding:24px}
.ax-guide-appel .ax-lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-pl);margin-bottom:8px}
.ax-guide-appel p{font-size:14.5px;margin-bottom:16px}
.ax-guide-appel .btn-gold{width:100%;justify-content:center;padding:14px 18px}
@media (max-width:1000px){.ax-guide{grid-template-columns:minmax(0,1fr);gap:36px}.ax-guide-cote{position:static}.ax-guide-appel{display:none}}
.ax-article{max-width:760px;min-width:0}
.ax-article h2,.ax-texte h3{overflow-wrap:break-word}
.ax-article h2{font-family:"Cormorant Garamond",serif;font-size:clamp(30px,3.4vw,42px);font-weight:400;line-height:1.1;
  color:var(--black);letter-spacing:-.018em;margin:64px 0 18px;text-wrap:balance;scroll-margin-top:110px}
.ax-article h2::before{content:"";display:block;width:46px;height:2px;background:var(--gold-g);margin-bottom:20px}
.ax-article>h2:first-child{margin-top:0}
.ax-article .ax-alerte{margin-top:6px}
.ax-article .ax-cartes{margin:8px 0 20px}
.ax-article .ax-carte h3{font-size:23px;margin:0 0 10px}

/* ── LES PAGES LÉGALES ───────────────────────────────────────────────── */
.ax-legal .ident{list-style:none;margin:18px 0 0;padding:0}
.ax-legal .ident li{padding:12px 0;border-bottom:1px solid var(--bdr);display:flex;flex-wrap:wrap;gap:6px 18px}
.ax-legal .ident li::before{content:none}
.ax-legal .ident .k{color:var(--muted);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;flex:0 0 190px;padding-top:3px}
.ax-legal .ident .v{flex:1;min-width:210px;color:var(--text)}
@media (max-width:620px){.ax-legal .ident .k{flex:1 0 100%}}
.ax-legal .bloc{background:var(--ivory);border:1px solid var(--bdr);border-left:3px solid var(--gold);border-radius:var(--r1);padding:20px 24px;margin:22px 0}
.ax-legal .tab{width:100%;border-collapse:collapse;margin:20px 0 4px;font-size:15px}
.ax-legal .tab th{text-align:left;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-lo);font-weight:600;padding:0 12px 10px 0;border-bottom:1px solid var(--text)}
.ax-legal .tab td{padding:12px 12px 12px 0;border-bottom:1px solid var(--bdr);vertical-align:top;line-height:1.6}
.ax-legal .tab td:first-child{font-weight:600;color:var(--text);width:32%}

/* ── LA COMMUNE COURANTE DANS LA LISTE DES DOUZE ────────────────────────── */
.co-liste a.co-ici{background:var(--gold-g);color:#fff;border-color:transparent}
.co-liste a.co-ici small{color:rgba(255,255,255,.8)}

/* Le fil d'Ariane et les ancres ne passent jamais sous la barre fixe. */
html{scroll-padding-top:104px}

/* Sur téléphone, un tableau à deux colonnes se lit mieux empilé qu'en défilement. */
@media (max-width:640px){
  .ax-tab{min-width:0}
  .ax-tab tbody,.ax-tab tr,.ax-tab td{display:block}
  .ax-tab tr{padding:16px 18px;border-bottom:1px solid var(--bdr)}
  .ax-tab tr:last-child{border-bottom:none}
  .ax-tab td{padding:0;border:none;width:auto!important}
  .ax-tab td:first-child{margin-bottom:6px;color:var(--gold-lo);font-size:14px;letter-spacing:.02em}
}
/* Une carte seule sur sa rangée se centre au lieu de rester collée à gauche. */
@media (min-width:1001px){.ax-cartes:not(.ax-cartes--2):not(.ax-cartes--4)>:last-child:nth-child(3n+1){grid-column:2}}

/* ── UN AN DE RÉSERVATIONS, NUIT PAR NUIT — 30/09/2026 ─────────────────────
   Pages de commune, section « Qui réserve…, et quand ». Remplace les douze
   colonnes WebGL : un calendrier, une case par nuit, les nuits louées en or et
   en relief. Le relief est en CSS (perspective) : aucune dépendance, texte net.
   À l'arrivée (.rv → .in, posé par script.js), les nuits louées tombent dans
   le calendrier mois après mois, comme des réservations qui arrivent. Sans
   JavaScript, ou avec « réduire les animations », le calendrier est déjà
   rempli. */
.ax-cal{position:relative;max-width:1080px;margin:0 auto 38px}
.ax-cal-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;margin-bottom:14px}
.ax-cal-titre{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(22px,2.4vw,28px);font-weight:500;line-height:1.2;color:var(--black,#181614)}
.ax-cal-titre em{font-style:italic;color:var(--gold,#C09B52)}
.ax-cal-leg{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--muted,#635D52)}
.ax-cal-leg li{display:inline-flex;align-items:center;gap:8px}
.ax-cal-leg li::before{content:"";width:14px;height:14px;border-radius:3px;background:#E7E0D2}
.ax-cal-leg li.l::before{background:linear-gradient(135deg,#D6B870,#B9914A);box-shadow:0 2px 0 #8a6a2a}
.ax-cal-leg li.dd::before{background:#181614;box-shadow:0 2px 0 #000}
.ax-cal-leg small{font-size:12px;opacity:.8}
.ax-cal-scene{perspective:1600px;perspective-origin:50% 30%;padding:6px 0 26px}
.ax-cal-grille{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;transform:rotateX(16deg) scale(.93);transform-origin:50% 45%;transform-style:preserve-3d}
.ax-cal-mois{position:relative;padding:10px 10px 12px;border-radius:12px;background:#fff;border:1px solid var(--bdr,#DFD8CC);box-shadow:0 16px 26px -18px rgba(20,18,15,.35);transform-style:preserve-3d}
.ax-cal-mois.pic{border-color:rgba(192,155,82,.7);box-shadow:0 16px 30px -16px rgba(192,155,82,.55)}
.ax-cal-nom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#635D52)}
.ax-cal-mois.pic .ax-cal-nom{color:var(--gold-lo,#856018)}
.ax-cal-badge{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:2px 6px;border-radius:40px;background:#181614;color:#EAD9A6}
.ax-cal-jours{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;transform-style:preserve-3d}
.ax-cal-jours i{display:block;aspect-ratio:1;border-radius:3px;background:#EEE8DC}
.ax-cal-jours i.v{visibility:hidden}
.ax-cal-jours i.l{background:linear-gradient(135deg,#DCC07A,#B9914A);box-shadow:0 2px 0 #8a6a2a,0 4px 6px rgba(133,96,24,.28);transform:translateZ(5px) translateY(-2px);transition:transform .7s cubic-bezier(.16,1,.3,1) calc(var(--k,0) * 5ms),opacity .45s ease calc(var(--k,0) * 5ms)}
.ax-cal-jours i.dd{background:linear-gradient(135deg,#3a332a,#181614);box-shadow:0 2px 0 #000,0 4px 6px rgba(0,0,0,.3)}
body.js-ready .ax-cal.rv:not(.in) .ax-cal-jours i.l{opacity:0;transform:translateZ(60px) translateY(-26px)}
.ax-cal figcaption{text-align:center;font-size:13px;line-height:1.6;color:var(--muted,#635D52);font-weight:300;max-width:640px;margin:6px auto 0;text-wrap:balance}
@media (max-width:1000px){.ax-cal-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media (max-width:640px){
  .ax-cal-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;transform:rotateX(8deg) scale(.96)}
  .ax-cal-mois{padding:8px 7px 9px;border-radius:10px}
  .ax-cal-nom{font-size:10.5px;letter-spacing:.06em;margin-bottom:6px}
  .ax-cal-badge{display:none}
  .ax-cal-jours{gap:2px}
  .ax-cal-jours i{border-radius:2px}
  .ax-cal-tete{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){.ax-cal-jours i.l{transition:none}body.js-ready .ax-cal.rv:not(.in) .ax-cal-jours i.l{opacity:1;transform:translateZ(5px) translateY(-2px)}}
/* ── BRUT OU NET, EN UN SCHÉMA — 01/10/2026 ───────────────────────────────
   Nico : « la page sur les 15 % ou 20 %… ce n'est pas assez visuel ». Une
   barre (ce que paie le voyageur) et deux accolades : 15 % qui embrassent
   toute la barre, 20 % qui n'embrassent que la part du propriétaire. Posé
   par gabarit.brut_net() sur le simulateur et dans les guides du prix. */
.ax-bn{margin:0 auto 24px;max-width:880px;padding:30px 32px 28px;background:var(--white);border:1px solid var(--bdr);border-radius:var(--r3);box-shadow:var(--s1)}
.ax-bn-tete{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:22px;text-align:center}
.ax-bn-tete b{color:var(--text);font-weight:600}
.ax-bn-acc{position:relative;font-size:14.5px;line-height:1.45;text-align:center;text-wrap:balance}
.ax-bn-acc b,.ax-bn-acc strong{color:inherit}
.ax-bn-acc strong{font-size:17px;font-weight:600;white-space:nowrap}
.ax-bn-acc--brut{padding:0 0 16px;color:#5E574C}
.ax-bn-acc--brut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;border:2px solid #8F877A;border-bottom:none;border-radius:8px 8px 0 0}
.ax-bn-acc--net{padding:16px 0 0;color:var(--gold-lo)}
.ax-bn-acc--net::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border:2px solid var(--gold);border-top:none;border-radius:0 0 8px 8px}
.ax-bn-barre{display:flex;height:66px;border-radius:10px;overflow:hidden;margin:4px 0}
.ax-bn-barre>span{display:flex;flex-direction:column;justify-content:center;flex:none;padding:0 12px;min-width:0;overflow:hidden;white-space:nowrap;line-height:1.25}
.ax-bn-barre i{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.85;overflow:hidden;text-overflow:ellipsis}
.ax-bn-barre b{font-size:16px;font-weight:600;color:inherit}
.ax-bn-plat{background:#5E574C;color:#fff}
.ax-bn-men{background:#8F877A;color:#fff;border-left:2px solid #fff}
.ax-bn-net{background:var(--gold-g);color:#1c160b;border-left:2px solid #fff}
.ax-bn .ax-bn-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.ax-bn-leg span{display:inline-flex;align-items:center;gap:8px}
.ax-bn-leg span::before{content:"";flex:none;width:12px;height:12px;border-radius:3px}
.ax-bn-leg .p::before{background:#5E574C}
.ax-bn-leg .m::before{background:#8F877A}
.ax-bn-leg .n::before{background:var(--gold-g)}
.ax-bn-fin{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.ax-bn-r{border:1px solid var(--bdr);border-radius:var(--r2);padding:18px 22px;background:var(--ivory);display:flex;flex-direction:column;gap:2px}
.ax-bn-r span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.ax-bn-r b{font-family:"Cormorant Garamond",serif;font-size:40px;font-weight:500;line-height:1.1;color:#5E574C}
.ax-bn-r small{font-size:14px;color:var(--muted)}
.ax-bn-r--nous{background:linear-gradient(160deg,#1C1916,#0A0908);border-color:rgba(192,155,82,.45)}
.ax-bn-r--nous span{color:var(--gold-pl)}
.ax-bn .ax-bn-r--nous b{color:var(--gold-hi)}
.ax-bn-r--nous small{color:rgba(255,255,255,.75)}
.ax-bn .ax-bn-r--nous strong{color:#fff}
@media (max-width:640px){
  .ax-bn{padding:22px 14px 20px;border-radius:var(--r2)}
  .ax-bn-barre{height:56px}
  .ax-bn-barre>span{padding:0 5px}
  .ax-bn-barre i{display:none}
  .ax-bn-plat,.ax-bn-men{align-items:center}
  .ax-bn-plat b,.ax-bn-men b{font-size:12px}
  .ax-bn-net b{font-size:15px}
  .ax-bn-acc{font-size:13.5px}
  .ax-bn-fin{grid-template-columns:1fr}
  .ax-bn-r b{font-size:34px}
}
@media (max-width:400px){
  .ax-bn{padding:18px 10px}
  .ax-bn-barre>span{padding:0 2px}
  .ax-bn-plat b,.ax-bn-men b{font-size:11px;letter-spacing:-.01em}
}
/* Pourquoi le net : trois cartes chiffrées sous le schéma. */
.ax-bn-pourquoi{margin-top:34px}
.ax-bn-pourquoi .ax-n{font-size:30px;letter-spacing:0;line-height:1;color:var(--gold-lo);margin-bottom:12px}
.ax-bn-pourquoi .ax-carte--sombre .ax-n{color:var(--gold-hi)}
/* ── AILLEURS / CHEZ NOUS — 01/10/2026 ─────────────────────────────────────
   Le tableau de comparaison du simulateur. Aucune conciergerie nommée. Sur
   téléphone, les lignes s'empilent et chaque case dit qui elle décrit. */
.ax-cmp{border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden;background:var(--white);box-shadow:var(--s1);max-width:1000px;margin:0 auto}
.ax-cmp-l{display:grid;grid-template-columns:minmax(150px,.75fr) 1fr 1fr;border-bottom:1px solid var(--bdr)}
.ax-cmp-l:last-child{border-bottom:none}
.ax-cmp-l>span{padding:16px 20px;font-size:15px;line-height:1.6}
.ax-cmp-eux,.ax-cmp-nous{display:flex;gap:10px;align-items:flex-start}
.ax-cmp-k{font-weight:600;color:var(--text)}
.ax-cmp-eux{color:var(--muted);background:#FBF9F4}
.ax-cmp-nous{color:var(--text);background:rgba(192,155,82,.09)}
.ax-cmp svg{flex:none;width:18px;height:18px;margin-top:3px}
.ax-cmp-eux svg{color:#A65A44}
.ax-cmp-nous svg{color:var(--gold-lo)}
.ax-cmp-tete>span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-lo);background:var(--ivory);padding-top:14px;padding-bottom:14px}
.ax-cmp-qui{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ax-cmp-pied{text-align:center;margin-top:26px;font-size:15.5px;color:var(--muted)}
.ax-cmp-pied a{color:var(--gold-lo);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(192,155,82,.45)}
@media (max-width:700px){
  .ax-cmp-l{grid-template-columns:1fr}
  .ax-cmp-tete{display:none}
  .ax-cmp-l>span{padding:10px 16px}
  .ax-cmp-k{padding-top:16px!important;font-size:16px!important}
  .ax-cmp-nous{padding-bottom:16px!important}
  .ax-cmp-qui{position:static;width:auto;height:auto;margin:0 0 2px;overflow:visible;clip:auto;display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
  .ax-cmp-eux .ax-cmp-qui{color:#A65A44}
  .ax-cmp-nous .ax-cmp-qui{color:var(--gold-lo)}
}
/* ── LES MARGES, UNE PAR UNE — 01/10/2026 ─────────────────────────────────
   Le genre « marges » des guides : à gauche la marge et son mécanisme, à
   droite, en sombre, ce que nous faisons à la place. */
.ax-marges{display:flex;flex-direction:column;gap:14px;margin:8px 0 22px}
.ax-marge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden;background:var(--white);box-shadow:var(--s0)}
.ax-marge-q{padding:20px 22px}
.ax-texte .ax-marge h3{font-size:22px;line-height:1.2;margin:0 0 6px}
.ax-texte .ax-marge p{font-size:15px;line-height:1.7;margin:0}
.ax-marge-r{padding:20px 22px;background:linear-gradient(160deg,#1C1916,#0A0908)}
.ax-marge-r .ax-lab{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-pl);margin-bottom:6px}
.ax-marge-r .ax-lab svg{width:15px;height:15px;flex:none}
.ax-texte .ax-marge-r p{color:rgba(255,255,255,.82)}
.ax-texte .ax-marge-r b,.ax-texte .ax-marge-r strong{color:#fff}
.ax-texte .ax-marge-r a{color:var(--gold-pl);border-color:rgba(234,217,166,.4)}
@media (max-width:640px){.ax-marge{grid-template-columns:1fr}.ax-marge-q,.ax-marge-r{padding:18px}}
/* SUR TRENTE SÉJOURS — 01/10/2026 : sous la phrase de verdict du simulateur. */
.sim-annee{margin:-14px 0 0;font-size:14px;line-height:1.5;color:rgba(250,248,242,.72)}
.sim-annee b{color:var(--gold-pl);font-weight:600}
/* ── LES PAGES DE COMMUNE, EN CINQ ÉTAPES — 03/10/2026 ────────────────────
   Nico : « il n'y a pas de fil conducteur plus on baisse… il y a des gros
   pavés, il faudrait faire des trucs scrollables de droite à gauche ».
   Le sommaire numéroté sous le héros (.ax-chap), l'étape dans chaque
   étiquette (.ax-etape) et des
   cartes courtes qui défilent (.ax-rail) au lieu de s'empiler. */
.ax-chap{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bdr);position:sticky;top:72px;z-index:150;box-shadow:0 8px 20px -16px rgba(20,18,15,.35)}
.ax-chap .ax-in{display:flex;align-items:center;gap:22px;padding-top:16px;padding-bottom:16px}
.ax-chap-lab{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ax-chap ol{display:flex;gap:8px;list-style:none;margin:0;padding:2px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;justify-content:space-between}
.ax-chap ol::-webkit-scrollbar{display:none}
.ax-chap li{flex:0 0 auto}
.ax-chap a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:40px;border:1px solid var(--bdr);background:var(--ivory);color:var(--text);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:border-color .3s,background .3s,transform .3s var(--ease-luxe)}
.ax-chap a:hover{border-color:var(--gold);background:var(--white);transform:translateY(-2px)}
.ax-chap b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--black);color:var(--gold-pl);font-size:12.5px;font-weight:600;font-variant-numeric:lining-nums}
@media (max-width:760px){.ax-chap .ax-in{padding-top:12px;padding-bottom:12px;padding-right:0}.ax-chap-lab{display:none}.ax-chap ol{justify-content:flex-start;padding-right:var(--gx)}.ax-chap a{font-size:13px;padding:6px 14px 6px 6px}.ax-chap b{width:22px;height:22px;font-size:11.5px}}
.ax-etape{color:var(--gold-lo);font-weight:700}


/* Le rail : des cartes courtes qui défilent de gauche à droite. */
.ax-rail-cadre{margin-top:6px}
.ax-rail-cadre .gd-rail-top{margin:0 0 12px}
.ax-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:6px 4px 20px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%)}
.ax-rail::-webkit-scrollbar{display:none}
.ax-rail:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.ax-rail>*{flex:0 0 clamp(250px,28%,320px);scroll-snap-align:start}
.ax-rail>.ax-carte{padding:26px 24px}
.ax-rail>.ax-carte h3{font-size:23px}
.ax-rail>.ax-carte p{font-size:15px;line-height:1.7}
.ax-rail>.ax-carte:hover{transform:translateY(-3px)}
.ax-fait{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r2);padding:24px 22px;box-shadow:var(--s1)}
.ax-fait .v{font-family:"Cormorant Garamond",serif;font-size:clamp(30px,3vw,38px);line-height:1;color:var(--gold-lo);display:block}
.ax-fait .l{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin-top:10px}
.ax-fait p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.ax-regles{margin-top:22px;max-width:860px}
.ax-regles p{font-size:15.5px}
/* Quatre faits tiennent côte à côte sur un grand écran : pas de rail inutile. */
@media (min-width:1101px){
  .ax-rail:has(>.ax-fait:last-child:nth-child(4)){-webkit-mask-image:none;mask-image:none}
  .ax-rail>.ax-fait{flex:1 1 0}
  .ax-rail-cadre:has(.ax-fait) .gd-rail-top{display:none}
}
@media (max-width:760px){
  .ax-rail{-webkit-mask-image:none;mask-image:none;margin:0 calc(-1 * var(--gx));padding-left:var(--gx);padding-right:var(--gx);scroll-padding-left:var(--gx)}
  .ax-rail>*{flex-basis:80vw}
  .ax-rail-cadre .gd-rail-top{justify-content:space-between}
}

/* Le calendrier : sur un téléphone, les douze mois défilent au lieu de
   s'empiler en quatre rangées. */
@media (max-width:640px){
  .ax-cal-scene{margin:0 calc(-1 * var(--gx));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--gx) 22px;scroll-padding-left:var(--gx);perspective:none}
  .ax-cal-scene::-webkit-scrollbar{display:none}
  .ax-cal-grille{display:flex;gap:10px;transform:none}
  .ax-cal-mois{flex:0 0 42vw;scroll-snap-align:start;padding:10px 10px 12px}
  .ax-cal-nom{font-size:11.5px}
  .ax-cal-badge{display:inline-block}
  .ax-cal figcaption::before{content:"← Faites défiler les mois →";display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
}
@media (max-width:420px){.tag:has(.ax-etape){letter-spacing:.16em}}

/* ── LE SECOND PASSAGE DU 03/10/2026 ──────────────────────────────────────
   Le sommaire reste collé sous la barre et allume l'étape en cours ; le
   bouton d'estimation est toujours à portée. */
.ax-chap a.actif{background:var(--black);border-color:var(--black);color:#fff}
.ax-chap a.actif b{background:var(--gold);color:var(--black)}
.ax-chap li.ax-chap-cta a{padding:8px 18px;background:linear-gradient(135deg,#E3C98A,#C09B52);border-color:transparent;color:var(--black);font-weight:600}
.ax-chap li.ax-chap-cta a:hover{filter:brightness(1.05)}
html:has(.ax-chap){scroll-padding-top:156px}
html:has(.ax-chap) section,html:has(.ax-chap) #tarifs,html:has(.ax-chap) #comment-ca-marche{scroll-margin-top:0}
@media (max-width:760px){html:has(.ax-chap){scroll-padding-top:142px}}

/* Le héros d'une commune sur téléphone : le fil d'Ariane sur une ligne, les
   quatre pastilles en deux colonnes au lieu de quatre rangées. */
@media (max-width:640px){
  .ax-fil{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:18px}
  .ax-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:26px}
  .ax-pills li{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;border-radius:14px;font-size:12.5px;line-height:1.35}
  .ax-btns{gap:10px}
  .ax-btns>a{flex:1 1 100%;justify-content:center;text-align:center}
}

/* L'appel final sur téléphone : trois boutons de la même largeur, le
   numéro sur une ligne. */
@media (max-width:640px){
  .prefooter-btns{align-items:stretch;gap:12px}
  .prefooter-btns>a{width:100%;max-width:none;justify-content:center;text-align:center;letter-spacing:.14em;padding-left:14px;padding-right:14px}
}

/* ══ LA REFONTE DU 03/10/2026 (SOIR) — UNE SEULE HISTOIRE ═══════════════════
   Pages de commune. Un seul rythme vertical pour toutes les sections (le
   grand vide venait de deux marges qui s'additionnaient), l'étape 2 « D'ici »
   en bande sombre, et la fin de page : les questions à côté de la carte de
   Nicolas. Tout est limité aux pages qui portent le sommaire (.ax-chap). */
html:has(.ax-chap) .ax-sec,html:has(.ax-chap) .pricing-sec,html:has(.ax-chap) .process-sec{padding-top:96px;padding-bottom:96px}
html:has(.ax-chap) .ps-header,html:has(.ax-chap) .process-header,html:has(.ax-chap) .ax-tete{margin-bottom:40px}
@media (max-width:1000px){html:has(.ax-chap) .ax-sec,html:has(.ax-chap) .pricing-sec,html:has(.ax-chap) .process-sec{padding-top:72px;padding-bottom:72px}}
@media (max-width:640px){html:has(.ax-chap) .ax-sec,html:has(.ax-chap) .pricing-sec,html:has(.ax-chap) .process-sec{padding-top:56px;padding-bottom:56px}
  html:has(.ax-chap) .ps-header,html:has(.ax-chap) .process-header,html:has(.ax-chap) .ax-tete{margin-bottom:28px}}
.ax-chap ol{justify-content:center}
@media (max-width:1100px){.ax-chap ol{justify-content:flex-start}}

/* ── ÉTAPE 2 : D'ICI ─────────────────────────────────────────────────────── */
.ax-local{background:radial-gradient(120% 90% at 85% 0%,rgba(192,155,82,.16),transparent 55%),linear-gradient(170deg,#1C1916 0%,#0A0908 100%);color:#fff;overflow:hidden;isolation:isolate}
.ax-sec.ax-local::before{display:none}
.ax-local .sh{color:#fff}
.ax-local .tag{color:var(--gold-pl)}
.ax-local .ax-etape{color:var(--gold-pl)}
.ax-local-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.ax-local-photo{position:relative;margin:0;max-width:420px}
.ax-local-pic img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:18px;border:1px solid rgba(192,155,82,.35);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.ax-local-photo::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(192,155,82,.35);border-radius:18px;z-index:-1}
.ax-local-photo figcaption{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:rgba(10,9,8,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.ax-local-photo figcaption b{font-size:15px;font-weight:600;color:#fff}
.ax-local-photo figcaption span{font-size:12.5px;color:var(--gold-pl)}
.ax-local-cit{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(22px,2.3vw,28px);line-height:1.4;color:rgba(255,255,255,.9);margin:22px 0 0;max-width:32ch}
.ax-local-chiffres{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(192,155,82,.3)}
.ax-local-chiffres li{padding:22px 18px 0 0}
.ax-local-chiffres li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
.ax-local-chiffres b{display:block;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(34px,3.4vw,46px);line-height:1;color:var(--gold-pl);font-variant-numeric:lining-nums}
.ax-local-chiffres span{display:block;margin-top:8px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.66)}
/* Le pont vers le face-à-face (repris de l'accueil, style dans style.min.css). */
.ax-local-pont{margin:72px 0 22px;text-align:center;font-family:"Cormorant Garamond",serif;font-size:clamp(22px,2.4vw,28px);line-height:1.35;color:rgba(255,255,255,.85);text-wrap:balance}
.ax-local-pont b{font-weight:500;font-style:italic;color:var(--gold-pl)}
@media (max-width:960px){
  .ax-local-grille{grid-template-columns:minmax(0,1fr);gap:44px}
  .ax-local-photo{max-width:320px;margin:0 auto;width:74%}
  .ax-local-pont{margin-top:48px}
}
@media (max-width:560px){
  .ax-local-chiffres{grid-template-columns:minmax(0,1fr)}
  .ax-local-chiffres li,.ax-local-chiffres li+li{padding:16px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:baseline;gap:16px}
  .ax-local-chiffres b{flex:0 0 112px;font-size:34px}
  .ax-local-chiffres span{margin:0}
}

/* ── LA FIN : LES QUESTIONS, ET CELUI QUI Y RÉPOND ────────────────────────── */
.ax-qc{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:start}
.ax-qc .ax-faq{max-width:none}
.ax-qc-carte{position:sticky;top:170px;background:radial-gradient(120% 80% at 100% 0%,rgba(192,155,82,.18),transparent 60%),linear-gradient(170deg,#1C1916,#0A0908);color:#fff;border-radius:20px;padding:34px 32px 28px;border:1px solid rgba(192,155,82,.35);box-shadow:0 30px 60px -34px rgba(20,18,15,.7)}
.ax-qc-carte h2{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(28px,2.6vw,34px);line-height:1.15;margin:0 0 12px;color:#fff;text-wrap:balance}
.ax-qc-carte h2 em{font-style:italic;color:var(--gold-pl)}
.ax-qc-carte>p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.74);margin:0}
.ax-qc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.ax-qc-btns .btn-gold{grid-column:1/-1;justify-content:center;padding:17px 20px;letter-spacing:.2em}
.ax-qc-b{display:flex;align-items:center;justify-content:center;padding:13px 12px;border-radius:2px;border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.1em;white-space:nowrap;transition:border-color .3s,background .3s}
.ax-qc-b:hover{border-color:var(--gold);background:rgba(192,155,82,.12)}
.ax-qc-carte>p.ax-qc-rea{margin:16px 0 0;font-size:12.5px;color:rgba(255,255,255,.5);text-align:center}
@media (max-width:1000px){.ax-qc{grid-template-columns:minmax(0,1fr);gap:40px}.ax-qc-carte{position:static}}
@media (max-width:400px){.ax-qc-carte{padding:28px 22px 24px}.ax-qc-btns{grid-template-columns:1fr}}
.ax-nw{white-space:nowrap}
@media (max-width:640px){.ax-h1 .ax-nw{white-space:normal}.ax-hero .ax-btns .btn-gold,.ax-hero .ax-btns .btn-outline{letter-spacing:.2em;padding-left:16px;padding-right:16px}}
/* La page « Réserver en direct » — 10/10/2026 : la vitrine des logements, en cartes à faire défiler. Demain, chaque carte ouvrira sa fiche (photos, calendrier, prix, réservation, contrat, paiement Stripe). */
.rs-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;margin-top:34px}
.rs-carte{display:block;text-decoration:none;color:inherit}
.rs-photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#eee}
.rs-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.rs-carte:hover .rs-photo img{transform:scale(1.04)}
.rs-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:#1A1A18;font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px}
.rs-titre{margin-top:12px;font-weight:600;font-size:15.5px;color:var(--black,#1A1A18)}
.rs-lieu{font-size:14px;color:#6B675F;margin-top:2px}
.rs-cta{margin-top:6px;font-size:14px;font-weight:600;color:#8F7539}