/* Floating Buttons Styles */
.fab-whatsapp {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  z-index: 90;
  transition: transform 0.3s;
}
.fab-whatsapp:hover { transform: scale(1.1); }
.fab-whatsapp svg { width: 36px; height: 36px; fill: white; }

.back-to-top-btn, .scroll-down-btn {
  position: fixed;
  left: 24px;
  width: 44px;
  height: 44px;
  background: white;
  border: 2px solid var(--black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 89;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.back-to-top-btn.visible, .scroll-down-btn.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top-btn:hover, .scroll-down-btn:hover { background: var(--pink); border-color: var(--pink); color: white; }
.back-to-top-btn svg, .scroll-down-btn svg { width: 20px; height: 20px; }
.back-to-top-btn { bottom: 80px; }
.scroll-down-btn { bottom: 24px; }

@media (max-width: 768px) {
  .fab-whatsapp { bottom: 84px; right: 16px; width: 50px; height: 50px; }
  .fab-whatsapp svg { width: 30px; height: 30px; }
  .back-to-top-btn, .scroll-down-btn { left: 16px; width: 40px; height: 40px; }
  .back-to-top-btn { bottom: 140px; }
  .scroll-down-btn { bottom: 84px; }
}