/* Fiche d'annonce SEO (/annonces/…) : mobile d'abord, deux colonnes dès 960 px. */
body{background:#f7f8fb;color:var(--navy,#152348)}
.fiche-top{background:#fff;border-bottom:1px solid var(--line,#e9edf3)}
.fiche-top .in{max-width:1180px;margin:auto;padding:0 20px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.fiche-top img{height:30px;width:auto;display:block}
.fiche-top a.back{font-weight:700;font-size:.9rem;color:var(--navy,#152348)}
.fiche-page{max-width:1180px;margin:auto;padding:16px 20px 120px}
.fiche-page nav{font-size:.86rem;color:#5b6c92;margin-bottom:10px}.fiche-page nav a{color:#5b6c92;text-decoration:underline}
.fiche-page h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(1.45rem,4.6vw,2.2rem);line-height:1.15;margin:0 0 6px;letter-spacing:-.01em}
.fiche-page .fiche-sub{margin:0 0 14px;color:#5b6c92;font-size:1rem}
.fiche-layout{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.fiche-layout{grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}.fiche-page{padding-bottom:72px}}

/* Galerie : carrousel à défilement sur mobile, grille sur grand écran. Les photos gardent leurs proportions. */
.fiche-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}
.fiche-gallery::-webkit-scrollbar{display:none}
.fiche-gallery figure{margin:0;flex:0 0 auto;scroll-snap-align:center;position:relative}
.fiche-gallery img{display:block;height:min(62vh,440px);width:auto;max-width:86vw;object-fit:cover;border-radius:16px;background:#e9edf3}
.fiche-gallery figcaption{position:absolute;left:8px;bottom:8px;right:8px;font-size:.72rem;color:#fff;background:rgba(13,24,48,.72);padding:4px 8px;border-radius:8px}
@media(min-width:960px){
  .fiche-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;overflow:visible;margin:0;padding:0;gap:10px}
  .fiche-gallery figure:first-child{grid-row:span 2}
  .fiche-gallery img{height:100%;width:100%;max-width:none;border-radius:14px}
}
.fiche-count{font-size:.8rem;color:#5b6c92;margin:6px 0 0}

.fiche-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.fiche-facts li{background:#fff;border:1px solid var(--line,#e9edf3);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600}
.fiche-facts li.plus{background:#fef0e6;border-color:#fbd5bb;color:#a63f06}
.fiche-block{background:#fff;border:1px solid var(--line,#e9edf3);border-radius:18px;padding:20px;margin-top:18px}
.fiche-block h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1.2rem;margin:0 0 10px}
.fiche-block p{line-height:1.7;margin:0 0 .8em;color:#27396a}
.fiche-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.fiche-specs div{background:#f7f8fb;border-radius:12px;padding:10px 12px}
.fiche-specs dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#5b6c92}.fiche-specs dd{margin:2px 0 0;font-weight:700}
@media(min-width:640px){.fiche-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}

.fiche-map{position:relative;border-radius:14px;overflow:hidden;background:#e9edf3;min-height:260px}
.fiche-map iframe{display:block;width:100%;height:340px;border:0}
.fiche-map button{font:inherit;font-weight:700;border:0;background:var(--orange,#f4671f);color:#fff;border-radius:12px;padding:12px 18px;cursor:pointer;min-height:44px}
.fiche-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;font-size:.92rem}.fiche-links a{color:var(--navy,#152348);font-weight:700;text-decoration:underline}
.fiche-page small{color:#5b6c92}

/* Carte prix / contact : collée en haut sur grand écran, barre fixe en bas sur mobile. */
.fiche-card{background:#fff;border:1px solid var(--line,#e9edf3);border-radius:20px;padding:20px;box-shadow:0 18px 40px -28px rgba(21,35,72,.45)}
@media(min-width:960px){.fiche-card{position:sticky;top:18px}}
.fiche-price{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}
.fiche-price span{font-size:1rem;font-weight:600;color:#5b6c92}
.fiche-card .note{margin:6px 0 14px;color:#5b6c92;font-size:.9rem}
.fiche-card ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}.fiche-card li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1f6;padding-bottom:8px;font-size:.94rem}.fiche-card li b{text-align:right}
.fiche-btn{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-weight:800;font-size:1rem;text-align:center;padding:0 16px}
.fiche-btn.primary{background:var(--orange,#f4671f);color:#fff;box-shadow:0 10px 22px -10px rgba(244,103,31,.6)}
.fiche-btn.ghost{margin-top:10px;background:#fff;border:1px solid #d9e0ec;color:var(--navy,#152348)}
.fiche-docs{margin:16px 0 0;font-size:.88rem;color:#27396a}.fiche-docs h3{font-size:.9rem;margin:0 0 6px}.fiche-docs ul{display:block;margin:0;padding-left:18px;list-style:disc}.fiche-docs li{display:list-item;border:0;padding:0}
.fiche-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line,#e9edf3);box-shadow:0 -10px 30px -20px rgba(21,35,72,.5)}
.fiche-cta-bar strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1.15rem;white-space:nowrap}
.fiche-cta-bar .fiche-btn{flex:1;min-height:46px}
@media(min-width:960px){.fiche-cta-bar{display:none}}

.fiche-block h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1rem;margin:16px 0 4px}
.fiche-block h3:first-of-type{margin-top:0}
.fiche-foot{max-width:1180px;margin:0 auto;padding:6px 20px 100px;color:#5b6c92;font-size:.88rem;line-height:1.6}
.fiche-foot a{color:#27396a;text-decoration:underline}
@media(min-width:960px){.fiche-foot{padding-bottom:48px}}

/* Les « plus » : pictogrammes */
.fiche-plus{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.fiche-plus{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fiche-plus li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line,#e9edf3);border-radius:14px;padding:12px 14px;font-weight:700;font-size:.93rem;line-height:1.25}
.fiche-plus svg{flex:0 0 auto;color:var(--orange,#f4671f);background:#fef0e6;border-radius:10px;padding:7px;width:36px;height:36px;box-sizing:border-box}
/* Avis de l'expert */
.fiche-avis{border-color:#fbd5bb;background:linear-gradient(180deg,#fffaf6,#fff 60%)}
.avis-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.avis-head img{width:72px;height:72px;border-radius:50%;background:#0d1830;flex:0 0 auto;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px -8px rgba(21,35,72,.6)}
.avis-head h2{margin:0}.avis-role{margin:2px 0 0!important;font-size:.88rem;color:#5b6c92!important}
.avis-lists{display:grid;gap:14px;margin-top:6px}@media(min-width:640px){.avis-lists{grid-template-columns:1fr 1fr}}
.avis-lists h3{margin:0 0 6px!important;font-size:.95rem}
.avis-lists ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.avis-lists li{display:flex;gap:8px;align-items:flex-start;font-size:.93rem;line-height:1.4}
.avis-pros svg{flex:0 0 auto;width:18px;height:18px;color:#12803c;margin-top:1px}
.avis-watch li::before{content:"!";flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#fef0e6;color:#a63f06;font-weight:800;font-size:.75rem;display:grid;place-items:center;margin-top:1px}
.fiche-know{margin:0;padding-left:18px;line-height:1.7;color:#27396a}.fiche-know li{margin-bottom:6px}

/* Vidéo de présentation (format vertical, reprise sur les réseaux sociaux) */
.video-frame{display:flex;justify-content:center;background:#0d1830;border-radius:16px;padding:0;overflow:hidden}
.video-frame video{display:block;width:100%;max-width:360px;max-height:70vh;height:auto;aspect-ratio:9/16;background:#0d1830}
.video-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:.92rem}
.video-share span{font-weight:700}
.video-share a,.video-share button{font:inherit;font-weight:700;color:var(--navy,#152348);background:#fff;border:1px solid #d9e0ec;border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.fiche-presse .presse-indic{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin:8px 0 6px}
.fiche-presse .presse-indic>div{background:#f4f7ff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.fiche-presse .presse-val{font-size:28px;font-weight:800;color:#0d2260;line-height:1.1}
.fiche-presse .presse-lab{font-size:13px;font-weight:600;color:#27396a}
.fiche-presse .presse-det{font-size:12px;color:#5b6b95}
.fiche-presse .presse-src{font-size:12px;color:#5b6b95;margin:4px 0 12px}
.fiche-presse .presse-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fiche-presse .presse-list li{border:1px solid #e3e9f7;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.fiche-presse .presse-topic{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c2410c}
.fiche-presse .presse-list a{font-weight:700;color:#0d2260;text-decoration:none}.fiche-presse .presse-list a:hover{text-decoration:underline}
.fiche-presse .presse-meta{font-size:12px;color:#5b6b95}
.fiche-presse .presse-list p{margin:4px 0 0;line-height:1.55;color:#27396a;font-size:14px}
.fiche-plus small{display:block;font-weight:600;font-size:.76rem;color:#5b6b95;margin-bottom:1px}
.fiche-fit p,.fiche-compare p{margin:10px 0 0;line-height:1.55;color:#27396a}
.cmp-table{display:grid;gap:6px;margin-top:10px}
.cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;align-items:center;padding:9px 12px;border:1px solid #e3e9f7;border-radius:12px;font-size:.9rem;color:#27396a}
.cmp-row.cmp-head{background:#f4f7ff;border-color:#f4f7ff;font-weight:700;font-size:.8rem}
.cmp-row b{color:#0d2260}
@media(max-width:520px){.cmp-row{grid-template-columns:1fr 1fr}.cmp-row>span:first-child{grid-column:1/-1;font-weight:700}}
@media(min-width:640px){.fiche-ideal .fiche-plus{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fiche-know{list-style:none;padding-left:0}.fiche-know li{display:flex;gap:10px;align-items:flex-start}
.fiche-know li svg{flex:0 0 auto;width:20px;height:20px;color:#12803c;margin-top:2px}
.presse-topic{display:flex;align-items:center;gap:6px}.presse-topic svg{width:15px;height:15px;color:#c2410c}
.cmp-row>span[role=rowheader]{display:flex;align-items:center;gap:8px;font-weight:600}
.cmp-row>span[role=rowheader] svg{flex:0 0 auto;width:20px;height:20px;color:var(--orange,#f4671f)}
.veh-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.veh-chips .vc{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:12px;border:1.5px solid;font-size:.86rem;font-weight:700}
.veh-chips .vc svg{width:24px;height:24px;flex:0 0 auto}.veh-chips .vc i{font-style:normal;font-weight:800}
.vc-ok{background:#eaf7ee;border-color:#9fd6b1;color:#0f5f2c}.vc-limit{background:#fff4e0;border-color:#f1c27a;color:#8a4a00}.vc-no{background:#fdeaea;border-color:#f0a8a8;color:#9b1c1c}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fit-h{font-size:.98rem;margin:16px 0 0}.fit-link{font-weight:700;color:var(--orange-dark,#dd560f);text-decoration:none}.fit-link:hover{text-decoration:underline}
.fiche-voir ul{list-style:none;padding-left:0}.fiche-voir li{display:block}
.fiche-voir a{color:#dd560f;font-weight:700;text-decoration:none}.fiche-voir a:hover{text-decoration:underline}
.fiche-ville{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;padding:6px 14px 6px 8px;border-radius:999px;background:#fef0e6;color:#b84a0f;font-weight:800;font-size:1rem}
.fiche-ville svg{width:24px;height:24px;color:var(--orange,#f4671f)}
.avis-liens{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.avis-liens a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1.5px solid #f1c8ad;background:#fef0e6;color:#b84a0f;font-weight:800;font-size:.92rem;text-decoration:none}
.avis-liens a:hover{background:#fde3d0}.avis-liens svg{color:var(--orange,#f4671f)}