/* ==========================================================================
   52 · 복코 (bulbous-nose) — 이 페이지에만 필요한 규칙
   전부 .fs-p-52 스코프. 색은 --fs-* 토큰만 쓴다(새 hex 0).
   전용 컴포넌트
     .fs-bulb-hero   크림 타이포 히어로 + 코끝 도해 3컷 프리뷰
     .fs-bulb-type   복코 유형 카드(도해 + 라벨바 + 설명 + 술식 점프 필)
     .fs-bulb-tab    수술방법 캐러셀의 유형 판별 탭(도트를 라벨 탭으로 확장)
     .fs-bulb-spec   수술정보 표(행 머리에 아이콘)
     .fs-bulb-feat   포시즌 복코 특징 룰 카드(.fs-card--rule 확장 + 아이콘)
   ========================================================================== */

/* --- A01 · 크림 타이포 히어로 -------------------------------------------
   사진이 없는 히어로라 .fs-hero 기본값(타우프 배경 + 흰 글자)을 되돌린다. */
.fs-p-52 .fs-bulb-hero {
  background: var(--fs-cream);
  color: var(--fs-ink);
  min-height: clamp(340px, 313.3px + 7.4vw, 456px);
  padding-block: var(--fs-sp-9);
}
.fs-p-52 .fs-bulb-hero__grid {
  display: grid; gap: var(--fs-sp-9);
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.fs-p-52 .fs-bulb-hero__copy { justify-items: start; text-align: start; gap: var(--fs-sp-4); }
.fs-p-52 .fs-bulb-hero .fs-hero__kicker { color: var(--fs-teal-dk); font-weight: 600; }
.fs-p-52 .fs-bulb-hero .fs-hero__title { color: var(--fs-ink); line-height: 1.3; }
.fs-p-52 .fs-bulb-hero__rule {
  display: block; width: clamp(56px, 47.7px + 2.3vw, 92px); height: 3px;
  background: var(--fs-teal); margin-block-start: var(--fs-sp-3);
}
.fs-p-52 .fs-bulb-hero__strip {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 5.2px + 0.78vw, 20px); align-items: end;
  margin-block-start: var(--fs-sp-2);
}
.fs-p-52 .fs-bulb-hero__fig {
  display: grid; grid-template-rows: minmax(0, 1fr) auto;
  background: var(--fs-white); padding-block-start: clamp(6px, 3.7px + 0.64vw, 16px);
}
.fs-p-52 .fs-bulb-hero__ill {
  justify-self: center; align-self: end;
  width: clamp(64px, 41.5px + 6.25vw, 160px); height: auto;
}
.fs-p-52 .fs-bulb-hero__fig .fs-labelbar {
  min-height: clamp(26px, 23.7px + 0.64vw, 36px);
  font-size: clamp(11px, 9.8px + 0.32vw, 16px);
  padding-inline: var(--fs-sp-1);
}
@media (min-width: 1024px) {
  .fs-p-52 .fs-bulb-hero__grid {
    grid-template-columns: minmax(0, 700fr) minmax(0, 620fr);
    column-gap: clamp(32px, 4.6px + 2.85vw, 80px);
  }
}

/* --- A11 · 복코의 유형 카드 ----------------------------------------------
   fs.css 의 .fs-nose-dz__cards 는 모든 폭에서 3열 고정이다. 57 은 카드 안이
   도해+라벨바뿐이라 버티지만, 여기는 설명문과 점프 필이 들어가므로
   767 이하에서 1열로 풀지 않으면 글자가 두 자씩 쪼개진다. */
.fs-p-52 .fs-bulb-dz__sub { margin-block-start: var(--fs-sp-2); }
.fs-p-52 .fs-bulb-dz__body { margin-block-start: var(--fs-sp-3); color: var(--fs-muted); }
.fs-p-52 .fs-bulb-dz__cardhead { margin-block-start: var(--fs-sp-7); }
.fs-p-52 .fs-bulb-type {
  display: grid; grid-template-rows: auto auto 1fr; align-content: start;
  background: var(--fs-white); padding-block-end: var(--fs-sp-5);
}
.fs-p-52 .fs-bulb-type__fig { padding-block-start: var(--fs-sp-4); }
.fs-p-52 .fs-bulb-type__ill {
  width: clamp(96px, 60.7px + 9.8vw, 250px);
  max-width: 100%; margin-inline: auto;
}
.fs-p-52 .fs-bulb-type__desc {
  margin-block-start: var(--fs-sp-4);
  padding-inline: var(--fs-sp-3); text-align: center; line-height: var(--fs-lh-body);
}
.fs-p-52 .fs-bulb-type__jump {
  justify-self: center; align-self: end;
  margin-block-start: var(--fs-sp-4);
  text-decoration: none;
}
@media (max-width: 767px) {
  .fs-p-52 .fs-bulb-dz__cards { grid-template-columns: minmax(0, 1fr); }
  .fs-p-52 .fs-bulb-type__ill { width: clamp(150px, 120px + 8vw, 220px); }
}

/* --- A21 · 수술정보 표 (행 머리 아이콘) --------------------------------- */
.fs-p-52 .fs-bulb-spec__head { justify-items: center; margin-block-end: var(--fs-gap-title); }
.fs-p-52 .fs-bulb-spec .fs-table th[scope="row"] {
  display: flex; align-items: center; gap: var(--fs-sp-3);
  font-weight: 600; color: var(--fs-ink);
}
.fs-p-52 .fs-bulb-spec__ico {
  flex: 0 0 auto; display: grid; place-items: center;
  width: clamp(30px, 27.7px + 0.64vw, 40px); height: clamp(30px, 27.7px + 0.64vw, 40px);
}
.fs-p-52 .fs-bulb-spec__ico img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-52 .fs-bulb-spec .fs-table td { font-size: var(--fs-t-lead); font-weight: 600; }

/* --- A06 · 수술대상 (좌 모델 / 우 4 POINT) ------------------------------ */
.fs-p-52 .fs-bulb-who__cards { margin-block-start: var(--fs-gap-title); }
.fs-p-52 .fs-bulb-who__card {
  background: var(--fs-cream-2);
  gap: clamp(14px, 11.7px + 0.64vw, 24px);
  padding-block: clamp(18px, 15.2px + 0.78vw, 30px);
  height: 100%;
}
/* fs.css 의 .fs-card__icon 은 aspect-ratio:1 + max-content 행이라 세로형 소스에서
   무너진다. 박스와 img 양쪽에 같은 px 를 박고 contain 으로 레터박싱한다. */
.fs-p-52 .fs-bulb-who__icon {
  aspect-ratio: auto;
  width: clamp(56px, 49.1px + 1.92vw, 86px); height: clamp(56px, 49.1px + 1.92vw, 86px);
}
.fs-p-52 .fs-bulb-who__icon img {
  width: clamp(56px, 49.1px + 1.92vw, 86px); height: clamp(56px, 49.1px + 1.92vw, 86px);
  object-fit: contain;
}
.fs-p-52 .fs-bulb-who__photo .fs-doctor__frame { display: block; overflow: hidden; }
.fs-p-52 .fs-bulb-who__photo img { display: block; width: 100%; height: auto; }
@media (max-width: 1023px) {
  .fs-p-52 .fs-bulb-who__photo { max-width: 420px; margin-inline: auto; }
}

/* --- A13 · 수술방법 캐러셀 + 유형 판별 탭 ------------------------------- */
/* .fs-nose-tx__track 은 flex 라 슬라이드가 최장 높이로 stretch 되고, 그 여분이
   grid 행에 분배돼 <1024 에서 라벨바가 도해에서 떨어져 뜬다. */
.fs-p-52 .fs-bulb-tx .fs-nose-tx__slide,
.fs-p-52 .fs-bulb-tx .fs-nose-tx__card { align-content: start; }
.fs-p-52 .fs-bulb-tx .fs-nose-tx__card .fs-labelbar { font-size: var(--fs-t-sm); }
.fs-p-52 .fs-bulb-tx__no { margin-block-end: var(--fs-sp-3); }
.fs-p-52 .fs-bulb-tx__step { margin-block-start: var(--fs-sp-6); }
.fs-p-52 .fs-bulb-tx__step + .fs-body { margin-block-start: clamp(9px, 8px + 0.29vw, 13.5px); }
.fs-p-52 .fs-bulb-tx .fs-nose-tx__panel .fs-body:first-of-type { margin-block-start: 0; }
.fs-p-52 .fs-bulb-tx .fs-nose-tx__title { margin-block-end: 0; }

/* 도트를 "유형 판별 탭"으로 확장한다. fs.js 가 이 버튼들을 그대로 도트로 배선하므로
   누르면 대응 술식 슬라이드로 점프한다 (이 페이지의 시그니처). */
.fs-p-52 .fs-bulb-tx .fs-bulb-tx__tabs {
  display: grid; grid-template-columns: minmax(0, 1fr);
  gap: clamp(8px, 6.6px + 0.38vw, 14px);
  justify-content: stretch;
  margin-block-start: clamp(24px, 19.4px + 1.28vw, 44px);
}
.fs-p-52 .fs-bulb-tx .fs-bulb-tab {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; gap: var(--fs-sp-3);
  width: auto; aspect-ratio: auto; border-radius: var(--fs-radius-0);
  background: var(--fs-white); background-image: none;
  border: 1px solid var(--fs-line);
  padding: var(--fs-sp-2) var(--fs-sp-5) var(--fs-sp-2) var(--fs-sp-2);
  text-align: start; cursor: pointer;
  transition: border-color var(--fs-dur) var(--fs-ease), background-color var(--fs-dur) var(--fs-ease);
}
.fs-p-52 .fs-bulb-tx .fs-bulb-tab.is-active {
  width: auto; box-shadow: none; background: var(--fs-white); background-image: none;
  border-color: var(--fs-teal-text); border-width: 2px;
  padding: calc(var(--fs-sp-2) - 1px) calc(var(--fs-sp-5) - 1px) calc(var(--fs-sp-2) - 1px) calc(var(--fs-sp-2) - 1px);
}
.fs-p-52 .fs-bulb-tab__ill {
  width: clamp(40px, 35.4px + 1.28vw, 60px); height: auto;
}
.fs-p-52 .fs-bulb-tab__body { display: grid; gap: 2px; min-width: 0; }
.fs-p-52 .fs-bulb-tab__num {
  font-family: var(--fs-font-en); font-size: var(--fs-t-xs); font-weight: 700;
  letter-spacing: var(--fs-ls-wide); color: var(--fs-muted);
}
.fs-p-52 .fs-bulb-tab__txt {
  font-size: var(--fs-t-sm); font-weight: 600; line-height: 1.35; color: var(--fs-ink-soft);
}
.fs-p-52 .fs-bulb-tx .fs-bulb-tab.is-active .fs-bulb-tab__num { color: var(--fs-teal-dk); }
.fs-p-52 .fs-bulb-tx .fs-bulb-tab.is-active .fs-bulb-tab__txt { color: var(--fs-ink); }
@media (min-width: 600px) {
  .fs-p-52 .fs-bulb-tx .fs-bulb-tx__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-52 .fs-bulb-tx .fs-bulb-tab:hover { border-color: var(--fs-teal); }
}

/* --- A07 · 포시즌 복코 특징 (.fs-card--rule 확장) ----------------------- */
.fs-p-52 .fs-bulb-feats { margin-block-start: var(--fs-gap-title); }
.fs-p-52 .fs-bulb-feat { background: var(--fs-white); align-items: center; }
.fs-p-52 .fs-bulb-feat .fs-card__num { min-width: 2ch; text-align: center; }
.fs-p-52 .fs-bulb-feat .fs-card__title { line-height: var(--fs-lh-head); }
.fs-p-52 .fs-bulb-feat__icon {
  display: grid; place-items: center;
  width: clamp(52px, 45.1px + 1.92vw, 82px); height: clamp(52px, 45.1px + 1.92vw, 82px);
  justify-self: start;
}
.fs-p-52 .fs-bulb-feat__icon img { width: 100%; height: 100%; object-fit: contain; }
@media (min-width: 1024px) {
  .fs-p-52 .fs-bulb-feat { grid-template-columns: auto minmax(0, 1fr) auto; }
  .fs-p-52 .fs-bulb-feat__icon { justify-self: end; }
}

/* --- A24 · CTA -------------------------------------------------------- */
.fs-p-52 .fs-bulb-cta__line { margin-block-end: var(--fs-sp-6); color: var(--fs-ink-soft); }

/* --- A23 · 약속드립니다 ------------------------------------------------- */
.fs-p-52 .fs-bulb-promise__photo .fs-doctor__frame { display: block; overflow: hidden; }
.fs-p-52 .fs-bulb-promise__photo img { display: block; width: 100%; height: auto; }
.fs-p-52 .fs-bulb-promise__list { margin-block-start: var(--fs-gap-title); }
.fs-p-52 .fs-bulb-promise__item {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: var(--fs-sp-3); align-items: baseline;
  border-block-end: 1px solid var(--fs-line);
  padding-block: var(--fs-sp-3);
}
.fs-p-52 .fs-bulb-promise__no {
  font-size: var(--fs-t-lead); font-weight: 700; color: var(--fs-teal-dk); white-space: nowrap;
}
.fs-p-52 .fs-bulb-promise__note { margin-block-start: var(--fs-sp-5); }
@media (max-width: 1023px) {
  .fs-p-52 .fs-bulb-promise__photo { max-width: 560px; margin-inline: auto; }
}

/* ══════════════════════════════════════════════════════════════════
   2026-08-28 · 진단·수정 패스 (렌더 실측 기반)
   근거·판단은 _design/QA/52.md
   ══════════════════════════════════════════════════════════════════ */

/* ── [1] LOCK 5 — 다크 밴드 0개였다 ────────────────────────────────
   시술 상세는 적용 범위 행렬에서 「필수」인데 이 페이지는 9개 섹션이
   전부 밝은 면이라 한 번도 끊기지 않았다. 형제 코 페이지 실측:
     36·49·113 = --ink 1개 · 50·53·57 = --ink2 1개 · 52·54·56 = 0개
   자리는 50(매부리코)이 이미 검증한 곳을 그대로 쓴다 — 같은 A07
   「포시즌 ○○ 특징」 섹션이 6번째(코퍼스 최빈 위치)다.
   대제목은 .fs-h2(40px)가 아니라 --fs-t-display(60px) 로 올린다.
   LOCK 7(d) 의 판정 대상 선택자에서 빠지는 대신 57 의 다크 밴드
   대제목(.fs-nose-compare-title 60px)과 같은 규격이 된다.
   강조는 57 의 승인된 수단인 .fs-mark(틸 하이라이트 박스)로 한다 —
   #00787F 글자를 #3C3D3F 위에 두면 2.07:1 로 AA 에 못 미친다. */
.fs-p-52 .fs-bulb-feature-sec .fs-section__bg img {
  display: block;
  max-width: none;              /* fs.css 의 img{max-width:100%} 가 폭 보정을 먹는다 */
  width: calc(100% + 140px);
  height: calc(100% + 140px);
  margin: -70px;
  /* 고스트에 블러가 없으면 「반쯤 가려진 두 번째 얼굴」로 읽힌다.
     이 컷은 블러 20px 만으로도 인물 실루엣이 대제목 뒤에 남아서
     밴드색이 비쳐 오르도록 불투명도를 함께 내렸다. */
  filter: blur(26px);
  opacity: .5;
}
.fs-p-52 .fs-bulb-feature__title { margin-block-end: 0; }

/* ── [2] V70 「E」 — 밝은 밴드 위 흰 상자 4장 → 헤어라인 4칸 ────────
   V70 검출: E:fs-grid×4@S6. 상자를 지우고 .fs-card--rule 의 2px 틸
   세로선만 남긴다(48 의 .fs-lef-op · 50 의 .fs-hump-target 과 같은 처방).
   ★ 이 4장에는 애초에 data-fs-tilt 가 없다 — 배경을 지워도 광택 얼룩이
     생길 여지가 없다(glosscheck 로 확인). */
.fs-p-52 .fs-bulb-feature-sec .fs-bulb-feat {
  background: transparent;
  border-color: var(--fs-teal);
}
/* 숫자는 fs.css:2614 가 --fs-teal-text(#00787F)로 덮는다 → 다크 밴드에서 2.07:1.
   fs.css:2668~2669 가 .fs-kicker 에 쓰는 것과 같은 3단 처방으로 시안 틸을 되돌린다
   (#49BCBD on #3C3D3F = 4.77:1). */
.fs-p-52 .fs-bulb-feature-sec .fs-card__num { color: var(--fs-teal); }
@media (min-width: 1200px) {
  .fs-p-52 .fs-bulb-feats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  /* 가로 3칸(번호|제목|아이콘)을 세로로 세운다. 아이콘을 맨 위로 올려
     네 칸이 「틸 선 + 아이콘 + 번호 + 제목」의 같은 리듬으로 읽히게 한다. */
  .fs-p-52 .fs-bulb-feature-sec .fs-bulb-feat {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    align-items: start;
    row-gap: var(--fs-sp-4);
    padding: 0 var(--fs-sp-5) 0 var(--fs-sp-5);
  }
  .fs-p-52 .fs-bulb-feature-sec .fs-bulb-feat__icon { grid-row: 1; justify-self: start; }
  /* 세로 배치에서는 칸 전체로 늘어나 .fs-card__num 의 text-align:center 가
     번호를 칸 한가운데로 밀어낸다 — 아이콘·제목의 왼쪽 축에 맞춘다. */
  .fs-p-52 .fs-bulb-feature-sec .fs-bulb-feat .fs-card__num {
    grid-row: 2; justify-self: start; min-width: 0; text-align: start;
  }
  .fs-p-52 .fs-bulb-feature-sec .fs-bulb-feat .fs-card__title { grid-row: 3; }
}

/* ── [3] V70 「D」 — 히어로와 다음 섹션의 도해가 같은 쪽 ────────────
   V70 검출: D:S1+S2 둘 다 Rl. 히어로(카피 좌 / 코끝 3컷 우) 바로 아래
   A11 도 (글 좌 400px / 같은 도해 3장 우) 라 «같은 그림이 같은 자리에»
   300px 간격으로 두 번 내려온다. 라벨 문구까지 같아서 부품이 복제된 것으로
   읽힌다.
   ★ 축만 뒤집어 보았더니(도해 좌 / 글 우) 텍스트 블록 끝의 h3
     「복코의 유형」이 카드에서 떨어져 오른쪽 아래에 매달렸다. 되돌리고
     A11 을 세로로 풀었다 — 그러면 두 섹션의 «모양» 자체가 달라지고
     (히어로 = 카피 좌 + 작은 스트립 우 · A11 = 전폭 글 + 전폭 카드 행),
     h3 가 카드 바로 위에 놓이며, 좁은 400px 에 눌려 있던 리드도 풀린다.
     V70 검출기 기준으로도 S2 가 2열 figure 그리드에서 빠져 D=0 이 된다.
   카드가 넓어지므로 도해를 원본 315px 까지 키워 라벨바 폭 대비 비율을
   0.83 → 0.70 으로 둔다 — 확정 시안 57 의 .fs-nose-dz(205:300=0.68)와 같은 값이다. */
@media (min-width: 1024px) {
  .fs-p-52 .fs-bulb-dz .fs-nose-dz__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--fs-gap-title);
  }
  .fs-p-52 .fs-bulb-dz .fs-nose-dz__text { max-width: 860px; }
  .fs-p-52 .fs-bulb-type__ill { width: clamp(215px, 8.6px + 20.16vw, 315px); }  /* 1520 이상에서 원본 315px */
}
/* LOCK 2 「폭」 조항 — 라벨바 폭 대비 도해 폭. 확정 시안 57 의 .fs-nose-dz 는
   205:300 = 0.68 이다. 카드 폭이 커진 구간에서 이 비율을 유지한다.
   실측 9폭 — 1920/1700/1600/1440 0.69 · 1280 0.70 · 1100/1024 0.71 · 900/768 0.70
   (수정 전 1920 0.55 · 768 0.61). */
@media (min-width: 768px) and (max-width: 1023px) {
  .fs-p-52 .fs-bulb-type__ill { width: clamp(150px, -14px + 22vw, 220px); }
}

/* ── [4] A11 첫 카드의 빈 상자 ──────────────────────────────────────
   「일반적인 코끝」은 기준 도해라 설명문·점프 필이 없는데 세 카드가
   stretch 로 묶여 있어 라벨바 아래 117px 가 흰 상자째 비었다.
   높이를 내용에 맞춘다 — 밴드가 흰→#FDFCFB 그라데이션이고 카드도 흰색이라
   바닥선은 눈에 띄지 않는다. */
.fs-p-52 .fs-bulb-dz__cards { align-items: start; }

/* ── [5] 틸트가 라벨바를 두고 간다 ──────────────────────────────────
   .fs-bulb-promise__photo 의 tilt-inner 가 .fs-doctor__frame 이라
   PC 호버에서 사진만 4도 돌고 「개인별 1:1 진단 및 분석」 틸 바가 제자리에
   남아 LOCK 2 의 「간격 0」이 호버 중에만 깨졌다. tiltcheck 는 explicit +
   미디어 있음 + cover 0.91 이라 통과시킨다(헤드리스에서 안 보인다).
   57 의 .fs-nose-dz 처럼 «호스트 > figure(사진+바) » 로 다시 묶었다(HTML). */
.fs-p-52 .fs-bulb-promise__fig { display: block; }

/* ── [6] qa 12px 미만 — 히어로 스트립 라벨바 11px@360 ───────────────
   페이지 CSS 가 만든 값이라 공용 셸 문제가 아니다. 12px 로 올리고,
   한 칸만 두 줄로 접혀도 세 바의 높이가 어긋나지 않도록 높이를 묶는다. */
.fs-p-52 .fs-bulb-hero__fig .fs-labelbar {
  min-height: clamp(34px, 30.5px + 0.96vw, 36px);
  font-size: clamp(12px, 10.8px + 0.32vw, 16px);
  padding-inline: 2px;
  line-height: 1.25;
}

/* ── [7] 섹션 제목 뒤 70px 틸 선 (48·50 검증분) ─────────────────────
   가운데정렬 제목(#spec-title · #feature-title)에는 걸지 않는다 —
   왼쪽에서 자라는 선이 가운데 제목 아래에서는 축이 어긋나 보인다. */
.fs-p-52 .fs-nose-head:not(.fs-center) h2,
.fs-p-52 .fs-sec-head__title { position: relative; }
.fs-p-52 .fs-nose-head:not(.fs-center) h2::after,
.fs-p-52 .fs-sec-head__title::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;
}
/* ★ 「.is-in 이면 보이기」로 짜면 첫 화면 제목의 선이 영원히 안 그어진다.
   fs.js 는 첫 화면 대상에 .fs-reveal 을 아예 안 붙인다.
   기본을 「그어진 상태」로 두고 리빌 대상에만 초기 은닉을 건다.
   은닉 쪽 명시도가 항상 이기도록 기준 규칙에 ID 를 쓰지 않는다. */
:root.fs-js .fs-p-52 h2.fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-52 .fs-reveal:not(.is-in) h2::after { transform: scaleX(0); }

/* ── [8] 호버 — 프레임은 고정, 사진만 움직인다 (그림자 금지) ────────
   두 사진 다 .fs-doctor__frame 이 overflow:hidden 이라 프레임 안에서 잘린다.
   틸트는 .fs-tilt__inner(프레임·figure)에 걸리므로 대상이 겹치지 않는다. */
.fs-p-52 .fs-bulb-who__photo img,
.fs-p-52 .fs-bulb-promise__photo img {
  transition: transform var(--fs-dur-slow) var(--fs-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-52 .fs-bulb-who__photo:hover img,
  .fs-p-52 .fs-bulb-promise__photo:hover img { transform: scale(1.045); }
}

/* ── [9] reduced-motion — 위 두 가지를 정지 상태로 확정 ───────────── */
@media (prefers-reduced-motion: reduce) {
  .fs-p-52 .fs-nose-head:not(.fs-center) h2::after,
  .fs-p-52 .fs-sec-head__title::after { transform: scaleX(1) !important; transition: none !important; }
  .fs-p-52 .fs-bulb-who__photo img,
  .fs-p-52 .fs-bulb-promise__photo img { transition: none !important; transform: none !important; }
}

/* ==========================================================================
   히어로 — 1mm 결 (2026-08-28 승인자 지시)
   전: 크림 밴드에 좌 카피 / 우 도해 3장. 사진이 아예 없었다.
   후: 풀블리드 인물 + 그 위 카피, 도해 3장은 사진 위 흰 카드로 뜬다.
   ★ 사진을 <img> 로 넣으면 alt 이 «새 문구» 라 R1 에 걸린다.
     이 히어로의 사진은 장식이므로 **CSS 배경**으로 넣는다 — 마크업 변경 0.
   ========================================================================== */
.fs-p-52 .fs-bulb-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(90deg,
      rgba(246,241,236,.92) 0%, rgba(246,241,236,.84) 26%,
      rgba(246,241,236,.58) 42%, rgba(246,241,236,.24) 58%,
      rgba(246,241,236,0)   78%),
    url("/draft1_builder/assets/bulbous-nose/hero.jpg?v=27727657") 72% 26% / cover no-repeat,
    var(--fs-cream);
  color: var(--fs-ink);
  min-height: clamp(520px, 380px + 12vw, 720px);
  padding-block: clamp(96px, 60px + 4vw, 150px) clamp(64px, 40px + 3vw, 110px);
  display: grid;
  align-items: center;
}
.fs-p-52 .fs-bulb-hero__copy { max-width: min(100%, 42ch); }
.fs-p-52 .fs-bulb-hero .fs-hero__title {
  font-size: clamp(26px, 18px + 1.6vw, 44px);
  line-height: 1.18;
}
@media (max-width: 599px) {
  .fs-p-52 .fs-bulb-hero {
    align-items: start;
    min-height: clamp(560px, 440px + 26vw, 700px);
    background:
      linear-gradient(180deg,
        rgba(246,241,236,.93) 0%, rgba(246,241,236,.80) 30%,
        rgba(246,241,236,.28) 52%, rgba(246,241,236,0) 70%),
      url("/draft1_builder/assets/bulbous-nose/hero-mo.jpg?v=2571b968") center 28% / cover no-repeat,
      var(--fs-cream);
  }
}
.fs-p-52 .fs-header--overlay { color: var(--fs-ink); background: transparent; }
.fs-p-52 .fs-header--overlay::before {
  background: linear-gradient(180deg, rgba(246,241,236,.84) 0%, rgba(246,241,236,.46) 55%, rgba(246,241,236,0) 100%);
}
.fs-p-52 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-52 .fs-header--overlay .fs-util__link:hover { color: var(--fs-teal-dk); opacity: 1; }

/* --- 수술정보 표 가운데 정렬 (2026-08-28 승인자 지시) ----------------------
   ★ 머리(thead)와 몸통을 «같이» 옮겨야 한다 — 한쪽만 옮기면 어긋난다.
     행 머리는 아이콘 + 글자 flex 라 justify-content 도 같이 준다. */
.fs-p-52 .fs-bulb-spec .fs-table thead th,
.fs-p-52 .fs-bulb-spec .fs-table th[scope="row"],
.fs-p-52 .fs-bulb-spec .fs-table td { text-align: center; }
.fs-p-52 .fs-bulb-spec .fs-table th[scope="row"] { justify-content: center; }

/* 도해 3장이 사진 위 우측에 놓이면 모델 얼굴을 덮는다.
   («박스가 이미지보다 가로로 넓어» cover 가 세로만 자르므로 background-position X 로는 못 피한다)
   → 카피와 도해를 왼쪽 한 축으로 모으고 사진 오른쪽을 비운다. */
@media (min-width: 1024px) {
  .fs-p-52 .fs-bulb-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 54%);
    gap: clamp(20px, 14px + 0.9vw, 34px);
  }
}

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px/767px/1023px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-52-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · balance: 복코란 리드 · 수술방법 부제 · 술식 제목·설명 · 마무리 문구 · 약속 본문 · 주의문 · 유형 본문(768 「코로 개선할 수 있습니다.」 외톨이).
   · 약속 제목 «형광 칸 + 드립니다» 한 덩어리(§7-19 — 360·390 「약속 / 드립니다.」).
   · 수술대상 4장 <600: fs-grid--2 가 600 미만 1열(장당 ≈190px) → 2열(§2 A, 600~1023 과 같은 짜임). 캡션은 원래 두 줄 설계 — balance · keep-all.
   ========================================================================== */
.fs-p-52 .fs-nose-lead,
.fs-p-52 .fs-sec-head__sub,
.fs-p-52 .fs-nose-tx__title,
.fs-p-52 .fs-nose-tx .fs-body,
.fs-p-52 .fs-bulb-cta__line,
.fs-p-52 .fs-bulb-promise .fs-body,
.fs-p-52 .fs-nose-ba__note,
.fs-p-52 .fs-bulb-dz__body,
.fs-p-52 .fs-card__caption { text-wrap: balance; }
.fs-p-52 .fs-p52-keep { white-space: nowrap; }
@media (max-width: 599px) {
  .fs-p-52 .fs-bulb-who__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--fs-sp-4);
  }
  .fs-p-52 .fs-bulb-who__card { padding-inline: var(--fs-sp-3); align-content: start; }   /* 같은 줄 두 장의 필·아이콘 높이를 맞춘다(캡션 3줄 칸이 가운데로 내려앉지 않게) */
  .fs-p-52 .fs-bulb-who__card .fs-card__caption { word-break: keep-all; }
}