/* Hotline module: quick contact dock in the Thú Bông Nhỏ rose palette (layout.css tokens). */
.quick-chat{position:fixed;right:16px;bottom:24px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 32px);font-family:Arial,Helvetica,sans-serif}
.quick-chat-link{display:inline-flex;align-items:center;gap:10px;min-height:52px;max-width:320px;padding:6px 20px 6px 6px;border-radius:999px;background:var(--brand,#a13e68);border:2px solid #fff;box-shadow:0 4px 16px #38293633;color:#fff;font-size:15px;font-weight:bold;line-height:1.25;text-decoration:none;transition:.18s ease}
.quick-chat-link:hover,.quick-chat-link:focus-visible,.quick-chat-link.is-hover{background:var(--ink,#382936);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 22px #38293640}
.quick-chat-link:focus-visible{outline:3px solid var(--brand,#a13e68);outline-offset:3px}
.quick-chat-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--brand,#a13e68);font-size:11.5px;font-weight:bold;letter-spacing:.01em}
.quick-chat-zalo .quick-chat-icon{color:#0068ff}
.quick-chat-messenger .quick-chat-icon{color:#0084ff}
.quick-chat-icon svg{width:21px;height:21px;fill:currentColor}
.quick-chat-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-chat-short{display:none}
/* The open chat box is anchored like the dock. While closed, Zalo's own (invisible) button is
   stretched over the Zalo link so a single click opens the box; see js/chat.js. */
.zalo-chat-widget{right:16px!important;bottom:24px!important;left:auto!important}
.zalo-chat-widget.chat-overlay{left:var(--zalo-x)!important;top:var(--zalo-y)!important;right:auto!important;bottom:auto!important;width:60px!important;height:60px!important;transform-origin:0 0;transform:scale(var(--zalo-sx),var(--zalo-sy));opacity:0!important;z-index:31!important}
@media(max-width:767px){
  .quick-chat{right:12px;bottom:14px;max-width:calc(100% - 24px)}
  .quick-chat-link{min-height:48px;padding-right:14px;font-size:14px}
  .quick-chat-text{display:none}
  .quick-chat-short{display:inline}
  .zalo-chat-widget{right:12px!important;bottom:14px!important}
}
@media(prefers-reduced-motion:reduce){.quick-chat-link{transition:none}.quick-chat-link:hover,.quick-chat-link:focus-visible,.quick-chat-link.is-hover{transform:none}}