/* Social proof: section-level hooks on top of the ported design CSS.

   misfit/css/pdp.css draws .proof, .proof-stats, .proof-stat and .proof-quote
   exactly as the approved design does, including the mobile switch to a single
   column and the icon-beside-text stat row. Only the settings-driven part is
   here. */

.proof {
  background: var(--mm-proof-bg, #0e0820);
}

/* pdp.css reserves 78px at the bottom of .misfit-page below 860px so the fixed
   buy bar cannot cover the end of the page. The design applies that once, to
   <body>; here every section root carries .misfit-page, so this band gives the
   space back at the design's own value and the last band on the template keeps
   the clearance for the whole page. */
@media (max-width: 860px) {
  .proof.misfit-page {
    padding-bottom: 58px;
  }
}