/* Composants B2B partagés — bloc preuve, simulateur de devis, encart particuliers.
   Chargé uniquement par les pages qui les utilisent (le reste du CSS est inline). */

/* --------------------------- Bloc preuve ---------------------------- */
.proof { display: grid; gap: 2rem; grid-template-columns: 1fr; }
@media (min-width: 900px) { .proof { grid-template-columns: 1.1fr 1fr; align-items: start; } }
.proof__media { display: grid; gap: .8rem; grid-template-columns: 1fr 1fr; }
.proof__media img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius); aspect-ratio: 4 / 5; }
.proof__facts { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.proof__facts li { display: grid; grid-template-columns: 9.5rem 1fr; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--line); }
.proof__facts strong { font-family: var(--sans); font-weight: 500; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--graphite-2); }
@media (max-width: 520px) { .proof__facts li { grid-template-columns: 1fr; gap: .3rem; } }

/* --------------------------- Simulateur ----------------------------- */
.simu { border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.2rem, 3vw, 2rem); background: var(--bg, #fff); }
.simu__grid { display: grid; gap: 1.2rem; grid-template-columns: 1fr; }
@media (min-width: 760px) { .simu__grid { grid-template-columns: repeat(3, 1fr); } }
.simu__result { margin-top: 1.6rem; padding: 1.2rem 1.4rem; border-radius: var(--radius); background: var(--bg-alt); }
.simu__range { font-family: var(--serif); font-size: clamp(1.6rem, 3.5vw, 2.2rem); color: var(--noir-encre); line-height: 1.2; margin: .2rem 0 .4rem; }
.simu__note { font-size: .82rem; color: var(--graphite-2); margin: 0; }
.simu__actions { margin-top: 1.2rem; display: flex; flex-wrap: wrap; gap: .8rem; }

/* --------------------------- Encart particuliers --------------------- */
.b2c-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem;
  padding: 1.2rem 1.4rem; border: 1px dashed var(--accent); border-radius: var(--radius); font-size: .95rem; }
.b2c-note p { margin: 0; max-width: 62ch; }
.b2c-note strong { color: var(--noir-encre); }