/* ============================================================
   inner-pro.css - couche "Pro Max" pour les pages internes
   Charge APRES commune-v2.css + pages-v2.css. Reutilise leurs
   tokens (--red emeraude, --ink, --paper, --brass...). 2026-06-24.
   ============================================================ */

/* ---------- Page hero avec image + overlay ---------- */
.phero{position:relative;overflow:hidden;background:var(--ink);border-bottom:1px solid var(--line);
  padding:46px 0 44px}
.phero .wrap{position:relative;z-index:3}
.phero-bg{position:absolute;inset:0;z-index:0}
.phero-bg img{width:100%;height:100%;object-fit:cover;opacity:.34;transform:scale(1.02)}
.phero::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(80% 90% at 88% 0,rgba(var(--red-rgb),.20),transparent 60%),
  linear-gradient(180deg,rgba(20,17,16,.55),var(--ink) 92%)}
.phero .crumb{margin-bottom:16px}
.phero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(32px,5vw,56px);line-height:1.03;color:#fff;max-width:18ch;margin:6px 0 0}
.phero h1 em{font-style:normal;color:var(--red)}
.phero .sub{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.72);max-width:600px;margin-top:15px}
.phero .price-pill{display:inline-flex;align-items:baseline;gap:8px;margin-top:18px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.phero .price-pill span{font-size:12px;color:var(--steel);font-weight:600}
.phero .price-pill b{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;color:#fff;font-weight:800}

/* trust chips sous le hero */
.phero .h-chips{margin-top:20px}

/* double CTA (appeler + devis) + lien rappel */
.dualcta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.btn-call{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(165deg,var(--red),var(--red-dk));
  color:#fff;text-decoration:none;border-radius:13px;padding:14px 22px;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:18px;
  box-shadow:0 12px 30px var(--red-glow)}
.btn-call svg{width:19px;height:19px}
.btn-quote{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);
  color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:13px;
  padding:14px 20px;font-weight:700;font-size:15.5px;transition:background .2s,border-color .2s}
.btn-quote:hover{background:rgba(255,255,255,.12);border-color:var(--red)}
.btn-quote svg{width:18px;height:18px;color:var(--red)}
.callback-link{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.78);
  font-size:14px;font-weight:600;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.callback-link svg{width:16px;height:16px;color:var(--red)}

/* ---------- Bande stats (count-up) ---------- */
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.statrow .st{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.statrow .st .v{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(22px,3vw,30px);color:#fff;line-height:1}
.statrow .st .v .u{font-size:14px;color:var(--brass);margin-left:2px}
.statrow .st .l{font-size:12px;color:var(--steel);margin-top:6px;font-weight:600}
@media(max-width:620px){.statrow{grid-template-columns:1fr 1fr}}

/* ---------- Layout principal : prose + aside collant ---------- */
.shell{background:var(--paper);color:var(--txt);padding:60px 0}
.shell .wrap{display:grid;grid-template-columns:1fr 340px;gap:42px;align-items:start}
.shell .prose{max-width:none;margin:0}
@media(max-width:940px){.shell .wrap{grid-template-columns:1fr;gap:30px}}

.aside{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
@media(max-width:940px){.aside{position:static}}
.acard{background:#fff;border:1px solid var(--line-d);border-radius:18px;padding:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.06)}
.acard.dark{background:linear-gradient(160deg,var(--ink2),var(--ink3));border-color:var(--line);color:#fff}
.acard.dark h3{color:#fff}
.acard h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:18px;color:var(--txt);margin:0 0 4px}
.acard .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--green);margin-bottom:10px}
.acard .big-num{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:26px;color:#fff;margin:6px 0 2px;letter-spacing:.01em}
.acard .big-num a{color:#fff;text-decoration:none}
.acard p{font-size:13.5px;line-height:1.6;color:var(--mut);margin:0 0 14px}
.acard.dark p{color:rgba(255,255,255,.7)}
.acard .btn-call{width:100%;justify-content:center;font-size:17px}
.acard .mini-form{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.acard .mini-form input,.acard .mini-form select{width:100%;padding:12px 13px;border:1px solid #d8d2c6;border-radius:10px;
  font-family:inherit;font-size:15px;color:var(--txt);background:#fbf9f5}
.acard .mini-form input:focus,.acard .mini-form select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
.acard .mini-form button{border:0;cursor:pointer;background:linear-gradient(165deg,var(--red),var(--red-dk));color:#fff;
  border-radius:11px;padding:13px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15.5px}
.acard .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.acard .reassure{display:flex;flex-direction:column;gap:9px;margin-top:4px;list-style:none;padding:0}
.acard .reassure li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--txt);line-height:1.4}
.acard.dark .reassure li{color:#fff}
/* lien secondaire dans la bande verte : texte souligne, pas un bouton blanc */
.cta-strip a.cta-alt{background:none;color:#fff;border-radius:0;padding:0;box-shadow:none;
  font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.cta-strip a.cta-alt:hover{opacity:.85}
.acard .reassure svg{width:17px;height:17px;color:var(--red);flex:0 0 auto;margin-top:1px}

/* ---------- Etapes process ---------- */
.steps2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.steps2 .s{position:relative;background:#fff;border:1px solid var(--line-d);border-radius:14px;padding:22px 18px}
.steps2 .s .n{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:14px;color:#fff;
  width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--red),var(--red-dk));
  display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.steps2 .s h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:16px;color:var(--txt);margin:0 0 6px}
.steps2 .s p{font-size:13.5px;line-height:1.55;color:var(--mut);margin:0}
@media(max-width:820px){.steps2{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps2{grid-template-columns:1fr}}

/* ---------- Tableau de prix premium ---------- */
.ptable{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 8px;font-size:15px;
  background:#fff;border:1px solid var(--line-d);border-radius:14px;overflow:hidden}
.ptable th,.ptable td{text-align:left;padding:14px 18px;border-bottom:1px solid #ece5d8}
.ptable thead th{background:var(--ink);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:13.5px}
.ptable tbody tr:last-child td{border-bottom:0}
.ptable tbody tr:hover{background:#faf7f1}
.ptable .p{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--red-dk);white-space:nowrap}
.ptable td small{color:var(--mut)}

/* ---------- Cartes "autres prestations" avec vignette ---------- */
.relgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:10px}
.relc{display:block;text-decoration:none;background:#fff;border:1px solid var(--line-d);border-radius:14px;
  overflow:hidden;transition:transform .25s var(--fx-ease,ease),box-shadow .25s}
.relc:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.12)}
.relc .thumb{height:120px;background:var(--ink3);overflow:hidden}
.relc .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--fx-ease,ease)}
.relc:hover .thumb img{transform:scale(1.06)}
.relc .b{padding:15px 16px}
.relc .b h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15.5px;color:var(--txt);margin:0 0 4px}
.relc .b p{font-size:12.5px;color:var(--mut);margin:0}
.relc .b .go{display:inline-block;margin-top:9px;font-size:12.5px;font-weight:700;color:var(--red)}

/* ---------- liste a coches (avantages) ---------- */
.checks{list-style:none;padding:0;margin:6px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:#3a342c}
.checks svg{width:19px;height:19px;color:var(--red);flex:0 0 auto;margin-top:2px}
@media(max-width:560px){.checks{grid-template-columns:1fr}}

/* ---------- FAQ inline (reutilise commune-v2 .faq-* sur fond clair) ---------- */
.faq-light .faq-it{border-bottom:1px solid #e3ddd0}
.faq-light .faq-q{color:var(--txt);font-weight:700}
.faq-light .faq-q:hover{background:rgba(0,0,0,.02)}
.faq-light .faq-ic{border-color:#d8d2c6;color:var(--red)}
.faq-light .faq-it.open .faq-ic{background:var(--red);color:#fff;border-color:var(--red)}
.faq-light .faq-ai{color:#4a443c}

/* section claire generique */
.lightsec{background:var(--paper);color:var(--txt);padding:56px 0}
.lightsec .eye{color:var(--red-dk)}
.lightsec h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(25px,3.3vw,36px);color:var(--txt);margin:8px 0 6px;line-height:1.1}
.lightsec .sec-sub{font-size:15.5px;color:var(--mut);max-width:620px;margin-bottom:24px}
.darksec{background:linear-gradient(160deg,#16110E,#1E1611,#16110E);color:#fff;padding:64px 0}
.darksec .eye{color:var(--brass)}
.darksec h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(25px,3.3vw,36px);color:#fff;margin:8px 0 6px}
.darksec .sec-sub{font-size:15.5px;color:rgba(255,255,255,.6);max-width:620px;margin-bottom:24px}