/* ── pages / rhinoplasty — 유형별 코성형 허브 ──────────────────────
   국문 /rhinoplasty 와 같은 구성: 히어로 → 8가지 유형 → 상담 CTA.
   유형 카드는 '수술 전' 사진 + 번호 + 유형명 + 설명 한 덩어리다.
   각 카드는 같은 유형의 상세 페이지로 이어진다.
   .page-hero / .cta-band / .disclaimer / .sec-head 는 프리미티브를 그대로 쓴다. */

/* 히어로 — 다른 서브페이지와 같은 수술실 사진, 같은 76% 농도 */
.rhino-hero{
  background-image:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),var(--hero-img,none);
}

/* ── 8가지 유형 ──────────────────────────────────────────────
   사진(360×460)이 세로라 2열 격자에 사진 | 설명 가로 배치를 넣는다.
   1023 이하는 한 열, 640 이하는 사진을 위로 올려 세로로 쌓는다. */
.rhino-types__list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-gap);
}
.rhino-type{
  display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--sp-stack);
  padding:var(--sp-stack);
  background:var(--surface);
  border-radius:var(--radius-card);
  box-shadow:inset 0 0 0 1px var(--line-soft);
}
.rhino-type__media{position:relative;margin:0}
.rhino-type__media img{
  width:100%;height:auto;display:block;
  border-radius:var(--radius-sm);background:var(--surface-muted);
}
/* 사진이 수술 전임을 분명히 한다 — 국문과 같은 라벨 */
.rhino-type__badge{
  position:absolute;left:8px;top:8px;
  padding:3px 8px;border-radius:var(--radius-xs);
  background:rgba(20,29,51,.72);color:var(--text-inverse);
  font-weight:700;font-size:var(--fs-14);line-height:1.3;letter-spacing:var(--ls-wide);
}
.rhino-type__no{
  font-weight:700;font-size:var(--fs-14);line-height:1.2;
  letter-spacing:var(--ls-wide);color:var(--brand);
}
.rhino-type__title{
  margin-top:8px;
  font-weight:700;font-size:var(--fs-24);line-height:1.4;letter-spacing:var(--ls-tight);
  color:var(--text-primary);word-break:keep-all;
}
.rhino-type__text{
  margin-top:12px;
  font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all;
}
.rhino-types__note{margin-top:var(--sp-block)}

@media (max-width:1199px){
  .rhino-types__list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){
  .rhino-type{grid-template-columns:minmax(0,1fr);gap:var(--sp-tight)}
  .rhino-type__media img{max-width:220px}
}

/* 카드 전체가 상세로 가는 링크다 */
.rhino-type__link{display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:inherit;align-items:start}
.rhino-type:hover{box-shadow:inset 0 0 0 1px var(--brand)}
.rhino-type__more{margin-top:14px;color:var(--text-tertiary)}
@media (max-width:639px){ .rhino-type__link{grid-template-columns:minmax(0,1fr)} }