/* WhatsApp gomb (2026-10-14): tinta kör a jobb alsó sarokban, csak a hero után, a demó teljes képernyős nézetében rejtve */
.wa { position: fixed; right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); z-index: 60; width: 54px; height: 54px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 28px -8px rgb(21 25 29 / .5); opacity: 0; translate: 0 10px; pointer-events: none; transition: opacity 220ms, translate 220ms, background-color 160ms; }
.wa.on { opacity: 1; translate: 0 0; pointer-events: auto; }
.wa:hover { background: #2A3036; }
.wa svg { width: 26px; height: 26px; }
.wa .tip { position: absolute; right: 64px; white-space: nowrap; font-size: 14px; font-weight: 500; background: var(--card); color: var(--ink); padding: 8px 12px; border-radius: 999px; box-shadow: 0 0 0 1px var(--line), 0 8px 20px -10px rgb(21 25 29 / .35); opacity: 0; translate: 6px 0; transition: opacity 160ms, translate 160ms; pointer-events: none; }
.wa:hover .tip, .wa:focus-visible .tip { opacity: 1; translate: 0 0; }
body.demo-on .wa { display: none; }
@media (prefers-reduced-motion: reduce) { .wa, .wa .tip { transition: none; } }