/* Sticky WhatsApp button — bottom right, above the phone menu dock */
.wa-float{position:fixed;z-index:60;right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + var(--gutter));width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:var(--white);border:3px solid var(--white);text-decoration:none;animation:wa-in .6s var(--ease) 3.8s both;transition:transform .4s var(--ease),background .3s,color .3s}
.wa-float svg{width:1.9rem;height:1.9rem}
.wa-float:hover,.wa-float:focus-visible{transform:scale(1.08);background:var(--yellow);color:var(--blue)}
.wa-float::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--blue);animation:wa-ping 2.4s ease-out 4.6s infinite;pointer-events:none}
@keyframes wa-in{from{opacity:0;transform:translateY(24px) scale(.8)}to{opacity:1;transform:none}}
@keyframes wa-ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.6);opacity:0}}
@media (max-width:980px){.wa-float{bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem);width:3.4rem;height:3.4rem}.wa-float svg{width:1.6rem;height:1.6rem}}
@media (prefers-reduced-motion:reduce){.wa-float,.wa-float::after{animation:none}}
.js-no-motion .wa-float{animation:none}