/* =================== hc-fab.css =================== */
.hc-fab {position: fixed; bottom: var(--hc-sp-5); right: var(--hc-sp-5); z-index: 40; width: 56px; height: 56px; background: var(--hc-ink); color: var(--hc-paper, #ffffff); border-radius: 50%; box-shadow: var(--hc-sh-3); display: inline-flex; align-items: center; justify-content: center; transition: transform var(--hc-dur-fast), background var(--hc-dur-fast)}
.hc-fab:hover {background: var(--hc-accent); transform: scale(1.06)}

.hc-fab,
.hc-chat-fab,
[data-chat-fab] {
  position: fixed;
}
.hc-fab::after,
.hc-chat-fab::after {
  content: attr(aria-label);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 12px;
  background: var(--hc-ink, #1a1714);
  color: var(--hc-paper, #ffffff);
  font: 500 12px/1 var(--hc-sans, 'Outfit', sans-serif);
  white-space: nowrap;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.hc-fab:hover::after,
.hc-chat-fab:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(-2px);
}