.vato-whatsapp {
  position:fixed; z-index:20;
  right:calc(var(--wa-right,24px) + env(safe-area-inset-right,0px));
  bottom:calc(var(--wa-bottom,24px) + env(safe-area-inset-bottom,0px));
  width:var(--wa-size,52px); height:var(--wa-size,52px);
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:#25d366; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 3px 12px rgba(0,0,0,.16); text-decoration:none;
  transition:box-shadow .15s ease;
}
.vato-whatsapp img { display:block; width:62%; height:62%; object-fit:contain; }
.vato-whatsapp:hover { box-shadow:0 4px 16px rgba(0,0,0,.25); }
.vato-whatsapp:focus-visible { outline:3px solid #171717; outline-offset:4px; }
/* Keep the contact shortcut behind the site's interactive overlays. */
body:has(dialog[open]) .vato-whatsapp,
body:has(.vato-suggestions:not([hidden])) .vato-whatsapp,
body:has(.category-dropdown[open]) .vato-whatsapp,
.vato-whatsapp[data-purchase-overlap] { visibility:hidden; }
@media(max-width:640px) {
  .vato-whatsapp {
    width:var(--wa-mobile-size,48px); height:var(--wa-mobile-size,48px);
    right:calc(var(--wa-mobile-right,16px) + env(safe-area-inset-right,0px));
    bottom:calc(var(--wa-mobile-bottom,80px) + env(safe-area-inset-bottom,0px));
  }
}
@media(prefers-reduced-motion:reduce) { .vato-whatsapp { transition:none; } }
@media print { .vato-whatsapp { display:none; } }