.dathaco-site .support-widget{--cta-color:var(--d-cyan,#00e5ff);--cta-ring:color-mix(in srgb,var(--d-cyan,#00e5ff) 48%,transparent);--bubble-size:44px;--fab-size:56px;--cta-gutter:clamp(20px,3vw,28px);position:fixed;width:var(--fab-size);height:var(--fab-size);right:calc(var(--cta-gutter) + env(safe-area-inset-right, 0px));bottom:calc(var(--cta-gutter) + env(safe-area-inset-bottom, 0px));z-index:1000;isolation:isolate;overflow:visible}.dathaco-site .support-fab{position:absolute;inset:0;width:var(--fab-size);height:var(--fab-size);display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--d-cyan) 88%,#fff) 0,var(--d-cyan) 55%,color-mix(in srgb,var(--d-cyan) 75%,#000) 100%);color:var(--d-on-cyan,#041018);box-shadow:0 10px 23px color-mix(in srgb,var(--d-cyan) 35%,transparent),inset 0 1px 1px rgba(255,255,255,.22);cursor:pointer;z-index:3;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.dathaco-site .support-fab:hover{transform:translateY(-2px)}.dathaco-site .support-fab:active{transform:scale(.96)}.dathaco-site .support-bubble:focus-visible,.dathaco-site .support-fab:focus-visible{outline:3px solid var(--d-cyan);outline-offset:4px}.dathaco-site .fab-icon{position:absolute;width:24px;height:24px;transition:opacity .22s ease,transform .42s cubic-bezier(.22,1.4,.4,1)}.dathaco-site .fab-icon--headset{opacity:1;transform:scale(1) rotate(0deg)}.dathaco-site .fab-icon--close{opacity:0;transform:scale(.55) rotate(-90deg)}.dathaco-site .support-widget.is-open .fab-icon--headset{opacity:0;transform:scale(.5) rotate(100deg)}.dathaco-site .support-widget.is-open .fab-icon--close{opacity:1;transform:scale(1) rotate(0deg)}.dathaco-site .support-ripple{position:absolute;inset:0;border:2px solid var(--cta-ring);border-radius:50%;z-index:0;pointer-events:none;opacity:0}.dathaco-site .support-widget:not(.is-open) .support-ripple{animation:dathaco-support-ripple 2.5s ease-out infinite}.dathaco-site .support-widget:not(.is-open) .support-ripple--two{animation-delay:1.25s}@keyframes dathaco-support-ripple{0%{transform:scale(1);opacity:.72;border-width:2px}56%{opacity:.31}to{transform:scale(2.15);opacity:0;border-width:1px}}.dathaco-site .support-widget.is-open .support-ripple{animation:none;opacity:0}.dathaco-site .support-actions{position:absolute;inset:0;pointer-events:none;z-index:2}.dathaco-site .support-widget.is-open .support-actions{pointer-events:auto}.dathaco-site .support-bubble{--tx:0px;--ty:0px;--stagger:0ms;position:absolute;bottom:6px;right:6px;width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;color:#fff;text-decoration:none;display:grid;place-items:center;opacity:0;transform:translate(0) scale(.15);pointer-events:none;visibility:hidden}.dathaco-site .support-widget.is-open .support-bubble{visibility:visible;pointer-events:auto;animation:dathaco-bubble-spring .62s var(--stagger) both}.dathaco-site .support-widget.is-closing .support-bubble{visibility:visible;pointer-events:none;animation:dathaco-bubble-retreat .24s both}.dathaco-site .support-widget.is-closing .support-bubble--phone{animation-delay:30ms}.dathaco-site .support-widget.is-closing .support-bubble--zalo{animation-delay:15ms}.dathaco-site .support-widget.is-closing .support-bubble--facebook{animation-delay:0s}@keyframes dathaco-bubble-spring{0%{opacity:0;transform:translate(0) scale(.2)}39%{opacity:1}56%{transform:translate(calc(var(--tx) * 1.09),calc(var(--ty) * 1.09)) scale(1.14)}74%{transform:translate(calc(var(--tx) * .985),calc(var(--ty) * .985)) scale(.94)}89%{transform:translate(calc(var(--tx) * 1.008),calc(var(--ty) * 1.008)) scale(1.025)}to{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}}@keyframes dathaco-bubble-retreat{0%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}55%{opacity:1;transform:translate(calc(var(--tx) * .48),calc(var(--ty) * .48)) scale(.73)}to{opacity:0;transform:translate(0) scale(.1)}}.dathaco-site .bubble-icon{position:absolute;inset:0;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;box-shadow:0 6px 16px rgba(0,0,0,.16);overflow:hidden;transition:filter .2s ease}.dathaco-site .bubble-icon--facebook{background:#fff;padding:5px;border-color:#1877f2}.dathaco-site .bubble-icon--zalo{background:#fff;padding:5px;border-color:#00b14f}.dathaco-site .bubble-icon--phone{background:transparent;padding:0;overflow:hidden;border-color:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.12)}.dathaco-site .bubble-icon .bubble-logo,.dathaco-site .bubble-icon img{width:100%!important;height:100%!important;object-fit:contain}.dathaco-site .bubble-icon--phone .bubble-logo--phone{object-fit:cover;border-radius:50%}.dathaco-site .bubble-icon--zalo .bubble-logo--zalo{width:118%!important;height:auto!important;max-height:100%;object-fit:contain;object-position:46% center;transform:translateX(-1px)}.dathaco-site .support-bubble:hover .bubble-icon{filter:brightness(1.06)}.dathaco-site .bubble-label{position:absolute;right:calc(var(--bubble-size) + 14px);white-space:nowrap;color:var(--d-on-surface,#e8f4f2);font-size:12px;font-weight:700;background:var(--d-surface,#0d1418);padding:9px 11px;border:1px solid var(--d-border-glow,rgba(0,229,255,.25));border-radius:9px;box-shadow:0 5px 17px rgba(0,0,0,.25);opacity:0;transform:translateX(5px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dathaco-site .support-widget.is-open .support-bubble:focus-visible .bubble-label,.dathaco-site .support-widget.is-open .support-bubble:hover .bubble-label{opacity:1;transform:translateX(0)}.dathaco-site .support-tip{position:absolute;top:50%;right:calc(var(--fab-size) + 14px);transform:translateY(-50%);background:var(--d-surface);white-space:nowrap;border:1px solid var(--d-border-glow);box-shadow:0 8px 20px rgba(0,0,0,.2);padding:11px 14px;border-radius:10px;color:var(--d-cyan);font-size:12px;font-weight:700;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.dathaco-site .support-widget:not(.is-open) .support-fab:focus-visible~.support-tip,.dathaco-site .support-widget:not(.is-open) .support-fab:hover~.support-tip{opacity:1;transform:translate(-3px,-50%)}@media (prefers-reduced-motion:reduce){.dathaco-site .support-widget:not(.is-open) .support-ripple{opacity:0}.dathaco-site .support-widget.is-open .support-bubble{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1);visibility:visible}}