/* LAVTOIT — pages de référencement (prestations, villes, tarifs) : compléments à app.css. Ces pages n'ont pas de script. */
.entete a.logo{display:inline-flex;align-items:center}
.menu-page{display:none;position:relative}
.menu-page summary{list-style:none;cursor:pointer}
.menu-page summary::-webkit-details-marker{display:none}
.menu-page .feuille{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:grid;gap:2px;width:min(320px,86vw);padding:12px;border-radius:18px;background:var(--papier);box-shadow:var(--ombre-2);border:1px solid var(--trait-2)}
.menu-page .feuille a:not(.btn){display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:12px;font-weight:650;text-decoration:none}
.menu-page .feuille a:not(.btn):hover{background:var(--voile)}
.menu-page .feuille .btn{margin-top:8px}
@media (max-width:1199px){.menu-page{display:block}}
.page-tete{background:linear-gradient(180deg,#fff 0%,#fff 58%,var(--voile) 100%);padding-block:clamp(18px,3vw,30px) clamp(32px,5vw,60px)}
.fil-ariane{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(18px,3vw,30px);font-size:.84rem;color:var(--encre-3)}
.fil-ariane a{color:inherit;text-underline-offset:3px}
.fil-ariane [aria-current]{color:var(--encre);font-weight:650}
.page-tete .duo{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
@media (max-width:900px){.page-tete .duo{grid-template-columns:minmax(0,1fr)}}
.page-tete .t-hero{font-size:clamp(1.85rem,4vw,3rem);line-height:1.03}
.page-tete .rang .btn.b2 .ico{color:var(--tuile)}
.reperes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;padding:0;margin:0;list-style:none}
.reperes li{display:grid;gap:2px;align-content:start;padding:14px 16px;border-radius:16px;background:var(--papier);border:1px solid var(--trait)}
.reperes b{font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:118%;font-size:1rem;line-height:1.15;color:var(--tuile)}
.reperes span{font-size:.84rem;color:var(--encre-3);line-height:1.3}
@media (max-width:640px){.reperes{grid-template-columns:minmax(0,1fr)}}
figure.vue{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--voile);box-shadow:var(--ombre-1)}
figure.vue img{display:block;width:100%;height:auto}
figure.vue figcaption{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:650;background:rgba(255,255,255,.9);color:var(--encre-2)}
figure.vue.grande{box-shadow:var(--ombre-2);border-radius:26px}
figure.vue.grande img{max-height:520px;object-fit:cover}
.duo.haut{align-items:start}
.deux-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}
.deux-photos figure.vue figcaption{left:12px;top:12px;bottom:auto;font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:118%;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;color:#fff;background:rgba(30,36,38,.74)}
.deux-photos figure.vue:last-child figcaption{background:rgba(199,63,44,.92)}
@media (max-width:640px){.deux-photos{grid-template-columns:minmax(0,1fr)}}
.prose{display:grid;gap:14px;align-content:start;max-width:68ch;color:var(--encre-2)}
.note-tableau{margin-top:12px;max-width:92ch}
.comparatif.avec-texte th:nth-child(2),.comparatif.avec-texte td:nth-child(2){text-align:left;color:var(--encre-2);font-weight:400}
.comparatif td.gras{white-space:nowrap}
.comparatif.avec-texte td.gras{white-space:normal;min-width:150px}
.comparatif .oui,.comparatif .non{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.comparatif .oui{color:var(--ok)}.comparatif .non{color:var(--encre-3)}
.comparatif .oui .ico,.comparatif .non .ico{margin:0}
.comparatif .avalider{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--alerte-fond);color:var(--alerte);font-weight:650;font-size:.82rem}
.cartes-liens{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
a.carte-lien{position:relative;display:grid;gap:4px;align-content:start;padding:18px 46px 18px 18px;border-radius:18px;background:var(--papier);border:1px solid var(--trait);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
a.carte-lien:hover{border-color:var(--encre);box-shadow:var(--ombre-1);transform:translateY(-2px)}
a.carte-lien b{font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:118%;line-height:1.2}
a.carte-lien span{font-size:.9rem;color:var(--encre-2)}
a.carte-lien .ico{position:absolute;right:16px;top:20px;color:var(--tuile)}
.liens-villes{display:flex;flex-wrap:wrap;gap:8px 10px;margin:18px 0 0;padding:0;list-style:none}
.liens-villes a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--papier);border:1px solid var(--trait);font-size:.88rem;font-weight:600;text-decoration:none}
.liens-villes a:hover{border-color:var(--encre)}
.liens-villes .ico{color:var(--tuile)}
.methodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0}
.methodes.compact{grid-template-columns:minmax(0,1fr)}
.methodes>div{padding:18px;border-radius:18px;background:var(--papier);border:1px solid var(--trait)}
.methodes dt{font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:118%;margin-bottom:6px}
.methodes dd{margin:0;color:var(--encre-2);font-size:.94rem}
.etapes-liste{display:grid;gap:10px;counter-reset:pas;padding:0;margin:0;list-style:none}
.etapes-liste li{position:relative;display:grid;gap:2px;padding:14px 18px 14px 66px;border-radius:16px;background:var(--papier);border:1px solid var(--trait);counter-increment:pas}
.etapes-liste li::before{content:"0" counter(pas);position:absolute;left:18px;top:13px;font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:125%;font-size:1.3rem;color:var(--tuile)}
.etapes-liste span{color:var(--encre-2);font-size:.94rem}
.fiches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fiches.n1{grid-template-columns:minmax(0,640px)}
@media (max-width:820px){.fiches{grid-template-columns:minmax(0,1fr)}}
.fiche-formule{display:grid;gap:12px;align-content:start;padding:24px;border-radius:24px;background:var(--papier);border:1.5px solid var(--trait)}
.fiche-formule .prix-fiche{color:var(--encre-3)}
.fiche-formule .prix-fiche b{font-family:var(--titre);font-style:italic;font-weight:800;font-stretch:125%;font-size:2rem;line-height:1;color:var(--encre)}
.fiche-formule .petit{display:flex;gap:6px;align-items:flex-start}
.fiche-formule .petit .ico{flex:none;margin-top:2px;color:var(--corail)}
.communes{columns:4 140px;column-gap:20px;padding:0;margin:0 0 14px;list-style:none;color:var(--encre-2)}
.communes li{padding:3px 0;break-inside:avoid}
.section p>.btn{margin-top:18px}
.section p.note{margin-top:16px}
.pied .bas a{color:inherit}
.comparatif.serre table{min-width:0}
.comparatif.serre th,.comparatif.serre td{padding:12px 10px}
.comparatif.serre td.gras{white-space:normal}
@media (max-width:560px){.comparatif.serre table{font-size:.86rem}.comparatif.serre th,.comparatif.serre td{padding:11px 4px}.comparatif.serre thead th{font-size:.64rem;letter-spacing:0;font-stretch:100%}.comparatif.serre th:first-child,.comparatif.serre td:first-child{padding-left:12px}.comparatif.serre th:last-child,.comparatif.serre td:last-child{padding-right:12px}}
/* Tableaux à trois colonnes (nom, description, prix) : sur téléphone, chaque ligne devient une fiche, le prix reste visible. */
@media (max-width:640px){
  .comparatif.avec-texte table{min-width:0;display:block}
  .comparatif.avec-texte thead{display:none}
  .comparatif.avec-texte tbody{display:block}
  .comparatif.avec-texte tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px;border-bottom:1px solid var(--trait-2)}
  .comparatif.avec-texte tr:last-child{border-bottom:0}
  .comparatif.avec-texte td{padding:0;border:0;text-align:left}
  .comparatif.avec-texte td.gras{min-width:0}
  .comparatif.avec-texte td:nth-child(3){grid-column:2;grid-row:1;font-weight:700;white-space:nowrap;color:var(--tuile)}
  .comparatif.avec-texte td:nth-child(2){grid-column:1/-1;font-size:.9rem}
}