/* Page d'estimation furtiveo.si/e/CODE : charte « Plan » de furtiveo.si
   (papier quadrillé, encre, bleu en accent, annotations mono). Ni orange ni doré. */
@font-face { font-family: Poppins; font-weight: 500; font-display: swap; src: url(/forms/static/polices/poppins-500.woff2) format("woff2"); }
@font-face { font-family: Poppins; font-weight: 600; font-display: swap; src: url(/forms/static/polices/poppins-600.woff2) format("woff2"); }
@font-face { font-family: Poppins; font-weight: 700; font-display: swap; src: url(/forms/static/polices/poppins-700.woff2) format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 500; font-display: swap; src: url(/forms/static/polices/jetbrains-mono-500.woff2) format("woff2"); }
@font-face {
  font-family: "Poppins Repli"; src: local("Arial"), local("ArialMT"), local("Roboto");
  ascent-override: 93.62%; descent-override: 31.21%; line-gap-override: 8.92%; size-adjust: 112.16%;
}

:root {
  --bleu: #5364FF; --encre: #10121A; --papier: #FFFFFF; --quadrillage: #E9ECFA;
  --surface: #F6F7FA; --filet: #D9DCE5; --gris: #575D6C;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; color: var(--encre); background-color: var(--papier);
  background-image: linear-gradient(var(--quadrillage) 1px, transparent 1px),
                    linear-gradient(90deg, var(--quadrillage) 1px, transparent 1px);
  background-size: 24px 24px;
  font-family: Poppins, "Poppins Repli", sans-serif; font-weight: 500; font-size: 1rem; line-height: 1.55;
  overflow-wrap: break-word;
}
h1, h2, h3 { margin: 0; line-height: 1.2; text-wrap: balance; }
h1 { font-weight: 700; font-size: clamp(1.75rem, 7vw, 2.75rem); letter-spacing: -.02em; }
h2 { font-weight: 700; font-size: clamp(1.375rem, 5.5vw, 2rem); letter-spacing: -.01em; }
h3 { font-weight: 600; font-size: 1.0625rem; margin: 24px 0 8px; }
h1:focus, h2:focus { outline: none; }
p { margin: 0; }
p + p { margin-top: .6em; }
img { max-width: 100%; height: auto; }
a { color: var(--bleu); text-underline-offset: .2em; }
:focus-visible { outline: 3px solid var(--bleu); outline-offset: 3px; border-radius: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[hidden] { display: none !important; }

.haut, main { max-width: 640px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.haut { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; padding-bottom: 10px; }
.marque { color: var(--encre); font-weight: 700; font-size: 1.125rem; text-decoration: none; }
.marque span { color: var(--bleu); }
main { padding-bottom: 48px; }

.fig { display: flex; align-items: center; gap: 10px; margin: 10px 0 8px; font-family: var(--mono); font-size: .75rem; color: var(--gris); }
.fig::before { content: ""; width: 24px; height: 1px; background: var(--bleu); flex: none; }
.sous-titre { margin-top: 10px; color: var(--gris); font-size: 1.0625rem; }
.sous-titre strong { color: var(--encre); font-weight: 600; }   /* nom de l'entreprise (Thibaut, 21/10/2026) */
.petit { margin-top: 10px; font-size: .8125rem; color: var(--gris); }

.promesses, .coches, .parcours { list-style: none; margin: 14px 0 0; padding: 0; }
.promesses li, .coches li { position: relative; padding-left: 24px; }
.promesses li + li, .coches li + li { margin-top: 6px; }
.promesses li::before, .coches li::before { content: "+"; position: absolute; left: 0; top: 0; color: var(--bleu); font-family: var(--mono); }

/* Boutons : grands, faciles à toucher */
.bouton {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 18px;
  padding: 12px 24px; border: 2px solid var(--bleu); border-radius: 6px; background: var(--bleu); color: var(--papier);
  font: inherit; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer;
}
.bouton:hover { background: var(--papier); color: var(--bleu); }
.bouton[disabled] { opacity: .45; cursor: not-allowed; }
.bouton-contour { background: var(--papier); color: var(--bleu); }
.bouton-contour:hover { background: var(--bleu); color: var(--papier); }
.bouton-compact { min-height: 40px; margin-top: 0; padding: 6px 14px; font-size: .875rem; }
.ecran > .bouton { width: 100%; }
@media (min-width: 560px) { .ecran > .bouton { width: auto; } }
.lien { background: none; border: 0; padding: 8px 0; font: inherit; font-size: .9375rem; color: var(--bleu); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }

/* Écran 1 : bloc « Qui vous a écrit » */
.qui { margin-top: 28px; padding: 16px; background: var(--papier); border: 1px solid var(--filet); }
.qui-titre { font-family: var(--mono); font-size: .75rem; color: var(--gris); margin-bottom: 8px; }
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0; }
.personne { display: flex; align-items: center; gap: 10px; min-width: 0; }
.personne p, .fiche-tete p { display: grid; font-size: .875rem; line-height: 1.3; min-width: 0; }
.personne span, .fiche-tete span { color: var(--gris); font-size: .8125rem; }
.accroche { font-weight: 600; margin-top: 8px; }
@media (max-width: 419px) { .qui .duo { grid-template-columns: 1fr; } }
.visage { width: 56px; height: 56px; flex: none; border-radius: 50%; object-fit: cover; border: 1px solid var(--filet); background: var(--surface); }
.visage.grand { width: 88px; height: 88px; }
.initiales { display: grid; place-items: center; font-weight: 700; font-size: 1.0625rem; color: var(--bleu); background: var(--surface); }
.visage.grand.initiales { font-size: 1.5rem; }

/* Écran « Ce que nous savons déjà » */
.prerempli { display: grid; gap: 12px; }
.propose + .propose { padding-top: 12px; border-top: 1px solid var(--filet); }
.propose strong { font-weight: 600; }
.propose .note { margin-top: 2px; font-size: .8125rem; color: var(--gris); }
/* Deux boutons qui se suivent : empilés sur téléphone, côte à côte ensuite */
.ecran > .bouton + .bouton { margin-top: 10px; }
@media (min-width: 560px) { .ecran > .bouton + .bouton { margin-top: 18px; margin-left: 10px; } }

/* Questions */
.progression { height: 4px; margin-top: 8px; background: var(--quadrillage); }
.barre { height: 100%; width: 0; background: var(--bleu); transition: width .2s; }
.aide { margin-top: 6px; color: var(--gris); font-size: .9375rem; }
.essai { margin-top: 10px; }
.email-connu { margin: 0; padding: 10px 12px; background: var(--surface); border: 1px solid var(--filet); }
.consigne { margin-top: 6px; font-size: .875rem; color: var(--gris); }
.reponses { display: grid; gap: 10px; margin-top: 18px; }
.choix {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 12px 16px;
  background: var(--papier); border: 1px solid var(--filet); border-radius: 6px; color: var(--encre);
  font: inherit; text-align: left; cursor: pointer;
}
.choix:hover { border-color: var(--bleu); }
.choix[aria-pressed="true"], .choix.coche { border: 2px solid var(--bleu); background: #F0F2FF; padding: 11px 15px; }
.choix input { width: 20px; height: 20px; flex: none; accent-color: var(--bleu); margin: 0; }
.navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
.navigation .bouton { margin-top: 0; }

/* Résultat */
.cadre { margin-top: 16px; padding: 18px; background: var(--papier); border: 1px solid var(--filet); }
.equerres { position: relative; }
.equerres::before, .equerres::after { content: ""; position: absolute; width: 16px; height: 16px; pointer-events: none; }
.equerres::before { top: -1px; left: -1px; border-top: 3px solid var(--bleu); border-left: 3px solid var(--bleu); }
.equerres::after { right: -1px; bottom: -1px; border-right: 3px solid var(--bleu); border-bottom: 3px solid var(--bleu); }
.mensualite { font-size: 1.125rem; }
.mensualite strong { font-size: 1.75rem; color: var(--bleu); }
.charge { margin-top: 12px; }
.cadre p + p { margin-top: .5em; }
.gain { line-height: 1.35; }
.gain strong { font-size: 1.75rem; line-height: 1; color: var(--bleu); }
.comparaison { margin-top: 18px; padding-left: 12px; border-left: 2px solid var(--bleu); }
.interlocuteur { display: flex; gap: 14px; align-items: flex-start; margin-top: 24px; padding: 16px; background: var(--surface); border: 1px solid var(--filet); }
[data-rappel] { margin-top: 10px; }
.erreur { margin-top: 12px; color: var(--encre); padding: 10px 12px; border-left: 3px solid var(--encre); background: var(--surface); }

/* Bloc valeur (complément 2 de Léa) et Pyramide de Valeur */
.valeur { margin-top: 8px; }
.pyramide { margin-top: 14px; padding: 12px 16px; background: var(--papier); border: 1px solid var(--filet); }
.pyramide summary { cursor: pointer; font-weight: 600; color: var(--bleu); }
.pyramide[open] summary { margin-bottom: 10px; }
.pyramide p { margin-top: 10px; }
.pyramide-schema { display: flex; flex-direction: column-reverse; align-items: center; gap: 4px; margin: 14px 0; }
.etage { padding: 6px 8px; text-align: center; font-size: .75rem; line-height: 1.3; background: var(--surface); border: 1px solid var(--filet); }
.etage-1 { width: 100%; background: var(--bleu); border-color: var(--bleu); color: var(--papier); font-weight: 600; }
.etage-2 { width: 86%; } .etage-3 { width: 72%; } .etage-4 { width: 58%; } .etage-5 { width: 44%; }
.pyramide-niveaux { margin: 0; padding-left: 20px; font-size: .9375rem; }
.pyramide-niveaux li + li { margin-top: 4px; }
.lien-livre { display: inline-block; margin-top: 12px; font-size: .9375rem; }

/* Page de fin : tuiles et graphiques (rouge = ce qu'on paie ou perd, vert = ce qu'on gagne) */
:root { --rouge: #C62828; --vert: #1B7F55; }
.rouge { color: var(--rouge); } .vert { color: var(--vert); }
.tuiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-top: 20px; }
.tuile { display: grid; gap: 2px; padding: 14px 16px; background: var(--papier); border: 1px solid var(--filet); }
.tuile span { font-family: var(--mono); font-size: .75rem; color: var(--gris); }
.tuile strong { font-size: 1.5rem; line-height: 1.2; }
.tuile small { font-size: .8125rem; color: var(--gris); }
.tuile-vert { border-left: 3px solid var(--vert); }
.tuile-vert strong { color: var(--vert); }
.graphe { margin: 12px 0 0; padding: 12px; background: var(--papier); border: 1px solid var(--filet); }
.graphe svg { display: block; width: 100%; height: auto; font-family: inherit; }
.graphe figcaption { margin-top: 8px; font-size: .8125rem; color: var(--gris); }
.legende { display: inline-flex; align-items: center; gap: 6px; margin-right: 14px; }
.legende::before { content: ""; width: 12px; height: 3px; background: currentColor; }
[data-ecran="confirmation"] .duo { margin-top: 28px; }
.multiples { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.multiples button { min-width: 48px; min-height: 40px; padding: 6px 10px; font: inherit; font-weight: 600; color: var(--bleu);
  background: var(--papier); border: 1px solid var(--filet); border-radius: 4px; cursor: pointer; }
.multiples button[aria-pressed="true"] { color: var(--papier); background: var(--bleu); border-color: var(--bleu); }

/* Inclus dans votre tarif : une carte par fonction, selon les réponses */
:root { --vert: #1B7F55; }
.inclus { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
@media (min-width: 560px) { .inclus { grid-template-columns: 1fr 1fr; } }
.carte-inclus { position: relative; display: grid; gap: 4px; align-content: start; padding: 14px 14px 14px 42px;
  background: var(--papier); border: 1px solid var(--filet); }
.carte-inclus::before { content: "+"; position: absolute; left: 14px; top: 12px; width: 20px; height: 20px;
  display: grid; place-items: center; font: 500 .9rem/1 var(--mono); color: var(--bleu); border: 1.5px solid var(--bleu); border-radius: 50%; }
.carte-inclus strong { font-weight: 600; line-height: 1.3; }
.carte-inclus p { margin: 0; font-size: .875rem; color: var(--gris); }
.carte-inclus .gain { justify-self: start; margin-top: 6px; padding: 2px 8px; font: 500 .75rem/1.6 var(--mono); color: var(--vert); border: 1px solid currentColor; }
.carte-inclus.option { border-style: dashed; grid-column: 1 / -1; }
.carte-inclus.option::before { content: "…"; }
.carte-inclus.forte { border: 2px solid var(--bleu); grid-column: 1 / -1; }
.clics-ligne { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 8px; margin-top: 6px; font: 500 .75rem var(--mono); color: var(--gris); }
.clics-ligne span + span { display: flex; flex-wrap: wrap; gap: 3px; }
.clics-ligne i { width: 8px; height: 8px; border-radius: 2px; background: var(--filet); }
.clics-ligne.apres i { background: var(--bleu); }

/* Formulaire d'envoi sur l'écran du résultat */
.envoi { margin-top: 18px; border: 2px solid var(--bleu); }
.envoi h3 { margin-top: 0; }
.envoi .formulaire { margin-top: 12px; }
.envoi .bouton { width: 100%; }
@media (min-width: 560px) { .envoi .bouton { width: auto; } }

/* Formulaire de copie */
.formulaire { display: grid; gap: 16px; margin-top: 18px; }
.formulaire label { display: grid; gap: 4px; font-weight: 600; font-size: .9375rem; }
.formulaire label small { font-weight: 500; color: var(--gris); font-family: var(--mono); font-size: .75rem; }
.formulaire input[type=email], .formulaire input[type=tel], .formulaire input[type=text], .formulaire input[type=password] {
  width: 100%; min-height: 48px; padding: 10px 12px; font: inherit; font-weight: 500; color: var(--encre);
  background: var(--papier); border: 1px solid var(--filet); border-radius: 4px;
}
.formulaire .case { display: flex; gap: 12px; align-items: flex-start; font-weight: 500; }
.formulaire .case input { width: 22px; height: 22px; margin-top: 2px; flex: none; accent-color: var(--bleu); }
.formulaire .bouton { margin-top: 0; }
.piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Panneau « Faire connaissance » */
dialog { width: min(640px, 100vw); max-width: 100vw; max-height: 100dvh; margin: auto; padding: 0; border: 1px solid var(--filet); color: var(--encre); background: var(--papier); }
dialog::backdrop { background: rgba(16, 18, 26, .55); }
.panneau { position: relative; padding: 20px 16px 24px; }
@media (min-width: 560px) { .panneau { padding: 28px 32px 32px; } }
.fermer { position: absolute; top: 10px; right: 16px; }
.panneau h2 { margin-top: 4px; font-size: clamp(1.25rem, 5vw, 1.625rem); padding-right: 64px; }
.panneau > p { margin-top: 12px; }
.fiche { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--filet); }
.fiche-tete { display: flex; align-items: center; gap: 14px; }
.fiche-tete strong { font-size: 1.0625rem; }
.parcours li { position: relative; padding-left: 18px; font-size: .9375rem; }
.parcours li + li { margin-top: 6px; }
.parcours li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; background: var(--bleu); }
.actions { display: flex; flex-wrap: wrap; gap: 0 12px; margin-top: 8px; }
.actions .bouton { flex: 1 1 220px; }

/* Suivi */
body.suivi main, body.suivi .haut { max-width: 1280px; }
.tableau { overflow-x: auto; margin-top: 16px; background: var(--papier); border: 1px solid var(--filet); }
.tableau table { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.tableau th, .tableau td { padding: 8px 10px; border-bottom: 1px solid var(--filet); text-align: left; vertical-align: top; }
.tableau th { font-family: var(--mono); font-weight: 500; color: var(--gris); white-space: nowrap; }
.tableau td small { display: block; color: var(--gris); }
.tableau .mono { font-family: var(--mono); white-space: nowrap; }
.tableau tr.chaud td { background: #F0F2FF; }
.reponses-suivi span { display: block; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Options chiffrées à part, sur devis (3D) : décision de Thibaut du 19/10/2026 */
.sur-devis { margin: 12px 0 0; padding: 10px 12px; border-left: 3px solid var(--bleu); background: var(--surface, #F6F7FA); font-weight: 600; }

/* Détail du prix (retour de Matthieu Thibaut, 20/10/2026) */
.detail-prix { margin-top: 16px; }
.detail-prix h3 { margin: 0 0 8px; }
.detail-prix table { width: 100%; border-collapse: collapse; font-size: .9375rem; background: var(--papier); }
.detail-prix th, .detail-prix td { padding: 6px 8px; border-bottom: 1px solid var(--filet); text-align: left; font-weight: 500; vertical-align: top; }
.detail-prix td { text-align: right; white-space: nowrap; font-family: var(--mono); }
.detail-prix tfoot th, .detail-prix tfoot td { font-weight: 700; border-bottom: 0; }
.detail-prix .petit { margin-top: 8px; }
.formulaire textarea { width: 100%; padding: 10px 12px; font: inherit; font-weight: 500; border: 1px solid var(--filet); border-radius: 4px; background: var(--papier); resize: vertical; }
.detail-prix .ce-que-comprend { margin-top: 12px; font-size: .9375rem; }
.detail-prix .ce-que-comprend h4 { margin: 0 0 6px; font-size: 1rem; }
.sur-mesure { margin-top: 20px; }
.sur-mesure h3 { margin: 0 0 8px; }
.sur-mesure .attentes { margin-top: 10px; }
.sur-mesure .fin-sur-mesure { margin-top: 10px; font-weight: 600; }

/* Radar honnête (20/10/2026) */
.radar { margin: 20px 0 0; }
.radar figcaption { font-weight: 700; margin-bottom: 4px; }
.radar svg { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; overflow: visible; }
.radar .anneau { fill: none; stroke: var(--filet); stroke-width: 1; }
.radar .axe { stroke: var(--filet); stroke-width: 1; }
.radar .standard { fill: rgba(87, 93, 108, .12); stroke: var(--gris); stroke-width: 2; stroke-dasharray: 5 4; }
.radar .vous { fill: rgba(83, 100, 255, .18); stroke: var(--bleu); stroke-width: 2.5; }
.radar text { font-size: 15px; fill: var(--encre); font-family: inherit; }
.radar .radar-legende { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; justify-content: center; font-size: .875rem; margin-top: 4px; }
.radar .radar-legende span { display: inline-block; width: 14px; height: 14px; border-radius: 3px; vertical-align: middle; margin-right: 4px; }
.radar .pastille-vous { background: rgba(83, 100, 255, .35); border: 2px solid var(--bleu); }
.radar .pastille-standard { background: rgba(87, 93, 108, .15); border: 2px dashed var(--gris); }

/* Prix en direct (20/10/2026) */
.prix-direct { margin: 4px 0 10px; padding: 8px 12px; display: inline-block; background: #F0F2FF; border-left: 3px solid var(--bleu); font-weight: 600; }
.choix .apport { margin-left: auto; padding-left: 12px; flex: none; font-family: var(--mono); font-size: .8125rem; color: var(--gris); white-space: nowrap; }
.choix .apport.plus { color: var(--bleu); font-weight: 600; }
.choix .apport:empty { display: none; }

/* Sous-titres des fonctionnalités (20/10/2026) */
.choix .choix-texte { display: flex; flex-direction: column; gap: 2px; }
.choix .choix-texte small { font-size: .8125rem; font-weight: 500; color: var(--gris); line-height: 1.4; }
.tout-inclus { margin: 10px 0; padding: 8px 12px; background: #E8F6EF; border-left: 3px solid #1B7F55; font-size: .9375rem; }
.tout-inclus strong { color: #1B7F55; }

/* Tableau comparatif rouge / vert (20/10/2026) */
.comparatif { margin-top: 24px; }
.comparatif h3 { margin: 0 0 8px; }
.comparatif table { width: 100%; border-collapse: collapse; font-size: .875rem; background: var(--papier); }
.comparatif th, .comparatif td { padding: 8px; border-bottom: 1px solid var(--filet); text-align: left; vertical-align: top; }
.comparatif thead th { font-family: var(--mono); font-weight: 500; color: var(--gris); font-size: .75rem; }
.comparatif tbody th { font-weight: 600; width: 24%; }
.comparatif td.vert { background: #E8F6EF; color: #14563A; width: 38%; }
.comparatif td.rouge { background: #FDECEC; color: #8E1C1C; width: 38%; }
.comparatif td span { font-weight: 700; }
@media (max-width: 520px) { .comparatif table { font-size: .8125rem; } .comparatif th, .comparatif td { padding: 6px 5px; } }

/* Temps rendu (20/10/2026) */
.choix .choix-texte small.gain-option { color: #1B7F55; font-weight: 600; }
.temps-rendu { margin-top: 24px; }
.temps-rendu h3 { margin: 0 0 6px; }
.temps-rendu .temps-total { font-size: 1.0625rem; }
.temps-rendu .temps-total strong { color: #1B7F55; }
.temps-rendu table { width: 100%; border-collapse: collapse; font-size: .875rem; margin-top: 8px; background: var(--papier); }
.temps-rendu th, .temps-rendu td { padding: 5px 8px; border-bottom: 1px solid var(--filet); text-align: left; font-weight: 500; }
.temps-rendu td { text-align: right; white-space: nowrap; font-family: var(--mono); color: #1B7F55; }
.temps-rendu .petit { margin-top: 8px; }
.temps-rendu .temps-exemple { margin-top: 4px; font-style: italic; color: var(--gris); }
.charge-petit { margin: -4px 0 8px; font-size: .75rem; color: var(--gris); }
.vos-documents { margin: 6px 0 10px; font-size: .9375rem; }
.options-chiffrer { margin-top: 20px; }
.options-chiffrer h3 { margin: 0 0 6px; }

/* Complément 4 de Léa (21/10/2026) : repère de périmètre, seuil de rentabilité */
.perimetre-large { margin: 6px 0 10px; padding: 8px 12px; background: #FFF6E5; border-left: 3px solid #B26A00; font-size: .9375rem; }
.seuil { margin-top: 16px; }
.seuil p + p { margin-top: 8px; }

/* Bandeau de consentement, le même que sur www.furtiveo.si (consentement-v2.js, 21/10/2026) */
.consentement {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 10;
  max-width: 560px; margin: 0 auto; padding: 20px;
  background: var(--papier); border: 1px solid var(--filet);
  box-shadow: 0 8px 24px rgba(16, 18, 26, .12);
  font-size: .9375rem;
}
.consentement[hidden] { display: none; }
.consentement .fig { margin: 0 0 8px; }
.consentement-titre { font-weight: 600; font-size: 1.0625rem; margin: 0 0 6px; }
.consentement p { margin: 0; }
.consentement-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.consentement-actions .bouton { min-width: 120px; margin-top: 0; }

/* Accueil des visiteurs venus d'une annonce Google (21/10/2026) */
.bloc-google { margin-top: 24px; }
.bloc-titre { margin: 0 0 4px; font-size: 1.0625rem; font-weight: 600; }
.etapes { margin: 10px 0 0; padding-left: 22px; }
.etapes li + li { margin-top: 6px; }
.faq { border-top: 1px solid var(--filet); padding: 10px 0; }
.faq:last-child { border-bottom: 1px solid var(--filet); }
.faq summary { cursor: pointer; font-weight: 600; }
.faq p { margin: 8px 0 0; color: var(--gris); }
.hebergement { display: flex; align-items: center; gap: 10px; margin: 20px 0 0; font-weight: 600; }
.drapeau { flex: none; border-radius: 2px; }