/* Shared floating support: lift circles, expand left; all device sizes. */
#hhm-support {--hhm-support-step:82px;position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:62px;height:62px;z-index:990;font-family:'Segoe UI',Arial,sans-serif;pointer-events:none;}
#hhm-support .hhm-support-links {position:absolute;right:0;bottom:76px;width:220px;max-width:calc(100vw - 32px);height:234px;display:block;list-style:none!important;padding:0;margin:0;visibility:hidden;pointer-events:none;}
#hhm-support li {position:absolute;right:0;bottom:0;list-style:none!important;margin:0;padding:0;width:100%;height:70px;opacity:0;pointer-events:none;}
#hhm-support li:nth-child(1) {bottom:calc(2 * var(--hhm-support-step));}
#hhm-support li:nth-child(2) {bottom:var(--hhm-support-step);}
#hhm-support li::marker {content:'';}
#hhm-support .hhm-support-link {position:absolute;right:0;bottom:0;display:block;box-sizing:border-box;width:54px;height:54px;overflow:hidden;border-radius:27px;background:#fff;border:1px solid #eee1d7;box-shadow:0 5px 20px #26314016;text-decoration:none;color:#2b3440;pointer-events:auto;}
#hhm-support .hhm-support-icon {position:absolute;left:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
#hhm-support .hhm-support-icon svg {width:28px;height:28px;display:block;}
#hhm-support .hhm-support-icon-zalo {background:#edf6ff;}
#hhm-support .hhm-support-icon-zalo svg {height:15px;}
#hhm-support .hhm-support-icon-phone {background:#fff1e6;}
#hhm-support .hhm-support-icon-phone svg path {fill:#f66b15;}
#hhm-support .hhm-support-icon-messenger {background:#f5efff;}
#hhm-support .hhm-support-icon-messenger svg {width:38px;height:38px;}
#hhm-support .hhm-support-label {position:absolute;left:62px;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;opacity:0;white-space:nowrap;}
#hhm-support strong {font-size:14px;line-height:1.4;font-weight:600;}
#hhm-support small {font-size:11px;line-height:1.4;color:#707783;}
#hhm-support .hhm-support-toggle {position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:62px;height:62px;padding:0;margin:0;border:0;border-radius:50%;background:#f66b15;color:white;box-shadow:0 5px 18px #b84e0640;cursor:pointer;pointer-events:auto;}
#hhm-support .hhm-support-toggle svg {width:25px;height:25px;transition:opacity .15s,transform .2s;}
#hhm-support .hhm-support-toggle span {font-size:11px;font-weight:600;line-height:1.3;}
#hhm-support .hhm-support-toggle::before,#hhm-support .hhm-support-toggle::after {content:'';position:absolute;left:21px;top:22px;width:20px;height:2px;border-radius:2px;background:white;opacity:0;transform:rotate(0);transition:opacity .15s,transform .2s;}
#hhm-support.is-open .hhm-support-toggle svg {opacity:0;transform:scale(.7);}
#hhm-support.is-open .hhm-support-toggle::before {opacity:1;transform:rotate(45deg);}
#hhm-support.is-open .hhm-support-toggle::after {opacity:1;transform:rotate(-45deg);}
#hhm-support a:focus-visible,#hhm-support button:focus-visible,#hhm-demo-footer #back-to-top:focus-visible {outline:2px solid #f66b15;outline-offset:4px;}
@media(hover:hover) {#hhm-support .hhm-support-link:hover {border-color:#f9a66d;box-shadow:0 9px 24px #26314022;}}
#hhm-demo-footer #back-to-top {position:fixed;right:30px;bottom:calc(98px + env(safe-area-inset-bottom,0px));width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #ffe0c9;border-radius:12px;background:#fff3e9;color:#d9570d;box-shadow:0 3px 14px #26314018;opacity:1;z-index:989;transition:bottom .42s cubic-bezier(.2,.7,.2,1);}
body.hhm-support-open #hhm-demo-footer #back-to-top {bottom:calc(348px + env(safe-area-inset-bottom,0px));}
@media(max-width:1100px) {#hhm-support {right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));}#hhm-demo-footer #back-to-top {right:27px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:40px;height:40px;}body.hhm-support-open #hhm-demo-footer #back-to-top {bottom:calc(338px + env(safe-area-inset-bottom,0px));}}
@media(max-width:600px) {#hhm-demo-footer .footer__box-information {padding-bottom:36px;}}
@media(prefers-reduced-motion:reduce) {#hhm-support .hhm-support-toggle svg,#hhm-support .hhm-support-toggle::before,#hhm-support .hhm-support-toggle::after,#hhm-demo-footer #back-to-top {transition:none;}}
