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

/* at a glance */
.m8-glance{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.m8-glance div{padding:26px 26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surf) 55%,transparent)}
.m8-glance span{display:block;margin-bottom:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--acc) 75%,var(--head))}
.m8-glance b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;line-height:1.3;color:var(--head)}

/* treatment areas: face + body columns */
.m8-areas{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.m8-col{padding:30px 32px 26px;background:var(--surf);border:1px solid var(--line);border-top:2px solid var(--acc);border-radius:16px}
.m8-col h3{font-size:22px;margin-bottom:10px}
.m8-col ul{list-style:none;margin:0;padding:0}
.m8-col li{display:flex;flex-direction:column;gap:3px;padding:14px 0;border-bottom:1px solid var(--line)}
.m8-col li:last-child{border-bottom:0;padding-bottom:0}
.m8-col li b{font-weight:500;font-size:15px;color:var(--head)}
.m8-col li span{font-size:14px;line-height:1.5;color:var(--text)}

/* second video + candidacy */
.m8-watch .wrap{grid-template-columns:.8fr 1.2fr}
.m8-reel{position:relative;justify-self:center;width:100%;max-width:320px;margin:0;aspect-ratio:9/16;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent),0 30px 60px rgba(0,0,0,.16)}
.m8-reel video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.m8-note{margin-top:20px;font-size:13.5px;color:var(--muted);font-style:italic}

/* full price menu: face + body tables */
.m8-menu{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.m8-pt{width:100%;border-collapse:collapse}
.m8-pt th,.m8-pt td{padding:11px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px;vertical-align:middle}
.m8-pt td{text-align:right;padding-left:14px;white-space:nowrap;font-family:var(--serif);font-style:italic;font-weight:500;font-size:20px;color:color-mix(in srgb,var(--acc) 72%,var(--head))}
.m8-pt thead th,.m8-pt thead td{font-family:var(--sans);font-style:normal;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.m8-pt tbody th{font-weight:500;color:var(--head)}
.m8-pt tbody tr:last-child th,.m8-pt tbody tr:last-child td{border-bottom:0}
.m8-pt tr.pop th i{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--acc);color:#fff;font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;vertical-align:2px}

@media(max-width:860px){
  .m8-glance{grid-template-columns:1fr 1fr;margin-top:36px}
  .m8-glance div{padding:18px 14px 16px}
  .m8-glance b{font-size:17px}
  .m8-areas{grid-template-columns:1fr;gap:18px;margin-top:36px}
  .m8-col{padding:24px 22px 20px}
  .m8-menu{grid-template-columns:1fr;gap:18px;margin-top:36px}
  .m8-pt th,.m8-pt td{font-size:13.5px}
  .m8-pt td{font-size:17px;padding-left:10px}
  .m8-pt tr.pop th i{display:table;margin:5px 0 0}
  .m8-watch .wrap{grid-template-columns:1fr}
  .m8-reel{max-width:none;aspect-ratio:4/5}
  .m8-reel video{object-position:50% 40%}
}
/* section videos: wider and shorter on desktop */
@media(min-width:861px){.m8-watch .m8-reel{max-width:420px;aspect-ratio:4/5}}
/* phones: longer banner headline scales down a touch so it never overflows */
/* desktop: keep "Smoother · Firmer" clear of the photo */
@media(min-width:601px){.lp-hero h1.m8-h1{font-size:clamp(40px,4.6vw,66px)}}
@media(max-width:600px){.lp-hero h1.m8-h1{font-size:min(40px,calc((100vw - 40px) * .095))}}
/* Morpheus8 face map: area label sits at the top so the neck dots stay visible */
.fmap-sec .fm-photo .fm-label{top:16px;bottom:auto}
/* face-only price menu: one centered table, PRP note lined up beneath it */
.m8-menu.m8-one{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}
#pricing .m8-one+.pextra{max-width:620px;margin-left:auto;margin-right:auto;justify-content:center}
/* Morpheus8 face before & after: static side-by-side pairs (manufacturer photos, no Pari watermark) */
.mf-ba{max-width:1100px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.mf-ba{grid-template-columns:1fr;max-width:480px}}
/* Pari watermark only on Pari's own photos */
.mf-pair.wm .aft::after{content:"";position:absolute;right:8px;bottom:6px;width:56px;height:56px;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}
@media(max-width:600px){.mf-pair.wm .aft::after{width:44px;height:44px}}
.mf-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)}
.mf-pair figure{position:relative;margin:0}
.mf-pair img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.mf-pair .ba-tag{top:14px}.mf-pair .ba-tag.l{left:14px}.mf-pair .ba-tag.r{right:14px}
@media(max-width:600px){.mf-pair .ba-tag{top:10px;font-size:10px}.mf-pair .ba-tag.l{left:10px}.mf-pair .ba-tag.r{right:10px}}
/* hero: InMode verified provider badge */
.m8-verified{display:flex;align-items:center;gap:14px;margin-top:28px}
.m8-verified img{width:84px;height:auto;flex:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.m8-verified b{display:block;font-weight:500;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--D-head,#fff)}
.m8-verified small{display:block;font-size:13px;opacity:.7;margin-top:2px}
@media(max-width:860px){.m8-verified{flex-direction:column;text-align:center;gap:10px}}
@media(max-width:600px){.m8-verified img{width:68px}}
/* why Morpheus8 checklist + three series cards */
.m8-why{max-width:760px;margin:40px auto 0}
.lp-goals.m8-series{grid-template-columns:repeat(3,1fr);max-width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.lp-goals.m8-series{grid-template-columns:1fr}}
/* What It Treats without the video: centered single column */
.m8-nophoto .wrap{grid-template-columns:1fr;max-width:760px}
/* why Morpheus8: device photo beside the checklist */
.lp-split .m8-device{margin:0;display:flex;justify-content:center;background:none;box-shadow:none;border:0;border-radius:0;aspect-ratio:auto;overflow:visible}
.lp-split .m8-device::before,.lp-split .m8-device::after{display:none}
.m8-device img{width:100%;max-width:170px;height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.18))}
@media(max-width:860px){.m8-device img{max-width:120px}}
/* verified badge inside Why Morpheus8 (light background) */
.m8-why-sec .m8-verified b{color:var(--L-head)}
.m8-why-sec .m8-verified small{color:var(--L-muted);opacity:1}
.m8-why-sec .m8-verified img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}