/* 모바일 하단 카카오톡 상담 버튼 (작게, 화면을 가리지 않게) */
.kakao-fab { display: none; }
@media (max-width: 860.01px) {
  .kakao-fab { position: fixed; z-index: 60; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 15px 0 13px; border: 0; border-radius: 21px; background: #fee500; color: #191600; font: 600 14px/1 inherit; box-shadow: 0 6px 18px -6px rgba(0,0,0,.35), 0 0 0 1px rgba(25,22,0,.06); transform: translateY(80px); opacity: 0; pointer-events: none; transition: transform .25s ease, opacity .25s ease; cursor: pointer; }
  .kakao-fab svg { width: 18px; height: 18px; fill: currentColor; }
  .kakao-fab.show { transform: none; opacity: 1; pointer-events: auto; }
}
@media (prefers-reduced-motion: reduce) { .kakao-fab { transition: none; } }

/* 페이지 맨 위 카카오톡 채널 안내 줄 */
.kakao-bar { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 38px; padding: 7px max(16px, env(safe-area-inset-left, 0px)); background: var(--brand, #273953); color: #fff; font-size: 13.5px; line-height: 1.45; text-align: center; }
.kakao-bar p { margin: 0; display: inline-flex; align-items: center; gap: 7px; }
.kakao-bar svg { width: 16px; height: 16px; fill: #fee500; flex: none; }
.kakao-bar b { font-weight: 700; color: #fee500; user-select: all; }
.kakao-bar .kb-short { display: none; }
.kakao-bar .kb-link { flex: none; color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.45); }
.kakao-bar .kb-link:hover { text-decoration-color: #fff; }
@media (max-width: 640px) {
  .kakao-bar { font-size: 12.5px; gap: 10px; }
  .kakao-bar .kb-long { display: none; }
  .kakao-bar .kb-short { display: inline; }
}