/* HY FLIP 홈 실데이터 · 상담 버튼 (M1) */
.hf-now { font-style: normal; font-size: 11px; font-weight: 700; color: #0e2a52; background: #e2c77f; padding: 1px 6px; border-radius: 4px; margin-left: 6px; }
.cases.four .case > a { color: inherit; text-decoration: none; display: block; }
.cases.four .case .ph.has-img { background-size: cover; background-position: center; }
.hf-chat-btn {
  position: fixed; right: 20px; bottom: 20px; z-index: 60;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 20px; border: 0; border-radius: 999px; cursor: pointer;
  background: #0e2a52; color: #fff; font: 700 16px/1 "Noto Sans KR", system-ui, sans-serif;
  box-shadow: 0 10px 30px rgba(14, 42, 82, .35);
}
.hf-chat-btn:focus-visible { outline: 3px solid #e2c77f; outline-offset: 2px; }
.hf-chat-panel {
  position: fixed; right: 20px; bottom: 84px; z-index: 61;
  width: min(400px, calc(100vw - 32px)); height: min(620px, calc(100vh - 120px));
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}
.hf-chat-panel[hidden] { display: none; }
.hf-chat-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #0e2a52; color: #fff; font-family: "Noto Sans KR", system-ui, sans-serif; }
.hf-chat-x { border: 0; background: transparent; color: #fff; font-size: 18px; cursor: pointer; }
.hf-chat-panel iframe { flex: 1; border: 0; width: 100%; }
@media (max-width: 520px) {
  .hf-chat-btn { right: 12px; bottom: 12px; padding: 12px 16px; font-size: 15px; }
  .hf-chat-panel { right: 8px; left: 8px; bottom: 72px; width: auto; height: calc(100vh - 96px); }
}