/* ── 고객 페이지 공통 컴포넌트 ── */

/* Topnav — 기본 (sticky 여부는 페이지에서 재정의) */
.topnav {
  background: #fff;
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px; height: 52px;
}

/* 로고 — 이미지 타입 */
.logo-wrap { display: flex; align-items: center; gap: 0; }
.logo-img-wrap { width: 36px; height: 36px; overflow: hidden; flex-shrink: 0; }
.logo-img { width: 60px; height: 60px; object-fit: contain; display: block; margin: -12px; }
.logo-text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 18px; font-weight: 800; letter-spacing: 0.02em; color: #111; line-height: 1;
}

/* 뒤로가기 버튼 */
.back-btn { font-size: 13px; color: var(--ink-soft); text-decoration: none; display: flex; align-items: center; gap: 4px; }

/* 섹션 */
.section { padding: 20px 16px; border-bottom: 8px solid var(--bg-gray); }
.section-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.section-sub   { font-size: 12px; color: var(--ink-mute); margin-top: -10px; margin-bottom: 14px; }

/* 바텀 CTA 고정 버튼 */
.bottom-cta {
  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 100%; max-width: var(--max);
  background: #fff; border-top: 1px solid var(--border);
  padding: 10px 16px 14px; z-index: 200;
}
.cta-btn {
  display: block; width: 100%;
  background: var(--green); color: #fff; border: none;
  border-radius: 6px; padding: 14px;
  font-size: 15px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif;
  cursor: pointer; text-decoration: none; text-align: center;
}
.cta-btn:active { background: var(--green-dk); }