<!-- eeZfi web chat — floating bubble -->
<style>
  #eezfi-launcher{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border:0;
    border-radius:50%;background:#00F5D4;color:#00171F;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:2147483000;}
  #eezfi-panel{position:fixed;right:20px;bottom:92px;width:380px;max-width:calc(100vw - 40px);
    height:640px;max-height:calc(100vh - 120px);border-radius:16px;overflow:hidden;
    box-shadow:0 18px 50px rgba(0,0,0,.4);z-index:2147483000;background:#001A2C;}
  #eezfi-panel[hidden]{display:none;}
  #eezfi-panel iframe{width:calc(100% + 18px);height:100%;border:0;}
</style>

<button id="eezfi-launcher" type="button" aria-label="Chat with us">
  <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 14a2.5 2.5 0 0 1-2.5 2.5H8.5L4.5 19.5V6.5A2.5 2.5 0 0 1 7 4h10.5A2.5 2.5 0 0 1 20 6.5z"/><path d="M12 6.6C12.3 9 13.4 9.9 15.6 10.2 13.4 10.5 12.3 11.4 12 13.8 11.7 11.4 10.6 10.5 8.4 10.2 10.6 9.9 11.7 9 12 6.6Z" fill="currentColor" stroke="none"/></svg>
</button>
<div id="eezfi-panel" hidden>
  <iframe id="eezfi-frame" title="Chat with us"
          data-src="https://YOUR-EEZFI-HOST/eezfi/YOUR-BUSINESS-ID/ethread"></iframe>
</div>

<script>
  (function () {
    var btn = document.getElementById('eezfi-launcher');
    var panel = document.getElementById('eezfi-panel');
    var frame = document.getElementById('eezfi-frame');
    btn.addEventListener('click', function () {
      if (!frame.src) frame.src = frame.getAttribute('data-src'); // lazy-load on first open
      panel.hidden = !panel.hidden;
    });
    // Grow the panel to the chat's real height (capped to the viewport) — no inner scrollbar.
    window.addEventListener('message', function (e) {
      if (!e.data || e.data.type !== 'eezfi:chat-height' || e.source !== frame.contentWindow) return;
      var h = parseInt(e.data.height, 10);
      if (h > 0 && h < 5000) panel.style.height = Math.min(h, window.innerHeight - 120) + 'px';
    });
  })();
</script>