/* ==========================================================================
   assets/page/134.css — [134] 안면거상술 전용 컴포넌트
   모든 셀렉터는 .fs-p-134 스코프. 색은 --fs-* 토큰만 쓴다(새 hex 0).
   ========================================================================== */

/* --- 1. 다크 스플릿 히어로 (A01) -----------------------------------------
   좌 카피(--fs-ink-band-2 밴드) / 우 세로 인물. 이 그룹에서 유일한 히어로 형태. */
/* --- A01 히어로 — 풀블리드 인물 (2026-08-28 개편) --------------------------
   전: 좌 다크 패널 카피 / 우 사진 스플릿. 카피가 검은 상자 안에 갇혀
       사진과 «두 장을 맞붙인» 모양으로 읽혔다.
   후: 확정 시안 메인과 같은 아키타입 — 사진이 화면 끝까지 깔리고 그 위에 카피.
       (110 에서 검증한 구조와 같다)
   ★ 사진이 밝은 실내라 카피는 잉크, GNB 오버레이도 잉크 + 크림 스크림으로 간다.
   --------------------------------------------------------------------------- */
.fs-p-134 .fs-facelift-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--fs-cream-2);
  color: var(--fs-ink);
  min-height: clamp(520px, 380px + 12vw, 720px);
  display: grid;
  align-items: center;
}
.fs-p-134 .fs-facelift-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: min(100%, var(--fs-container, 1440px));
  margin-inline: auto;
  padding-inline: var(--fs-gutter, clamp(20px, 8.5px + 3.2vw, 70px));
}
/* 사진을 히어로 배경으로 승격 */
.fs-p-134 .fs-facelift-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  order: 0;
  overflow: hidden;
}
.fs-p-134 .fs-facelift-hero__media picture { display: block; block-size: 100%; }
.fs-p-134 .fs-facelift-hero__media img {
  display: block;
  width: 100%; height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 76% 22%;      /* 인물이 우측 상단 */
}
/* 카피 뒤 크림 스크림 — 사진 노출은 그대로 두고 글자 뒤만 밝힌다 */
.fs-p-134 .fs-facelift-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(250,247,244,.92) 0%,
    rgba(250,247,244,.84) 26%,
    rgba(250,247,244,.58) 42%,
    rgba(250,247,244,.24) 58%,
    rgba(250,247,244,0)   78%);
}
@media (max-width: 599px) {
  .fs-p-134 .fs-facelift-hero { min-height: clamp(540px, 430px + 26vw, 660px); align-items: start; }
  .fs-p-134 .fs-facelift-hero__media img { object-position: center 26%; }
  .fs-p-134 .fs-facelift-hero__media::after {
    background: linear-gradient(180deg,
      rgba(250,247,244,.93) 0%,
      rgba(250,247,244,.80) 30%,
      rgba(250,247,244,.28) 52%,
      rgba(250,247,244,0)   70%);
  }
}
.fs-p-134 .fs-facelift-hero__copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: clamp(12px, 9.7px + 0.641vw, 22px);
  max-width: min(100%, 42ch);
  padding-block: clamp(96px, 60px + 4vw, 150px) clamp(64px, 40px + 3vw, 110px);
  padding-inline: 0;
}
.fs-p-134 .fs-facelift-hero__kicker {
  font-size: var(--fs-t-kicker-lg); font-weight: 700; letter-spacing: var(--fs-ls-wide);
  color: var(--fs-teal-dk);
}
.fs-p-134 .fs-facelift-hero__title {
  color: var(--fs-ink);
  line-height: 1.08;
  font-size: clamp(30px, 20px + 2.0vw, 56px);
}
/* .fs-neon-fg 는 다크 전제의 형광 틸이다. 밝은 히어로에서는 AA 미달이라 되돌린다 */
.fs-p-134 .fs-facelift-hero__title .fs-neon-fg { color: var(--fs-teal-dk); }
.fs-p-134 .fs-facelift-hero__sub { color: var(--fs-ink-soft); max-width: 30em; }

/* GNB 를 사진 위로 — fs.css 의 --overlay 는 어두운 히어로 전제(흰 글자 + 검은 스크림)라
   밝은 히어로에서는 회색 얼룩이 되고 대비가 뒤집힌다. 잉크 + 크림 스크림으로 되돌린다. */
.fs-p-134 .fs-header--overlay {
  color: var(--fs-ink);
  background: transparent;
}
.fs-p-134 .fs-header--overlay::before {
  background: linear-gradient(180deg, rgba(250,247,244,.86) 0%, rgba(250,247,244,.48) 55%, rgba(250,247,244,0) 100%);
}
.fs-p-134 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-134 .fs-header--overlay .fs-util__link:hover { color: var(--fs-teal-dk); opacity: 1; }

  .fs-p-134 .fs-facelift-hero__media { order: 0; }
  .fs-p-134 .fs-facelift-hero__media img {
    position: absolute; inset: 0; aspect-ratio: auto; object-position: 50% 18%;
  }
}

/* --- 2. 수술 정보 표 (A21) — 항목마다 선 아이콘 ------------------------- */
.fs-p-134 .fs-facelift-spec { border-collapse: collapse; }
.fs-p-134 .fs-facelift-spec th[scope="row"] { width: 46%; font-weight: 500; }
.fs-p-134 .fs-facelift-spec__row {
  display: flex; align-items: center; gap: var(--fs-sp-4);
  font-size: var(--fs-t-sub);
}
.fs-p-134 .fs-facelift-spec__ic {
  flex: 0 0 auto; display: grid; place-items: center;
  width: clamp(34px, 31.7px + 0.641vw, 44px); aspect-ratio: 1;
}
.fs-p-134 .fs-facelift-spec__ic img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-134 .fs-facelift-spec td {
  font-size: var(--fs-t-lead); font-weight: 700; color: var(--fs-teal-dk);
}
.fs-p-134 .fs-facelift-spec__media { display: block; width: 100%; overflow: hidden; }
.fs-p-134 .fs-facelift-spec__media img {
  display: block; width: 100%; height: 100%; aspect-ratio: 5 / 3;
  object-fit: cover; object-position: 30% 40%;
}

/* --- 3. 수술 대상 룰 카드 (A23) — 번호 · 아이콘 · 문장 ------------------ */
.fs-p-134 .fs-facelift-targets { grid-auto-rows: 1fr; }
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-targets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.fs-p-134 .fs-facelift-target {
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center; column-gap: var(--fs-sp-5); row-gap: 0;
}
.fs-p-134 .fs-facelift-target__ic {
  display: grid; place-items: center;
  width: clamp(40px, 35.4px + 1.282vw, 60px); aspect-ratio: 1;
}
.fs-p-134 .fs-facelift-target__ic img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-134 .fs-facelift-target .fs-card__title {
  font-size: var(--fs-t-lead); font-weight: 500; line-height: var(--fs-lh-body);
}

/* --- 4. SMAS 5층 범례 스택 --------------------------------------------- */
.fs-p-134 .fs-facelift-anatomy { display: grid; gap: var(--fs-sp-5); }
.fs-p-134 .fs-facelift-anatomy__fig { display: grid; gap: 0; }
.fs-p-134 .fs-facelift-anatomy__fig img { display: block; width: 100%; height: auto; }
.fs-p-134 .fs-facelift-anatomy__fig--detail { width: min(100%, 320px); }
.fs-p-134 .fs-facelift-layers {
  display: grid; gap: var(--fs-sp-1);
  margin-block-start: clamp(24px, 21.2px + 0.769vw, 36px);
}
.fs-p-134 .fs-facelift-layer {
  display: grid; align-items: stretch;
  grid-template-columns: clamp(72px, 58.2px + 3.846vw, 132px) minmax(0, 1fr);
}
.fs-p-134 .fs-facelift-layer img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fs-p-134 .fs-facelift-layer .fs-labelbar {
  justify-content: flex-start; gap: var(--fs-sp-4);
  padding-inline: clamp(12px, 10.2px + 0.513vw, 20px);
  min-height: clamp(38px, 34.8px + 0.897vw, 52px); text-align: start;
}
.fs-p-134 .fs-facelift-layer__no {
  flex: 0 0 auto; font-family: var(--fs-font-en); font-weight: 700;
  font-size: var(--fs-t-sm); opacity: .78;
}

/* --- 5. 다크 비교 밴드 (A10 확장) --------------------------------------- */
.fs-p-134 .fs-facelift-compare-sec .fs-section__bg img { object-position: 72% center; }
.fs-p-134 .fs-facelift-compare-title { margin-block-end: clamp(20px, 16.8px + 0.897vw, 34px); }
.fs-p-134 .fs-facelift-compare-lead {
  max-width: 62ch; margin-inline: auto; text-align: center;
  margin-block-end: clamp(34px, 27.5px + 1.795vw, 62px);
}
.fs-p-134 .fs-facelift-compare .fs-nose-compare__panel img { aspect-ratio: 984 / 422; object-fit: contain; }
.fs-p-134 .fs-facelift-compare .fs-nose-compare__group > .fs-pill { text-align: center; }
.fs-p-134 .fs-facelift-compare .fs-nose-compare__panel .fs-labelbar { margin-block-start: 0; }
.fs-p-134 .fs-facelift-compare .fs-compare__cell { min-height: clamp(64px, 58.2px + 1.603vw, 89px); }

/* --- 6. POINT 카드 (A06 확장) — 하단 라벨바 고정 ------------------------ */
.fs-p-134 .fs-facelift-points > li { display: grid; }
.fs-p-134 .fs-facelift-point {
  display: grid; grid-template-rows: minmax(0, 1fr) auto;
  height: 100%; background: var(--fs-white);
}
.fs-p-134 .fs-facelift-point__body {
  display: grid; justify-items: center; align-content: start;
  gap: clamp(14px, 10.8px + 0.897vw, 28px);
  padding: clamp(24px, 20.8px + 0.897vw, 38px) var(--fs-sp-5) clamp(18px, 15.7px + 0.641vw, 28px);
}
.fs-p-134 .fs-facelift-point .fs-card__icon img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-134 .fs-facelift-point .fs-card__caption {
  font-size: var(--fs-t-body); line-height: var(--fs-lh-body); color: var(--fs-muted);
}
.fs-p-134 .fs-facelift-point .fs-labelbar { min-height: clamp(42px, 38.2px + 1.058vw, 58px); }

/* --- 7. 포시즌 안면거상술 Point 3행 ------------------------------------- */
.fs-p-134 .fs-facelift-craft {
  display: grid; gap: var(--fs-sp-5);
  margin-block-start: clamp(34px, 29.4px + 1.282vw, 54px);
}
.fs-p-134 .fs-facelift-craft__list {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--fs-gap-card);
}
.fs-p-134 .fs-facelift-craft__item {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; gap: var(--fs-sp-5);
  background: var(--fs-white); padding: var(--fs-sp-5);
  border-inline-start: 2px solid var(--fs-teal);
}
.fs-p-134 .fs-facelift-craft__ic {
  display: grid; place-items: center;
  width: clamp(44px, 40.5px + 0.962vw, 59px); aspect-ratio: 1;
}
.fs-p-134 .fs-facelift-craft__ic img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-134 .fs-facelift-craft__txt { font-size: var(--fs-t-lead); line-height: var(--fs-lh-body); }
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-craft__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* --- 8. ★ 시그니처 — 귀 둘레 절개선 트레이스 --------------------------- */
.fs-p-134 .fs-facelift-incision {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-gap-card); align-items: start;
  margin-block-start: clamp(30px, 25.4px + 1.282vw, 50px);
}
.fs-p-134 .fs-facelift-stage {
  position: relative; display: grid; grid-template-rows: auto auto;
  align-content: start; gap: 0;
}
.fs-p-134 .fs-facelift-stage__box { position: relative; display: block; overflow: hidden; }
.fs-p-134 .fs-facelift-stage__box img { display: block; width: 100%; height: auto; }
.fs-p-134 .fs-facelift-stage__svg {
  position: absolute; inset: 0; width: 100%; height: 100%;
}
.fs-p-134 .fs-facelift-trace {
  fill: none; stroke: var(--fs-teal); stroke-width: 6;
  stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 660; stroke-dashoffset: 0;
}
.fs-p-134 .fs-facelift-trace-halo {
  fill: none; stroke: var(--fs-ink); stroke-width: 12; stroke-opacity: .35;
  stroke-linecap: round; stroke-linejoin: round;
}
.fs-p-134 .fs-facelift-incision__copy {
  grid-column: 1 / -1; display: grid; align-content: start; gap: var(--fs-sp-6);
}
.fs-p-134 .fs-facelift-vector { display: grid; grid-template-rows: auto auto; align-content: start; gap: 0; }
.fs-p-134 .fs-facelift-vector img { display: block; width: 100%; height: auto; }
.fs-p-134 .fs-facelift-incision__note { color: var(--fs-muted); }
.fs-p-134 .fs-facelift-figs {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-gap-card);
  margin-block-start: clamp(28px, 24.3px + 1.026vw, 44px);
}
.fs-p-134 .fs-facelift-figs > figure { display: grid; gap: 0; }
.fs-p-134 .fs-facelift-figs img {
  display: block; width: 100%; height: 100%;
  aspect-ratio: 280 / 380; object-fit: cover;
}
/* --- 절개 섹션 레이아웃 개편 (2026-08-28 승인자 지시) ----------------------
   전(3열: 도해·도해·카피)의 실제 결함 셋 —
     ① 우측 카피 열이 70% 비어 있었다(카피는 두 줄인데 열 높이가 도해에 맞춰졌다)
     ② 두 도해의 높이가 달라 라벨바가 서로 다른 높이에 떠 있었다
     ③ 아래 4장이 «도해 2장 + 경과 사진 2장» 인데 구분 없이 한 줄이었다
   후: 좌 = 절개 라인 도해(주인공, 2행 스팬) / 우 = 카피 → SMAS 방향 도해
       아래 4장은 2열로 접어 «도해 행 / 사진 행» 이 저절로 나뉜다.
   ★ DOM 순서(stage → vector → copy)는 안 건드린다. 격자 배치로만 바꾼다.
   --------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-incision {
    grid-template-columns: minmax(0, 830fr) minmax(0, 545fr);
    grid-template-rows: auto 1fr;
    gap: var(--fs-gap-col);
    align-items: start;
  }
  .fs-p-134 .fs-facelift-stage        { grid-column: 1; grid-row: 1 / span 2; }
  .fs-p-134 .fs-facelift-incision__copy { grid-column: 2; grid-row: 1; align-content: start; }
  .fs-p-134 .fs-facelift-vector       { grid-column: 2; grid-row: 2; align-self: end; justify-self: stretch; }
  /* 상한을 걸었더니 도해가 작아지고 카피와의 사이가 비었다 — 열 폭을 다 쓰게 두고
     760:600 비율로 높이를 맞춘다(실측 좌 805 / 우 74+354). */
  .fs-p-134 .fs-facelift-figs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: clamp(30px, 24px + 1.1vw, 48px);
  }
  /* 2열이 되면 칸이 커진다 — 세로로 길쭉한 280/380 은 과하게 커진다 */
  .fs-p-134 .fs-facelift-figs img { aspect-ratio: 5 / 4; }
}

/* 스크롤 진입 시 절개선이 그려진다.
   기본값은 dashoffset 0(완성선)이고, .is-in 이 붙을 때만 키프레임이 660→0 으로 그린다.
   진입 신호를 못 받아도 선이 사라지지 않는다(리빌 초기 은닉은 .fs-reveal 의 opacity 가 맡는다). */
@keyframes fs-facelift-draw { from { stroke-dashoffset: 660; } to { stroke-dashoffset: 0; } }
:root.fs-js .fs-p-134 .fs-reveal.is-in .fs-facelift-trace {
  animation: fs-facelift-draw 1.5s var(--fs-ease, cubic-bezier(.22,.61,.36,1)) forwards;
}
@media (prefers-reduced-motion: reduce) {
  :root.fs-js .fs-p-134 .fs-reveal.is-in .fs-facelift-trace {
    stroke-dashoffset: 0 !important; animation: none !important;
  }
}

/* --- 9. 집도의 4강점 그리드 (A20 확장) ---------------------------------- */
.fs-p-134 .fs-facelift-doctor__fig { display: grid; gap: 0; }
.fs-p-134 .fs-facelift-doctor__fig img {
  display: block; width: 100%; height: 100%;
  aspect-ratio: 545 / 700; object-fit: cover; object-position: 50% 22%;
}
.fs-p-134 .fs-facelift-merit {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--fs-gap-card);
}
.fs-p-134 .fs-facelift-merit__item { display: grid; grid-template-rows: auto auto minmax(0, 1fr); background: var(--fs-white); }
.fs-p-134 .fs-facelift-merit__media { display: block; overflow: hidden; }
.fs-p-134 .fs-facelift-merit__media img {
  display: block; width: 100%; height: 100%;
  aspect-ratio: 760 / 373; object-fit: cover;
}
.fs-p-134 .fs-facelift-merit__desc {
  padding: var(--fs-sp-5); font-size: var(--fs-t-body);
  line-height: var(--fs-lh-body); color: var(--fs-muted);
}
@media (min-width: 600px) {
  .fs-p-134 .fs-facelift-merit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- 10. CTA 밴드 (A24) ------------------------------------------------- */
.fs-p-134 .fs-facelift-cta__grid {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 0;
}
.fs-p-134 .fs-facelift-cta__media { overflow: hidden; }
.fs-p-134 .fs-facelift-cta__media img {
  display: block; width: 100%; height: 100%;
  aspect-ratio: 16 / 9; object-fit: cover; object-position: 22% center;
}
.fs-p-134 .fs-facelift-cta__panel {
  display: grid; align-content: center; gap: var(--fs-sp-7);
  padding: clamp(40px, 33.5px + 1.795vw, 68px) clamp(20px, 8.5px + 3.205vw, 70px);
}
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-cta__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fs-p-134 .fs-facelift-cta__media img { aspect-ratio: auto; height: 100%; min-height: 420px; }
}

/* ==========================================================================
   ▼▼▼ 진단·수정 패스 — 2026-08-27
   렌더·호버 프로브로 실제 확인한 것만 고친다. 근거는 _design/QA/134.md.
   ========================================================================== */

/* --- A. 호버 전용 결함 2건 (스크린샷·vibecheck·qa 어디에도 안 잡힌다) ------
   fs.js:318 은 [data-fs-tilt-inner] 가 없으면 **첫 자식**에 .fs-tilt__inner 를 건다.
   A-1 .fs-facelift-anatomy__fig 는 <img> + <figcaption class="fs-labelbar"> 인데
       첫 자식이 img 라 «도해만» 3D 회전하고 라벨바는 제자리에 남았다.
       4deg 주입 실측: 도해 660→667.1px(라벨바보다 7.1px 넓어짐),
       바닥이 라벨바 위쪽으로 3.4px 파고든다 → LOCK 2 「간격 0 · 폭 일치」가 호버에서 깨진다.
       해부 단면도를 원근 왜곡시키는 것 자체도 의학 도해 취급으로 옳지 않다.
   A-2 .fs-facelift-spec__media 는 overflow:hidden 프레임에 사진이 꽉 차 있어
       회전하면 오른쪽 변이 3.9px 안으로 들어와 «흰 쐐기»가 뜬다.
       → 둘 다 HTML 에서 data-fs-tilt 를 뗐고, 사진 쪽은 아래 D 의 검증된
         「프레임 고정 + 사진만 확대」로 바꾼다. POINT 카드의 틸트는
         [data-fs-tilt-inner]=흰 카드라 카드째 돌고 광택도 흰 면 위에 얹히므로 유지한다. */

/* --- B. 제목 뒤 70px 틸 선 (48 검증분) ---------------------------------- */
.fs-p-134 .fs-nose-head h2 { position: relative; }
.fs-p-134 .fs-nose-head h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-block-start: var(--fs-sp-4);
  background: var(--fs-teal);
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform var(--fs-dur-slow) var(--fs-ease-out) .5s;
}
/* ★ 기본을 「그어진 상태」로 둔다. fs.js 는 첫 화면 대상에 .fs-reveal 을 아예 안 붙이므로
   «.is-in 이면 보이기» 로 짜면 첫 화면 제목의 선이 영원히 안 그어진다. */
:root.fs-js .fs-p-134 h2.fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-134 .fs-reveal:not(.is-in) h2::after { transform: scaleX(0); }

/* --- C. 히어로 — 다크 밴드의 50:50 하드컷을 깬다 [V70 B] ---------------
   사진 평균 휘도 174(≥110)라 사진을 주역으로 키운다.
   카피 열은 1024 에서 현행 512px 그대로 시작해 폭이 커질수록 덜 자란다
   (1024 50% → 1920 42%). 1024 에서 h1 1행 여유가 63px 뿐이라 그 아래로는 못 줄인다.
   음수 마진 겹침은 쓰지 않는다 — 카피 패널의 배경이 밴드 자신이라
   겹쳐도 화면에 새로 드러나는 면이 없다(48 과 달리 여기선 장식일 뿐이다). */
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-hero__grid {
    grid-template-columns: clamp(512px, 175.9px + 32.8vw, 806px) minmax(0, 1fr);
  }
}

/* --- D. 호버 — 프레임은 고정, 사진만 움직인다 (48 검증분) ---------------
   그림자는 쓰지 않는다(2차 규칙). 라벨바 색은 건드리지 않는다 —
   .fs-facelift-figs 는 --mid/--dark 로 전후를 가르고 있어(LOCK 2-e) 색을 덮으면 구분이 죽는다. */
.fs-p-134 .fs-facelift-figs > figure { overflow: hidden; }
.fs-p-134 .fs-facelift-spec__media img,
.fs-p-134 .fs-facelift-merit__media img,
.fs-p-134 .fs-facelift-figs > figure img {
  transition: transform var(--fs-dur-slow) var(--fs-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-134 .fs-facelift-spec__media:hover img,
  .fs-p-134 .fs-facelift-merit__item:hover .fs-facelift-merit__media img,
  .fs-p-134 .fs-facelift-figs > figure:hover img { transform: scale(1.045); }
}

/* --- E. 수술 대상 — 크림 밴드 위 흰 상자 5개 → 헤어라인 열 [V70 E] ------
   상자를 지우면 «상자의 나열»이 사라지고, 마지막 05 가 혼자 남던
   빈 칸도 상자가 없으니 고아로 읽히지 않는다. 틸 2px 룰이 열의 레일이 된다. */
@media (min-width: 1024px) {
  .fs-p-134 .fs-facelift-targets { gap: 0; }
  .fs-p-134 .fs-facelift-target {
    position: relative;
    background: transparent;
    padding: var(--fs-sp-7) var(--fs-sp-7) var(--fs-sp-7) var(--fs-sp-6);
  }
  /* 가로 헤어라인 — 첫 줄을 뺀 모든 줄 위에 */
  .fs-p-134 .fs-facelift-target:nth-child(n+3)::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 1px;
    background: var(--fs-line-input);
  }
}

/* --- F. reduced-motion — 새로 얹은 것만 고정한다 ------------------------ */
@media (prefers-reduced-motion: reduce) {
  .fs-p-134 .fs-nose-head h2::after { transition: none !important; transform: scaleX(1) !important; }
  .fs-p-134 .fs-facelift-spec__media img,
  .fs-p-134 .fs-facelift-merit__media img,
  .fs-p-134 .fs-facelift-figs > figure img { transition: none !important; transform: none !important; }
}

/* --- 수술 정보 표 가운데 정렬 (2026-08-28 승인자 지시) ---------------------
   fs.css 의 .fs-table 은 th·td 가 text-align:start 다.
   ★ 머리(thead)와 몸통을 «같이» 가운데로 옮겨야 한다. 한쪽만 옮기면
     넓은 글자 열에서 머리와 칸이 어긋난다.
   ★ 항목 칸은 아이콘 + 글자 flex 라 text-align 만으로는 안 움직인다.
     justify-content 를 같이 줘야 한다.
   ------------------------------------------------------------------------- */
.fs-p-134 .fs-facelift-spec thead th,
.fs-p-134 .fs-facelift-spec th[scope="row"],
.fs-p-134 .fs-facelift-spec td { text-align: center; }
.fs-p-134 .fs-facelift-spec__row { justify-content: center; }

/* --- POINT 카드 도해 확대 (2026-08-28) -------------------------------------
   선화 아이콘을 3D 도해로 바꾸면서 116px 로는 형태가 안 읽힌다.
   레퍼런스(3D 코 도해)처럼 카드 안에서 «그림» 크기로 키운다. */
.fs-p-134 .fs-facelift-point .fs-card__icon {
  width: clamp(132px, 96px + 6.2vw, 196px);
  aspect-ratio: 1;
}
.fs-p-134 .fs-facelift-point .fs-card__icon img { width: 100%; height: 100%; object-fit: contain; }

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 포유리프팅 = 허니 베이지 #E8D8C2 (body.fs-cat-lifting). A′ 형식(56 형) — 사진은 실내 창가 컷이라
   i2i 배경 교체 대상이 아니다. 색만 틴트로: 카피 뒤 크림 스크림(250,247,244) → 틴트, 헤더 안개·바탕은 공용 블록이 잡는다.
   ========================================================================== */
.fs-p-134 .fs-facelift-hero__media::after {
  background: linear-gradient(90deg,
    rgba(var(--fs-cat), .92) 0%, rgba(var(--fs-cat), .84) 26%, rgba(var(--fs-cat), .58) 42%, rgba(var(--fs-cat), .24) 58%, rgba(var(--fs-cat), 0) 78%);
}
@media (max-width: 599px) {
  .fs-p-134 .fs-facelift-hero__media::after {
    background: linear-gradient(180deg,
      rgba(var(--fs-cat), .93) 0%, rgba(var(--fs-cat), .80) 30%, rgba(var(--fs-cat), .28) 52%, rgba(var(--fs-cat), 0) 70%);
  }
}
.fs-p-134 .fs-facelift-hero__kicker { color: var(--fs-teal-dk); }

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-134-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · 수술정보 표: 항목 칸(46%)에서 「수술시 / 간」「마취방 / 법」 처럼 네 글자가 쪼개졌다 → <600 nowrap.
     어려운 이유 대조 칸 「당기는 / 층」 도 같은 처리(keep-all 은 공백에서 끊는다 — nowrap).
   · balance(전 폭): 대상 카드 제목 · 포인트 기술 li · 의료진 장점 설명 · 라벨바 · 본문.
   · 히어로는 그대로 — 360 에서 리드 마지막 줄이 머리카락에 얹히지만, 이 겹침형은 08-28 승인자 「카피는 히어로 이미지 안」
     (114.css 히어로 개편 주석 · 110·134 같은 구조) 결정이라 스택형(§1-8)으로 바꾸지 않았다. 승인자 확인 대기.
     (같은 날 스택형을 넣었다가 되돌렸다 — 참고: 위 1절 끝 짝 잃은 블록이 img 를 전 폭 absolute 로 만든다.)
   ========================================================================== */
.fs-p-134 .fs-card__title,
.fs-p-134 .fs-facelift-craft__item,
.fs-p-134 .fs-facelift-merit__desc,
.fs-p-134 main .fs-labelbar,
.fs-p-134 main .fs-body { text-wrap: balance; }
@media (max-width: 599px) {
  .fs-p-134 .fs-facelift-spec th[scope="row"],
  .fs-p-134 .fs-facelift-compare .fs-compare__cell--label { white-space: nowrap; }
}