/* #88 help bubble -> chat-style panel (helpchat88.js). transform/opacity motion only. */
.hc88-bk{position:fixed;inset:0;z-index:2147482990;background:rgba(15,25,30,.32);opacity:0;transition:opacity .2s ease}
.hc88-bk.in{opacity:1}
@media (min-width:601px){.hc88-bk{background:transparent}}
.hc88{position:fixed;z-index:2147483000;bottom:90px;right:16px;width:380px;max-width:calc(100vw - 24px);height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;color:#1d2a2e;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;font-size:15px;line-height:1.45;opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1)}
.hc88.in{opacity:1;transform:none}
.hc88-h{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--th-btn,#0e5e6a);color:#fff;flex:none}
.hc88-av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none}
.hc88-t{flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.3;color:#fff}
.hc88-x{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.hc88-x:hover{background:rgba(255,255,255,.15)}
.hc88-x:focus-visible{outline:3px solid #fff;outline-offset:1px}
.hc88-b{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 8px;background:#f5f7f7;display:flex;flex-direction:column;gap:10px}
.hc88-m{max-width:86%;padding:9px 12px;border-radius:16px;word-wrap:break-word;overflow-wrap:anywhere}
.hc88-m p{margin:0}
.hc88-m.bot{align-self:flex-start;background:#fff;border:1px solid #e3e8e8;border-start-start-radius:5px}
.hc88-m.me{align-self:flex-end;background:var(--th-btn,#0e5e6a);color:#fff;border-start-end-radius:5px}
.hc88-log{display:flex;flex-direction:column;gap:10px}
.hc88-log .hc88-m{animation:hc88in .22s ease both}
@keyframes hc88in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hc88-qs{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0 4px}
.hc88-ql{flex-basis:100%;font-size:12.5px;font-weight:600;color:#5b6b70;margin:2px 2px 0}
.hc88-c{font:inherit;font-size:14px;line-height:1.3;text-align:start;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(14,94,106,.35);background:#fff;color:var(--th-btn,#0e5e6a);cursor:pointer;font-weight:600}
.hc88-c:hover{background:#eef6f5}
.hc88-c[aria-pressed="true"]{background:#e3f1ef;border-color:var(--th-btn,#0e5e6a)}
.hc88-c:focus-visible,.hc88-a:focus-visible,.hc88-s:focus-visible,.hc88-rep:focus-visible{outline:3px solid #0e5e6a;outline-offset:2px}
.hc88-rep{align-self:stretch;font:inherit;font-weight:700;padding:9px 12px;border-radius:12px;border:0;background:#fdecec;color:#a61b1b;cursor:pointer}
.hc88-f{flex:none;border-top:1px solid #e6eaea;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
.hc88-acts{display:flex;gap:8px;margin-bottom:9px}
.hc88-a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none}
.hc88-wa{background:#1f9e4f;color:#fff}
.hc88-wa:hover{background:#198a44}
.hc88-call{background:#fff;color:var(--th-btn,#0e5e6a);border:1.5px solid rgba(14,94,106,.4)}
.hc88-call:hover{background:#eef6f5}
.hc88-form{display:flex;gap:8px;align-items:center;margin:0}
.hc88-in{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:22px;border:1.5px solid #cfd8d9;background:#fff;font:inherit;font-size:16px;color:#1d2a2e}
.hc88-in:focus{outline:none;border-color:var(--th-btn,#0e5e6a);box-shadow:0 0 0 3px rgba(14,94,106,.18)}
.hc88-s{width:44px;height:44px;flex:none;border-radius:50%;border:0;background:#1f9e4f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hc88[dir="rtl"] .hc88-s svg{transform:scaleX(-1)}
.hc88-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* the ⋯ bubble shows its X while the panel is open (same swap as the old stack) */
.dkhub.hc88-open .dkhub-dots{opacity:0;transform:rotate(90deg) scale(.6)}
.dkhub.hc88-open .dkhub-x{opacity:1;transform:none}
.dkhub.hc88-open{z-index:2147483001}
/* the ⋯ bubble sat UNDER the full-height home hero on phones (hero z-index 80 > hub 61): visible spot, but untappable/hidden. 81 = above the hero, below menus/modals (100) */
.dkhub{z-index:81}
/* phone: bottom sheet */
@media (max-width:600px){
  .hc88{left:0!important;right:0!important;bottom:0!important;width:100%;max-width:none;height:auto;max-height:86vh;max-height:86dvh;min-height:min(460px,80vh);border-radius:18px 18px 0 0;transform:translateY(100%);transform-origin:bottom center}
  .hc88.in{transform:none}
  html.hc88-on .dkhub{opacity:0;pointer-events:none}
  html.hc88-on .dkhub *{pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.hc88,.hc88-bk{transition:none}.hc88-log .hc88-m{animation:none}}