/* ===== WhatsApp Floating Button (Scoped) ===== */

.wa-float-btn{
  position:fixed;
  bottom:24px;
  right:24px;
  width:58px;
  height:58px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:.4s ease;
  z-index:9999;
}

.wa-float-btn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.wa-icon{
  width:30px;
  height:30px;
}

.wa-float-btn:hover{
  transform:scale(1.08);
}

/* Mobile spacing */
@media(max-width:480px){
  .wa-float-btn{
    bottom:18px;
    right:18px;
    width:54px;
    height:54px;
  }
}