/* ─── WHATSAPP FAB ───────────────────────────────────── */
.wa-fab {
  position: fixed;
  bottom: 96px;
  right: 24px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(255,45,111,0.38);
  transition: transform 0.3s, opacity 0.3s;
  text-decoration: none;
}

.wa-fab:hover { transform: scale(1.1); }
.wa-fab.hidden { opacity: 0; pointer-events: none; }

/* ─── SCROLL DOWN FAB ────────────────────────────────── */
.scroll-down-fab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-bg-soft);
  border: 1.5px solid var(--color-border);
  color: var(--color-text-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: fabBounce 2.4s ease-in-out infinite;
  transition: opacity 0.3s, transform 0.2s;
  padding: 0;
}

.scroll-down-fab:hover {
  transform: scale(1.1);
  animation: none;
}

.scroll-down-fab.hidden {
  opacity: 0;
  pointer-events: none;
}

@keyframes fabBounce {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(6px); }
}