/* Nút gọi điện (trái) và nút chat (phải) nổi ở góc dưới: nút tròn gọn, bảng liên hệ dạng thẻ */
.qh-fab-wrap{position:fixed;bottom:20px;z-index:100;width:auto;height:auto;background:none;border-radius:0;display:block}
.qh-fab-wrap--call{left:20px;right:auto}
.qh-fab-wrap--chat{right:20px;left:auto}
.qh-fab{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(16,24,40,.28);transition:transform .15s,box-shadow .15s}
.qh-fab:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.34)}
.qh-fab:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #1c348d}
.qh-fab--call{background:linear-gradient(145deg,#22c55e,#15803d)}
.qh-fab--chat{background:linear-gradient(145deg,#2f4fc4,#1c348d)}
.qh-fab__ring{position:absolute;inset:0;border-radius:50%;border:2px solid #22c55e;opacity:0;animation:qh-fab-ring 2.6s ease-out infinite;pointer-events:none}
@keyframes qh-fab-ring{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
.qh-fab[aria-expanded="true"]{box-shadow:0 0 0 4px rgba(28,52,141,.18),0 6px 18px rgba(16,24,40,.28)}
.qh-fab[aria-expanded="true"] .qh-fab__ring{display:none}
/* Bảng */
.qh-fab__panel{position:absolute;bottom:68px;width:280px;max-width:calc(100vw - 40px);background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(16,24,40,.28);overflow:hidden;transform-origin:bottom;animation:qh-fab-pop .16s ease-out}
.qh-fab__panel[hidden]{display:none}
.qh-fab-wrap--call .qh-fab__panel{left:0}
.qh-fab-wrap--chat .qh-fab__panel{right:0}
@keyframes qh-fab-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.qh-fab__head{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 42px 12px 16px;background:linear-gradient(135deg,#1c348d,#2f4fc4);color:#fff}
.qh-fab__head b{font-size:16px;line-height:1.3}
.qh-fab__head span{font-size:12px;opacity:.85}
.qh-fab__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.qh-fab__close:hover{background:rgba(255,255,255,.3)}
.qh-fab__list{list-style:none;margin:0;padding:6px 8px 8px;max-height:min(60vh,360px);overflow:auto}
.qh-fab__list li{margin:0}
.qh-fab__list a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;color:#1b2430;text-decoration:none}
.qh-fab__list a:hover,.qh-fab__list a:focus-visible{background:#eef3fb}
.qh-fab__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#fff}
.qh-fab__ico svg{display:block;width:20px;height:20px;fill:currentColor}
.qh-fab__ico--tel{background:#16a34a}
.qh-fab__ico--fb{background:#0084ff}
.qh-fab__ico--zalo{background:#0068ff}
.qh-fab__txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.qh-fab__txt strong{font-size:16px;font-weight:700;color:#1b2430}
.qh-fab__txt small{font-size:12.5px;color:#5b6573}
.qh-fab__list a[href^="tel:"] .qh-fab__txt strong{color:#1c348d;font-size:17px}
/* Gợi ý nhỏ cạnh nút chat (hiện một lần mỗi lượt truy cập) */
.qh-fab__tip{position:absolute;right:0;bottom:68px;width:max-content;max-width:230px;padding:10px 30px 10px 14px;border-radius:12px;background:#fff;color:#1b2430;font-size:14px;line-height:1.4;box-shadow:0 8px 24px rgba(16,24,40,.22);animation:qh-fab-pop .2s ease-out}
.qh-fab__tip[hidden]{display:none}
.qh-fab__tip::after{content:"";position:absolute;right:22px;bottom:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(16,24,40,.08)}
.qh-fab__tip button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;background:none;color:#6b7280;font-size:16px;line-height:1;cursor:pointer}
/* Trang sản phẩm có thanh mua hàng dưới đáy: nâng cả hai nút lên bằng nhau */
body.single-product .qh-fab-wrap{bottom:92px}
@media (max-width:991px){
	.qh-fab-wrap{bottom:16px}
	.qh-fab-wrap--call{left:14px}
	.qh-fab-wrap--chat{right:14px}
	.qh-fab{width:52px;height:52px}
	.qh-fab__panel,.qh-fab__tip{bottom:64px}
	body.single-product .qh-fab-wrap{bottom:84px}
}
@media (prefers-reduced-motion:reduce){.qh-fab__ring{animation:none;display:none}.qh-fab__panel,.qh-fab__tip{animation:none}.qh-fab{transition:none}}