/* ==============================================
   renew-main.css
   리핌성형외과 메인페이지 하반부 본문 섹션 전용
   (헤더/푸터 기본 스타일은 renew.css 담당)
   ============================================== */

/* ──────────────────────────────────────
   공통 섹션 레이아웃
────────────────────────────────────── */
.surgery-program,
.face-care,
.medical-subject,
.news,
.directions {
  width: 100%;
  overflow: hidden;
}

.section-container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--space-md);
}

/* ──────────────────────────────────────
   섹션 헤더 (영문 키워드 + 세리프 헤드라인)
────────────────────────────────────── */
.sec-head {
  margin-bottom: var(--space-lg);
}

.sec-head__keyword {
  display: block;
  font-family: var(--font-sans);
  font-size: 13px;
  letter-spacing: var(--overline-ls);
  text-transform: uppercase;
  color: var(--color-accent-text);
  margin-bottom: var(--space-xs);
}

.sec-head__title {
  font-family: var(--font-serif);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: var(--display-weight);
  color: var(--color-text);
  line-height: var(--display-lh);
  letter-spacing: var(--display-ls);
  margin: 0;
}

.sec-head__title--light {
  color: var(--color-white);
}

.sec-head__desc {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: var(--body-lh);
  color: var(--color-text-muted);
  margin-top: var(--space-sm);
  max-width: var(--measure);
}

/* ──────────────────────────────────────
   Swiper 도트 액센트 override
────────────────────────────────────── */
.swiper-pagination-bullet-active {
  background-color: var(--color-accent) !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet {
  background-color: var(--color-border);
  opacity: 1;
}

/* 풀폭 Swiper */
.surgery-slider {
  width: 100%;
  overflow: visible;
}

.surgery-slider .swiper-wrapper {
  align-items: stretch;
}

.surgery-slider .swiper-slide {
  width: calc((100vw - var(--space-md) * 2) / 3.2);
  flex-shrink: 0;
}

.care-slider {
  width: 100%;
}

.care-slider .swiper-slide {
  width: calc((100% - var(--space-md) * 2) / 3);
}

/* ──────────────────────────────────────
   D. 뉴스/공지 슬라이더
────────────────────────────────────── */
.news {
  padding: var(--section-pad-tight) 0;
  /* 인트로("젊음의 시간을 다시 그려간다") 와 동일한 틸 그라데이션 — 하단 통일 */
  background: linear-gradient(120deg, #6fbeb6 0%, #93d2cb 46%, #cfeae6 100%);
  /* 그라데이션 밝은 영역에서도 흰 글씨 가독성 확보(자식 상속) */
  text-shadow: 0 1px 6px rgba(18, 66, 60, 0.18);
}

.news .sec-head__keyword {
  color: rgba(255, 255, 255, 0.9);
}

.news .sec-head__title--light {
  color: var(--color-white);
}

.news .sec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: var(--space-lg);
}

.news__all-link {
  font-family: var(--font-serif);
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-white);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: 0.7;
  transition: opacity var(--transition);
  white-space: nowrap;
  flex-shrink: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
}

.news__all-link:hover {
  opacity: 1;
}

.news-slider {
  width: 100%;
}

/* 슬라이드 높이 통일 — 카드 콘텐츠(제목 줄 수 등) 차이와 무관하게
   가장 큰 카드 높이에 맞춰 모든 카드가 같은 크기로 stretch.
   (surgery-slider 와 동일 패턴: wrapper stretch + slide height auto + card height 100%) */
.news-slider .swiper-wrapper {
  align-items: stretch;
}

.news-slider .swiper-slide {
  height: auto;
}

/* 뉴스 카드 — 강점 카드와 동일한 "화이트 + 딥틸 세리프 + 소프트틸 헤어라인 + 하단 물결"
   레퍼런스 카드 언어를 뉴스 콘텐츠(카테고리·날짜·제목·요약·화살표)에 적용.
   틸 그라데이션 섹션 위에 부유하는 화이트 카드로 대비. */
.news-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 264px;
  padding: 32px 30px 30px;
  background-color: #ffffff;
  /* 하단 은은한 물결 장식(배경 → 텍스트 뒤) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 64' preserveAspectRatio='none'%3E%3Cpath d='M0 38 Q80 12 160 38 T320 38' fill='none' stroke='%239bd3cc' stroke-width='2' opacity='0.5'/%3E%3Cpath d='M0 52 Q80 26 160 52 T320 52' fill='none' stroke='%2300605f' stroke-width='1.5' opacity='0.13'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 116% 60px;
  border: 1px solid #cfe9e7;
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(28, 58, 54, 0.14);
  text-decoration: none;
  text-shadow: none;
  overflow: hidden;
  transition: transform var(--transition-lux), box-shadow var(--transition-lux);
}

.news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 50px rgba(28, 58, 54, 0.2);
}

/* 카테고리 — 좌상단 라벨 + 아래 짧은 소프트틸 헤어라인 */
.news-card__cat {
  display: inline-block;
  font-family: var(--font-serif);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #005e5d;
  margin-bottom: 0;
}

.news-card__cat::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  margin-top: 14px;
  background-color: #9bd3cc;
}

.news-card__date {
  display: block;
  font-family: var(--font-serif);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #929292;
  margin-top: 18px;
}

.news-card__title {
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.005em;
  color: #005e5d;
  margin: 10px 0 0;
}

/* 제목 아래 소프트틸 헤어라인 */
.news-card__title::after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  margin-top: 18px;
  background-color: #9bd3cc;
}

.news-card__excerpt {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.75;
  color: #5c5c5c;
  margin: 18px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card__arrow {
  position: absolute;
  top: 28px;
  right: 26px;
  font-family: var(--font-serif);
  font-size: 20px;
  color: #005e5d;
  transition: color var(--transition), transform var(--transition);
}

.news-card:hover .news-card__arrow {
  transform: translate(3px, -3px);
}

.news .swiper-pagination {
  margin-top: var(--space-md);
  display: flex;
  justify-content: center;
  gap: 6px;
  position: static;
}

.news .swiper-pagination-bullet {
  background-color: rgba(255,255,255,0.45);
}

.news .swiper-pagination-bullet-active {
  background-color: #ffffff !important;
}

/* ──────────────────────────────────────
   E. 오시는길 / 진료시간
────────────────────────────────────── */
.directions {
  padding: var(--space-xl) 0;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border);
}

.directions__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

/* 지도 */
.directions__map-wrap {
  position: relative;
}

.directions__map {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--color-text-muted);
  overflow: hidden;
}

.directions__map-links {
  display: flex;
  gap: var(--space-xs);
  margin-top: var(--space-sm);
}

.directions__map-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--color-text);
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid var(--color-border);
  transition: all var(--transition);
}

.directions__map-link:hover {
  border-color: var(--color-accent);
  color: var(--color-accent-text); /* 텍스트는 --color-accent-text 전용 (renew.css 토큰 규율) */
}

/* 오른쪽 정보 */
.directions__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.info-block__label {
  font-family: var(--font-serif);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent-text);
  display: block;
  margin-bottom: var(--space-xs);
}

.info-block__tel {
  font-family: var(--font-serif);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  color: var(--color-text);
  text-decoration: none;
  display: block;
  letter-spacing: -0.01em;
  transition: color var(--transition);
}

.info-block__tel:hover {
  color: var(--color-accent-text);
}

.info-block__address {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.7;
  color: var(--color-text-muted);
}

.naver-reserv-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-white);
  background-color: #03C75A;
  padding: 10px 20px;
  text-decoration: none;
  transition: opacity var(--transition);
  width: fit-content;
}

.naver-reserv-btn:hover {
  opacity: 0.85;
}

/* 진료시간 테이블 */
.time-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-sans);
}

.time-table th,
.time-table td {
  padding: 10px 12px;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

.time-table th {
  width: 120px;
  font-weight: 500;
  color: var(--color-text);
  white-space: nowrap;
}

.time-table td {
  color: var(--color-text-muted);
}

.time-table .is-closed {
  color: var(--color-text-light);
}

.time-table .is-accent {
  color: var(--color-accent-text);
  font-weight: 600;
}

.time-note {
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--color-text-light);
  margin-top: var(--space-xs);
}

/* ──────────────────────────────────────
   F. 푸터 추가 스타일 (site-footer-extra)
────────────────────────────────────── */
.site-footer {
  /* [FOOTER-dark] 사이트 틸 아이덴티티를 잇는 딥 틸 다크 배경 →
     네이비 단색 로고를 흰색화해 또렷하게, 본문/링크는 밝은 톤으로. */
  background: linear-gradient(120deg, #0f3a34 0%, #123f38 52%, #0a2b27 100%);
  color: rgba(236, 246, 244, 0.85);
  text-shadow: none;
  padding: var(--space-lg) 0 var(--space-md);
}

.site-footer__inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--space-md);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid rgba(255,255,255,0.14);
}

.site-footer__logo {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: var(--space-md);
}
/* 심볼 — 딥 틸 배경 위 흰색화 */
.site-footer__logo-symbol {
  width: 40px;
  height: 40px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.site-footer__logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.04;
  color: #fff;
}
.site-footer__logo-en {
  font-family: var(--font-serif);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.site-footer__logo-sub {
  font-size: 10px;
  letter-spacing: 0.26em;
  opacity: 0.82;
}

.site-footer__info {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255,255,255,0.7);
}

.site-footer__nav-title {
  font-family: var(--font-serif);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #a5dcd4;
  margin-bottom: var(--space-sm);
  display: block;
}

.site-footer__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-md);
}

.site-footer__nav li a {
  font-family: var(--font-sans);
  font-size: 14px;
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  transition: color var(--transition);
}

.site-footer__nav li a:hover {
  color: #ffffff;
}

.site-footer__bottom {
  max-width: var(--container);
  margin: 0 auto;
  padding: var(--space-sm) var(--space-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.site-footer__copy {
  font-family: var(--font-sans);
  font-size: 12px;
  color: rgba(255,255,255,0.62);
}

.site-footer__legal {
  display: flex;
  gap: var(--space-sm);
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__legal li a {
  font-family: var(--font-sans);
  font-size: 12px;
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  transition: color var(--transition);
}

.site-footer__legal li a:hover {
  color: #ffffff;
}

/* ──────────────────────────────────────
   반응형
────────────────────────────────────── */
@media (max-width: 1024px) {
  .surgery-slider .swiper-slide {
    width: calc((100vw - var(--space-md) * 2) / 2.3);
  }

  .care-slider .swiper-slide {
    width: calc((100vw - var(--space-md) * 2) / 2.2);
  }

  

  .directions__inner {
    grid-template-columns: 1fr;
  }

  .site-footer__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .surgery-program,
  .face-care,
  .medical-subject,
  .news,
  .directions {
    padding: var(--space-lg) 0;
  }

  .surgery-slider .swiper-slide {
    width: 85vw;
  }

  .care-slider .swiper-slide {
    width: 78vw;
  }

  

  

  .news .sec-head,
  .face-care .sec-head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .directions__inner {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  .time-table th {
    width: 90px;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
  }

  .site-footer__legal {
    flex-wrap: wrap;
    gap: var(--space-xs);
  }
}

/* ──────────────────────────────────────
   sec-head 가운데 정렬 변형
────────────────────────────────────── */
.sec-head--center {
  text-align: center;
}
.sec-head--center .sec-head__desc {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}

/* ──────────────────────────────────────
   E. 4K 내시경 클리닉 시스템 (원본 main7)
────────────────────────────────────── */
.endoscope-system {
  width: 100%;
  overflow: hidden;
  padding: var(--section-pad-wide) 0;
  background-color: var(--color-dark);
}

.endoscope-rows {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.endoscope-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--space-lg);
}

.endoscope-row--reverse .endoscope-row__media {
  order: 2;
}

.endoscope-row__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 4px;
}

.endoscope-row__media img {
  object-fit: cover;
  transition: transform 0.8s var(--ease-lux);
}

.endoscope-row:hover .endoscope-row__media img {
  transform: scale(1.04);
}

.endoscope-row__eyebrow {
  display: block;
  font-family: var(--font-serif);
  font-size: 13px;
  letter-spacing: var(--overline-ls);
  text-transform: uppercase;
  color: var(--color-accent-text);
  margin-bottom: var(--space-sm);
}

/* 다크(#181818) 섹션 위 오버라인 — accent-text(#0e4c4b)는 다크 배경에서 1.8:1로
   사실상 비가시. 다크 위에서는 브랜드 틸(#0abab5, 6.7:1)로 반전. */
.endoscope-system .sec-head__keyword,
.endoscope-system .endoscope-row__eyebrow {
  color: var(--color-accent);
}

.endoscope-row__title {
  font-family: var(--font-serif);
  font-size: clamp(26px, 3vw, 40px);
  font-weight: var(--display-weight);
  line-height: 1.25;
  letter-spacing: var(--display-ls);
  color: var(--color-white);
  margin: 0 0 var(--space-md);
}

.endoscope-row__title strong {
  font-weight: 700;
  color: var(--color-accent-2);
}

.endoscope-row__body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.72);
  margin: 0 0 var(--space-md);
}

.endoscope-row__cta {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-serif);
  font-size: 13px;
  letter-spacing: var(--overline-ls);
  text-transform: uppercase;
  color: var(--color-white);
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: border-color var(--transition), color var(--transition);
}

.endoscope-row__cta:hover {
  color: var(--color-accent-2);
  border-bottom-color: var(--color-accent-2);
}

/* ──────────────────────────────────────
   F. 병원 둘러보기 갤러리 (원본 main11)
────────────────────────────────────── */
.interior-gallery {
  width: 100%;
  overflow: hidden;
  padding: var(--space-xl) 0;
  background-color: var(--color-bg);
}

.interior-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-sm);
}

.interior-cell {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--color-border);
}

.interior-cell img {
  object-fit: cover;
  transition: transform 0.7s var(--ease-lux);
}

.interior-cell:hover img {
  transform: scale(1.05);
}

@media (max-width: 1024px) {
  .interior-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .endoscope-row,
  .endoscope-row--reverse .endoscope-row__media {
    grid-template-columns: 1fr;
    order: 0;
  }
  .endoscope-row {
    gap: var(--space-md);
  }
  .endoscope-rows {
    gap: var(--space-lg);
  }
  .interior-grid {
    grid-template-columns: 1fr;
  }
}

/* ──────────────────────────────────────
   G. 시그니처 거상 + 신규 시술 (초안)
────────────────────────────────────── */
.signature-lifting,
.advanced-procedures {
  width: 100%;
  overflow: hidden;
  padding: var(--section-pad-wide) 0;
  background-color: var(--color-white);
}

.sig-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
}

.sig-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background-color: var(--color-bg);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.4s var(--ease, ease), box-shadow 0.4s var(--ease, ease);
}

.sig-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(26, 26, 26, 0.1);
}

.sig-card__img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--color-border);
  border: 1px solid var(--color-border-hair);
  box-shadow: 0 8px 28px rgba(42, 42, 38, 0.06);
}

.sig-card__img-wrap img {
  object-fit: cover;
  transition: transform 0.7s var(--ease-lux);
}

.sig-card:hover .sig-card__img-wrap img {
  transform: scale(1.05);
}

.sig-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-white);
  /* 흰 12px 텍스트가 #0abab5 위에서 2.4:1 — 딥틸(5.2:1)로 가독 확보 */
  background-color: var(--color-accent-2);
  padding: 4px 10px;
  border-radius: 999px;
}

.sig-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-md);
  /* 인트로(BETTER BEAUTY) 와 동일 계열 틸 — 밝은 끝을 약간 낮춰 흰 글씨 대비 확보 */
  background: linear-gradient(135deg, #56aaa2 0%, #72bdb5 50%, #9bd3cc 100%);
}

.sig-card__en {
  font-family: var(--font-serif);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 1px 6px rgba(15, 58, 53, 0.3);
  margin-bottom: var(--space-xs);
}

.sig-card__name {
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(15, 58, 53, 0.32);
  margin: 0 0 var(--space-sm);
}

.sig-card__desc {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.7;
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(15, 58, 53, 0.34);
  margin: 0 0 var(--space-md);
}

.sig-card__more {
  margin-top: auto;
  font-family: var(--font-serif);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-shadow: 0 1px 6px rgba(15, 58, 53, 0.3);
  opacity: 0.95;
  transition: opacity var(--transition), color var(--transition);
}

.sig-card:hover .sig-card__more {
  opacity: 1;
  color: #ffffff;
}

/* 시그니처 거상 IP 밴드 — 그리드 위 대표 시술 강조 (타임리버스 리프팅 / 4K 딥플레인 거상) */
.sig-feature {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  margin-bottom: var(--space-xl);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 16px 48px rgba(26, 26, 26, 0.1);
  transition: transform 0.4s var(--ease, ease), box-shadow 0.4s var(--ease, ease);
}

.sig-feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 56px rgba(26, 26, 26, 0.14);
}

.sig-feature__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 5vw, 56px);
  /* sig-card__body 와 동일 계열 틸 그라데이션 — 흰 글씨 대비 확보 */
  background: linear-gradient(135deg, #3f928a 0%, #56aaa2 55%, #72bdb5 100%);
  color: #ffffff;
}

.sig-feature__eyebrow {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: var(--space-sm);
}

.sig-feature__name {
  font-family: var(--font-serif);
  font-size: clamp(30px, 4.4vw, 46px);
  font-weight: 500;
  line-height: 1.15;
  margin: 0;
  text-shadow: 0 1px 12px rgba(15, 58, 53, 0.3);
}

.sig-feature__tech {
  align-self: flex-start;
  margin-top: var(--space-sm);
  padding: 5px 14px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 13px;
  letter-spacing: 0.03em;
}

.sig-feature__desc {
  margin: var(--space-md) 0 var(--space-lg);
  max-width: 42ch;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 8px rgba(15, 58, 53, 0.28);
}

.sig-feature__cta {
  align-self: flex-start;
  font-family: var(--font-serif);
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 3px;
  transition: opacity var(--transition);
}

.sig-feature:hover .sig-feature__cta {
  opacity: 0.82;
}

.sig-feature__media {
  position: relative;
  min-height: 300px;
  background-color: var(--color-border);
}

.sig-feature__media img {
  object-fit: cover;
  transition: transform 0.7s var(--ease-lux);
}

.sig-feature:hover .sig-feature__media img {
  transform: scale(1.04);
}

@media (max-width: 768px) {
  .sig-feature {
    grid-template-columns: 1fr;
  }
  .sig-feature__media {
    min-height: 220px;
    order: -1;
  }
}

@media (max-width: 1024px) {
  .sig-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .sig-grid {
    grid-template-columns: 1fr;
  }
}

/* ──────────────────────────────────────
   H. 리핌 3대 강점 (원본 main1)
────────────────────────────────────── */
.clinic-strengths {
  width: 100%;
  overflow: hidden;
  padding: var(--section-pad-wide) 0;
  background-color: var(--color-bg);
}

.strengths-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2vw, 32px);
}

/* 에이전시급 재디자인 (Soft Premium Depth) — 순백 카드 + 레이어드 소프트 섀도우로
   베이지 섹션 위에 부유, 하단 그린 물결 제거, 절제된 골드 헤어라인 + 상단 미세 광택 */
.strength-item {
  position: relative;
  overflow: hidden;
  /* [ALIGN-fix] 콘텐츠(~430px) 대비 과한 min-height 로 카드 하단 빈공간 → 콘텐츠 기준으로 축소 */
  min-height: clamp(380px, 34vw, 450px);
  padding: 60px 48px 64px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border-hair);
  border-radius: 26px;
  box-shadow: 0 16px 40px rgba(42, 42, 38, 0.08);
  transition: transform var(--transition-lux), box-shadow var(--transition-lux);
}

/* 상단 미세 광택 시트 (장식 아님, 은은한 결) */
.strength-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 180px;
  pointer-events: none;
  background: radial-gradient(120% 100% at 50% -40%, rgba(45, 147, 137, 0.045), rgba(45, 147, 137, 0) 70%);
}

/* 하단 그린 물결 완전 제거 */
.strength-item::after {
  content: none;
}

.strength-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(42, 42, 38, 0.08);
}

/* 넘버 + 로고 마크 한 줄 */
.strength-item__top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.strength-item__symbol {
  width: 46px;
  height: auto;
  flex-shrink: 0;
  margin-top: 4px;
  opacity: 0.96;
  filter: drop-shadow(0 6px 14px rgba(44, 111, 134, 0.16));
}

.strength-item__num {
  font-family: var(--font-serif);
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--color-accent-text);
}

/* 넘버 아래 짧은 그린 헤어라인 (한쪽으로 페이드) */
.strength-item__num::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 18px;
  background-color: var(--color-accent);
}

.strength-item__title {
  font-family: var(--font-serif);
  font-size: clamp(23px, 2.3vw, 29px);
  font-weight: var(--display-weight);
  line-height: 1.4;
  letter-spacing: 0.005em;
  margin: 40px 0 0;
  color: var(--color-accent-text);
}

/* 제목 아래 그린 헤어라인 */
.strength-item__title::after {
  content: "";
  display: block;
  width: 52px;
  height: 1px;
  margin-top: 28px;
  background-color: var(--color-accent);
}

.strength-item__desc {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: 0.005em;
  color: var(--color-text-muted);
  margin: 26px 0 0;
}

@media (max-width: 1024px) {
  .strengths-grid {
    grid-template-columns: 1fr;
  }
  .strength-item {
    min-height: 0;
    padding: 48px 36px 52px;
  }
  
}