:root{--quanly:#2f6bff}
.quanly-hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
.quanly-form{font:15px/1.5 inherit;max-width:520px}
.quanly-form__title{font-size:22px;font-weight:700;margin:0 0 4px;color:#111}
.quanly-form__intro{margin:0 0 14px;color:#666;font-size:14px}
.quanly-form__product{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--quanly) 10%,#fff);font-size:13px;color:#333}
.quanly-field{display:block;margin:0 0 10px}
.quanly-field span{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px;text-transform:uppercase;letter-spacing:.02em}
.quanly-field input,.quanly-field textarea{width:100%;box-sizing:border-box;border:1px solid #d9dde3;border-radius:10px;padding:10px 12px;font:15px inherit;background:#fff;transition:border .15s,box-shadow .15s}
.quanly-field input:focus,.quanly-field textarea:focus{outline:0;border-color:var(--quanly);box-shadow:0 0 0 3px color-mix(in srgb,var(--quanly) 20%,transparent)}
.quanly-field.is-error input,.quanly-field.is-error textarea{border-color:#e5484d}
.quanly-submit{width:100%;border:0;border-radius:10px;padding:12px 16px;font:600 15px inherit;color:#fff;background:var(--quanly);cursor:pointer;transition:filter .15s,transform .1s}
.quanly-submit:hover{filter:brightness(1.08)}.quanly-submit:active{transform:translateY(1px)}.quanly-submit[disabled]{opacity:.6;cursor:wait}
.quanly-form__msg{margin-top:10px;font-size:14px;min-height:1em}.quanly-form__msg.is-ok{color:#15803d;font-weight:600}.quanly-form__msg.is-err{color:#e5484d}
.quanly-popup{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.quanly-popup[hidden]{display:none}
.quanly-popup__box{position:relative;background:#fff;border-radius:16px;padding:24px;width:100%;max-width:480px;max-height:92vh;overflow:auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);animation:quanly-in .25s ease}
.quanly-popup__close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:28px;line-height:1;color:#888;cursor:pointer}
@keyframes quanly-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.quanly-cta{position:fixed;bottom:18px;z-index:99998;display:flex;flex-direction:column;gap:10px}
.quanly-cta.is-right{right:18px;align-items:flex-end}.quanly-cta.is-left{left:18px;align-items:flex-start}
.quanly-cta__btn{position:relative;display:flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 12px;border-radius:999px;color:#fff;text-decoration:none;font:600 14px inherit;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);transition:transform .15s,filter .15s}
.quanly-cta__btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff}
.quanly-cta__icon{display:inline-grid;place-items:center;width:24px;height:24px}
.quanly-cta__icon svg{width:22px;height:22px}
.quanly-cta__icon img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.quanly-cta__btn.is-call{background:#16a34a;animation:quanly-ring 2.4s infinite}
.quanly-cta__btn.is-zalo{background:#0068ff}.quanly-cta__btn.is-messenger{background:#0084ff}.quanly-cta__btn.is-whatsapp{background:#25d366}.quanly-cta__btn.is-email{background:#ea580c}.quanly-cta__btn.is-telegram{background:#229ed9}.quanly-cta__btn.is-viber{background:#7360f2}.quanly-cta__btn.is-facebook{background:#1877f2}.quanly-cta__btn.is-link{background:#475569}.quanly-cta__btn.is-top{background:#334155}.quanly-cta__btn.is-quote{background:var(--quanly)}
.quanly-zalo{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#fff;color:#0068ff;font:800 10px/1 Arial,sans-serif}
@keyframes quanly-ring{0%,100%{box-shadow:0 10px 24px -8px rgba(0,0,0,.45),0 0 0 0 rgba(22,163,74,.5)}50%{box-shadow:0 10px 24px -8px rgba(0,0,0,.45),0 0 0 10px rgba(22,163,74,0)}}
/* ── "bundle" style: round icons stacked like Chat Bundle, wiggle + green online dot ── */
.quanly-cta.is-style-bundle .quanly-cta__btn{width:52px;height:52px;padding:0;justify-content:center;animation:quanly-wiggle 1.4s infinite ease-in-out}
.quanly-cta.is-style-bundle .quanly-cta__btn:nth-child(2n){animation-delay:.35s}.quanly-cta.is-style-bundle .quanly-cta__btn:nth-child(3n){animation-delay:.7s}
.quanly-cta.is-style-bundle .quanly-cta__btn.has-img{background:transparent;box-shadow:none}
.quanly-cta.is-style-bundle .quanly-cta__icon{width:28px;height:28px}.quanly-cta.is-style-bundle .quanly-cta__icon svg{width:26px;height:26px}
.quanly-cta.is-style-bundle .quanly-cta__btn.has-img .quanly-cta__icon{width:52px;height:52px}
.quanly-cta.is-style-bundle .quanly-cta__btn.has-img .quanly-cta__icon img{box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.quanly-cta__btn.is-top[hidden]{display:none}
.quanly-cta.is-style-bundle .quanly-cta__btn.is-top{animation:none}
.quanly-cta.is-style-bundle .quanly-cta__btn.is-top::after{display:none}
.quanly-cta.is-style-bundle .quanly-cta__btn::after{content:"";position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,.25)}
.quanly-cta.is-style-bundle .quanly-cta__btn:hover{animation-play-state:paused}
@keyframes quanly-wiggle{0%,50%,100%{transform:rotate(0) scale(1)}10%,30%{transform:rotate(-14deg) scale(1.04)}20%,40%{transform:rotate(14deg) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.quanly-cta__btn{animation:none!important}}
@media (max-width:640px){.quanly-cta.is-style-pill .quanly-cta__text{display:none}.quanly-cta.is-style-pill .quanly-cta__btn{width:48px;justify-content:center;padding:0}.quanly-popup__box{padding:20px 16px}}