/**
 * trust-value.css — 위홈의 가치 페이지
 * URL: /value
 * 뷰: mobile/trust_value.php
 */

#body #ch-plugin {
  display: none !important;
}

.nav.clean {
  display: none !important;
}

#content.tv-page {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #f9f7fc;
  padding: 0 !important;
  padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
  min-height: 100vh;
}

/* ── 히어로 ── */
.tv-hero {
  background: linear-gradient(160deg, #671175, #6a0dad);
  padding: 120px 24px 44px;
  color: #fff;
}

.tv-hero-tag {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.tv-hero-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -1px;
  color: #fff;
}

/* ── 섹션 공통 ── */
.tv-section {
  padding: 40px 20px 0;
}

.tv-section-last {
  padding-bottom: 8px;
}

.tv-section-eyebrow {
  font-size: 11px;
  font-weight: 700;
  color: var(--wh-primary-dark, #671175);
  letter-spacing: 1px;
  margin-bottom: 8px;
  opacity: 0.7;
}

.tv-section-title {
  font-size: 22px;
  font-weight: 800;
  color: #111;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}

.tv-section-lead {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
  letter-spacing: -0.2px;
  word-break: keep-all;
  margin-bottom: 18px;
}

/* ── 긴 본문 카드 (Section 1) ── */
.tv-prose-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #f0eaf8;
  box-shadow: 0 2px 8px rgba(103, 17, 117, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tv-prose-card p {
  font-size: 14px;
  color: #374151;
  line-height: 1.75;
  letter-spacing: -0.2px;
  word-break: keep-all;
  margin: 0;
}

/* ── 핵심 가치 칩 row (Section 2) ── */
.tv-value-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tv-value-chip {
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  border: 1px solid #f0eaf8;
  box-shadow: 0 2px 8px rgba(103, 17, 117, 0.04);
  display: flex;
  align-items: center;
  gap: 14px;
}

.tv-value-en {
  font-size: 15px;
  font-weight: 800;
  color: var(--wh-primary-dark, #671175);
  letter-spacing: -0.3px;
  flex-shrink: 0;
  min-width: 72px;
}

.tv-value-sep {
  width: 1px;
  height: 16px;
  background: #e9d8f8;
  flex-shrink: 0;
}

.tv-value-kr {
  font-size: 13px;
  color: #6b7280;
  letter-spacing: -0.15px;
  line-height: 1.4;
  word-break: keep-all;
}

/* ── 가치 카드 (Section 3, 4) ── */
.tv-card {
  background: #fff;
  border-radius: 16px;
  padding: 18px 18px 20px;
  margin-bottom: 10px;
  border: 1px solid #f0eaf8;
  box-shadow: 0 2px 8px rgba(103, 17, 117, 0.04);
}

.tv-card-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.tv-card-idx {
  font-size: 11px;
  font-weight: 800;
  color: var(--wh-primary-dark, #671175);
  background: var(--wh-purple-bg-lg, #f3eef8);
  border-radius: 7px;
  padding: 4px 8px;
  flex-shrink: 0;
  letter-spacing: 0.2px;
  margin-top: 1px;
}

.tv-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #111;
  line-height: 1.45;
  letter-spacing: -0.3px;
  word-break: keep-all;
  margin: 0;
}

.tv-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tv-card-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  letter-spacing: -0.15px;
  word-break: keep-all;
}

.tv-card-list li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c4a8e0;
  flex-shrink: 0;
  margin-top: 7px;
}

/* ── 비전 카드 (Section 5) ── */
.tv-vision-card {
  background: linear-gradient(160deg, #671175, #6a0dad);
  border-radius: 20px;
  padding: 24px 20px 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tv-vision-card p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.75;
  letter-spacing: -0.2px;
  word-break: keep-all;
  margin: 0;
}

.tv-vision-card p strong {
  color: #fff;
  font-weight: 700;
}

.tv-vision-footer {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.3px;
  opacity: 0.9;
}