/* ══════════════════════════════════════════════════════════
   오브의원 · 부위별 시술 추천 (partial-procedures) 페이지 전용
   접두사 .pp- · site.css 는 손대지 않는다.
   부위 도해는 site.css 의 .face / .pt / .face__list 를 그대로 쓴다
   (SVG 라벨 크기가 이미 375 기준으로 잡혀 있다).
   ══════════════════════════════════════════════════════════ */

/* ── 01 hero — 한 장으로 두 비율을 만족시키지 않는다 ────── */
.pp-hero__d{display:none}
/* 인물이 화면 한가운데 오면 제목이 얼굴 위에 얹힌다 — Y 를 키워 인물을 위로 올리고
   아래쪽은 그라디언트가 덮는 빈 자리로 남긴다(모바일 실측). */
.pp-hero__m{display:block; --phero-pos:50% 62%}
@media (min-width:760px){
  .pp-hero__d{display:block; --phero-pos:60% 34%}
  .pp-hero__m{display:none}
}

/* ── 02 사진 ────────────────────────────────────────────── */
.pp-fig img{width:100%; aspect-ratio:4/3; object-fit:cover; object-position:50% 34%; border-radius:var(--r-card)}

/* ── 03 부위 지도 — 목록이 12줄이라 넓은 폭에서 2열로 접는다 ── */
@media (min-width:1040px){
  .pp-map .face__list{grid-template-columns:1fr 1fr; column-gap:1.6rem}
}

/* ── 04·06·08 부위 행 안의 연결 시술 링크 ───────────────── */
.pp-go{display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.9rem}
.pp-go a{
  display:inline-flex; align-items:center; min-height:44px; padding-inline:1rem;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-pill);
  font-size:var(--f-sub); font-weight:600; color:var(--brand); text-decoration:none;
  transition:border-color .2s, background .2s;
}
.pp-go a:hover{border-color:var(--accent)}
.edit__r--lead .pp-go a{background:#fff}
.edit__t i{font-style:normal; font-size:var(--f-sub); color:var(--muted); font-weight:500}

/* 부위 행의 「고민 / 접근」 라벨은 본문 안의 굵은 글씨로 처리한다 —
   별도 배지를 만들면 12곳에서 반복돼 화면이 시끄러워진다. */
.edit__d b{white-space:nowrap}

/* ── 05 분석 화면(대표 사진보다 작게) ───────────────────── */
.pp-screen{margin-top:1.5rem}
.pp-screen img{
  width:100%; aspect-ratio:16/9; object-fit:cover;
  border:1px solid var(--line); border-radius:var(--r-card); background:var(--soft);
}

/* ── 07 비교표 ──────────────────────────────────────────── */
.pp-cap{
  caption-side:top; text-align:left; padding-bottom:.7rem;
  font-size:var(--f-cap); color:var(--muted);
}
.cmp .txtlink{margin-top:0; min-height:44px}

/* ── 09 상담 원칙 ───────────────────────────────────────── */
.pp-rule{margin-top:1.5rem; border-top:1px solid var(--line)}
.pp-rule li{
  display:grid; grid-template-columns:auto 1fr; column-gap:1.1rem; align-items:baseline;
  padding:.9rem 0; border-bottom:1px solid var(--line-s);
}
.pp-rule b{
  font-family:var(--serif); font-size:var(--f-sub); color:var(--accent);
  letter-spacing:.02em; white-space:nowrap;
}
.pp-rule span{font-size:var(--f-sub); color:var(--body-c); line-height:1.7}

/* ── 12 마무리 ──────────────────────────────────────────── */
.pp-end{max-width:60ch; margin-inline:auto; text-align:center}
.pp-chips{justify-content:center; margin-top:1.6rem}
.pp-end .cap{margin-top:1.1rem}