.whatsapp-float {
  position: fixed;
  left: max(24px, env(safe-area-inset-left));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 20;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 3px 12px #0003;
  transition: background .15s, transform .15s;
}
.whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
  stroke: none;
}
.whatsapp-float:hover { background: #1ebe5d; transform: translateY(-2px); }
.whatsapp-float:focus-visible { outline: 3px solid var(--wine); outline-offset: 4px; }
@media (max-width: 600px) {
  .whatsapp-float {
    width: 54px;
    height: 54px;
    left: max(16px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
  }
  .toast { bottom: calc(86px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { transition: none; }
  .whatsapp-float:hover { transform: none; }
}