/* ================= SKINVIVE page (shares the laser + lip + Morpheus8 building blocks) ================= */

/* single price card, centered */
.sv-prices{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
/* before & after: static pairs + one combined photo, three across on desktop */
.sv-ba{grid-template-columns:repeat(3,1fr);max-width:1100px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.sv-ba{grid-template-columns:1fr;max-width:480px}}
.sv-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.12)}
.sv-pair figure{position:relative;margin:0}
.sv-pair img,.sv-one img{display:block;width:100%;height:auto;object-fit:cover}
.sv-pair img{aspect-ratio:4/5}
.sv-one{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.12)}
.sv-one img{aspect-ratio:8/5}
.sv-pair .ba-tag,.sv-one .ba-tag{top:14px}.sv-pair .ba-tag.l,.sv-one .ba-tag.l{left:14px}.sv-pair .ba-tag.r,.sv-one .ba-tag.r{right:14px}
@media(max-width:600px){.sv-pair .ba-tag,.sv-one .ba-tag{top:10px;font-size:10px}.sv-pair .ba-tag.l,.sv-one .ba-tag.l{left:10px}.sv-pair .ba-tag.r,.sv-one .ba-tag.r{right:10px}.sv-pair .aft::after,.sv-one::after{width:44px;height:44px}}
/* Pari watermark on the after photo and the combined photo */
.sv-pair .aft::after,.sv-one::after{content:"";position:absolute;right:8px;bottom:6px;width:60px;height:60px;background:url(../img/pari-logo.webp) center/contain no-repeat;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:.75;pointer-events:none}