/* Revive Point - before/after client result blocks on service pages (additive).
   New file 2026-06-06: loaded ONLY by the 3 service pages that show results
   (skinpen-microchanneling, acne-program, glacial-rx-cryofacial).
   Cache rule: never edit in place - any change = rename to results-v2.css + rewire those pages. */

.rp-results{padding:0 0 72px}
.rp-results-card{padding:56px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
.rp-results-copy{display:flex;flex-flow:column;gap:18px;align-items:flex-start}
.rp-results-copy p{font-size:17px;line-height:1.55;max-width:520px}
.rp-results-copy .rp-btn{margin-top:6px}
.rp-ba{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#ddbfb1;box-shadow:rgba(0,0,0,.1) 0 2px 4px,rgba(0,0,0,.05) 0 1px 0}
.rp-ba img{width:100%;height:auto;display:block}
.rp-ba-label{position:absolute;left:14px;padding:7px 14px;border-radius:49px;background:rgba(241,234,228,.92);color:#3a322a;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:rgba(0,0,0,.1) 0 2px 4px}
.rp-ba-before{top:14px}
.rp-ba-after{bottom:14px}
.rp-results-note{font-size:13px;color:#968380;line-height:1.5;text-align:center;max-width:720px;margin:18px auto 0}

@media (max-width:899.98px){
  .rp-results{padding:0 0 56px}
  .rp-results-card{grid-template-columns:1fr;padding:36px 24px;gap:28px}
  .rp-ba{width:100%;max-width:340px;justify-self:center}
}