/* ===== Pages quartiers — habillage V3 (contenu/markup inchangés) ===== */
.qhero,.block,.prose,.sim,.cta-band{--r:#D5012A;--rd:#A30022;--mr:#950536;--ink:#171512;--ink2:#232019;--mut:#6B6B70;--warm:#F7F2EA;--warm2:#EFE7DA;--line:#E8E1D6}
body{background:#fff!important;color:#171512!important;font-family:Montserrat,system-ui,sans-serif!important}
/* HERO */
.qhero{position:relative!important;background:#171512!important;color:#fff!important;padding:56px 0 50px!important;overflow:hidden}
.qhero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(213,1,42,.30),transparent 55%),linear-gradient(0deg,rgba(10,8,6,.5),rgba(10,8,6,.15));pointer-events:none}
.qhero>.wrap{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:0 24px}
.qhero .crumb{font-size:13px!important;color:rgba(255,255,255,.72)!important;margin-bottom:16px!important}
.qhero .crumb a{color:rgba(255,255,255,.88)!important;text-decoration:none}
.qhero h1{font-size:44px!important;font-weight:900!important;line-height:1.06!important;letter-spacing:-.02em!important;max-width:20ch;margin:0 0 22px!important;color:#fff!important}
.qhero .pricebar{display:flex!important;gap:14px!important;flex-wrap:wrap;margin:0 0 14px!important}
.qhero .pricebar .pb{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;padding:14px 18px!important;min-width:148px}
.qhero .pricebar .pb b{display:block!important;font-size:26px!important;font-weight:900!important;color:#fff!important;line-height:1}
.qhero .pricebar .pb span{font-size:12.5px!important;color:rgba(255,255,255,.72)!important}
.qhero .src{font-size:12px!important;color:rgba(255,255,255,.6)!important}
/* PROSE */
.block{padding:58px 0!important}
.block>.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.prose h2{font-size:26px!important;font-weight:800!important;letter-spacing:-.01em!important;color:#171512!important;margin:30px 0 12px!important;padding-left:16px!important;border-left:4px solid #D5012A!important}
.prose h2:first-child{margin-top:0!important}
.prose p{font-size:16.5px!important;line-height:1.7!important;color:#37342e!important;margin:0 0 16px!important}
.prose strong{color:#171512!important}
.morelinks{display:flex!important;flex-wrap:wrap;gap:9px!important;margin-top:26px!important;align-items:center}
.morelinks a{display:inline-block;background:#F7F2EA!important;border:1px solid #E8E1D6!important;border-radius:20px!important;padding:7px 14px!important;font-size:13.5px!important;font-weight:700!important;color:#171512!important;text-decoration:none}
.morelinks a:hover{border-color:#D5012A!important;color:#A30022!important}
.morelinks strong{color:#6B6B70!important;font-weight:800!important;font-size:13px!important}
/* SIMULATEUR */
.sim{background:#fff!important;border:1px solid #E8E1D6!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(20,12,4,.13)!important;padding:22px!important;position:sticky;top:88px}
.sim-head{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:8px!important}
.sim-head>span{font-size:12px!important;font-weight:800!important;color:#D5012A!important;letter-spacing:.06em!important;text-transform:uppercase}
.sim-head small{color:#6B6B70!important;font-weight:700!important;font-size:12px!important}
.progress{height:6px!important;background:#EFE7DA!important;border-radius:4px!important;overflow:hidden;margin-bottom:6px}
.progress>span,.progress #bar{background:#D5012A!important;display:block;height:100%}
.sim .q{font-weight:800!important;font-size:17px!important;color:#171512!important;margin:8px 0 2px!important}
.sim .opts,.sim .row3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;margin:14px 0!important}
.sim .opt{border:1.6px solid #E8E1D6!important;border-radius:12px!important;padding:14px!important;text-align:center;font-weight:700!important;font-size:14px!important;cursor:pointer;background:#fff!important;color:#171512!important;transition:.12s}
.sim .opt:hover{border-color:#c9b79a!important}
.sim .opt.sel{border-color:#D5012A!important;background:#fdeef1!important;color:#A30022!important;box-shadow:0 0 0 2px rgba(213,1,42,.14)!important}
.sim .opt .ic{display:block!important;font-size:22px!important;margin-bottom:4px}
.sim select,.sim input{width:100%!important;border:1.6px solid #E8E1D6!important;border-radius:12px!important;padding:12px 14px!important;font-size:15px!important;font-family:inherit!important;margin:12px 0!important;background:#fff!important;color:#171512!important;box-sizing:border-box}
.sim .nav-btns{display:flex!important;justify-content:space-between;gap:10px;margin-top:6px}
.sim .btn{height:46px!important;padding:0 18px!important;border-radius:11px!important;font-weight:800!important;font-size:15px!important;display:inline-flex!important;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none}
.sim .btn-primary{background:#D5012A!important;color:#fff!important;box-shadow:0 8px 22px rgba(213,1,42,.28)}
.sim .btn-primary:hover{background:#A30022!important}
.sim .btn-primary[disabled]{opacity:.45!important;box-shadow:none!important;pointer-events:none}
.sim .btn-ghost{background:transparent!important;border:1.6px solid #E8E1D6!important;color:#171512!important}
.sim .result{background:linear-gradient(120deg,#D5012A,#950536)!important;color:#fff!important;border-radius:14px!important;padding:20px!important;text-align:center;margin-bottom:14px}
.sim .result .label{font-size:12px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;opacity:.92;color:#fff!important}
.sim .result .price{font-size:28px!important;font-weight:900!important;line-height:1.12;margin:4px 0;color:#fff!important}
.sim .result .perm2{font-size:13px!important;opacity:.94;color:#fff!important}
.sim .buyers{background:#F7F2EA!important;border:1px solid #E8E1D6!important;border-radius:12px!important;padding:14px!important;font-size:14px!important;color:#232019!important;line-height:1.5;margin-bottom:14px}
.sim .lead h4{font-size:16px!important;margin:4px 0 10px!important;color:#171512!important}
.sim .lead .fields{display:grid!important;gap:10px!important}
.sim .disclaimer{font-size:11px!important;color:#6B6B70!important;line-height:1.45;margin-top:10px}
.sim #leadOk{margin-top:10px!important;font-weight:700}
/* CTA band */
.cta-band{background:linear-gradient(120deg,#D5012A,#950536)!important;color:#fff!important;border-radius:18px!important;padding:34px 30px!important;text-align:center}
.cta-band h2{color:#fff!important;font-size:28px!important;font-weight:900!important;margin:0 0 6px!important}
.cta-band p{color:rgba(255,255,255,.9)!important;margin:0 0 18px!important}
.cta-band a{display:inline-flex;align-items:center;gap:8px;background:#fff!important;color:#D5012A!important;font-weight:800!important;border-radius:11px!important;padding:12px 22px!important;text-decoration:none;margin:4px}
.cta-band a.sec{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.7)!important}
@media(max-width:900px){
 .block>.wrap[style]{grid-template-columns:1fr!important}
 .sim{position:static!important;margin-top:26px}
 .qhero h1{font-size:31px!important}
 .sim .opts,.sim .row3{grid-template-columns:1fr!important}
}
