/* Bong bóng tư vấn nhanh.
   - Mặc định là thẻ nhỏ một dòng (câu hỏi + nút "Trả lời"), bấm mới bung biểu mẫu.
   - PC: góc dưới bên phải, đúng chỗ nút tròn chat Subiz (nút này tạm ẩn khi thẻ đang hiện, thẻ đóng thì hiện lại). Dạng gọn nằm dưới cột nút liên hệ nổi; khi bung biểu mẫu thì dịch sang trái cột đó để không đè nút gọi/Zalo/Messenger.
   - Mobile: nằm phía trên nút Subiz và thanh liên hệ đáy (62px).
   - Viền trắng + bóng đổ để luôn nổi trên mọi nền (nút cam, ảnh sản phẩm…). */
.kdnv-tv{position:fixed;right:24px;left:auto;bottom:24px;z-index:99990;width:292px;max-width:calc(100vw - 48px);box-sizing:border-box;padding:12px 14px;border-radius:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,.14);box-shadow:0 0 0 3px #fff,0 8px 26px rgba(0,0,0,.32);font-size:13.5px;line-height:1.4;animation:kdnv-tv-vao .25s ease-out}
@keyframes kdnv-tv-vao{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kdnv-tv{animation:none}}
.kdnv-tv *{box-sizing:border-box}
.kdnv-tv__dong{position:absolute;top:-11px;right:-9px;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#444;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.kdnv-tv__dong:hover,.kdnv-tv__dong:focus-visible{background:#f1f1f1;color:#000}
.kdnv-tv__ten{margin:0 0 3px;font-size:11.5px;font-weight:600;color:#d8232a}
.kdnv-tv__hoi{margin:0 0 8px;font-size:14.5px;font-weight:700}
.kdnv-tv__nhan{display:block;margin:0 0 6px}
.kdnv-tv__nhan span{display:block;margin:0 0 2px;font-size:11.5px;color:#555}
.kdnv-tv__cap{display:flex;gap:8px;margin:0 0 4px}
.kdnv-tv__cap .kdnv-tv__nhan{flex:1 1 0;min-width:0;margin:0}
.kdnv-tv input[type=text],.kdnv-tv input[type=tel]{width:100%;height:36px;padding:0 9px;border:1px solid #cfcfcf;border-radius:8px;font-size:14px;background:#fff;color:#222}
.kdnv-tv input:focus{outline:2px solid #d8232a;outline-offset:1px;border-color:#d8232a}
.kdnv-tv__bay{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.kdnv-tv__gui{width:100%;height:38px;margin-top:6px;border:0;border-radius:8px;background:#d8232a;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.kdnv-tv__gui:hover:not(:disabled){background:#b81d23}
.kdnv-tv__gui:disabled{opacity:.7;cursor:default}
.kdnv-tv__loi{margin:4px 0 2px;color:#b00020;font-size:12px}
.kdnv-tv__ghi{margin:6px 0 0;font-size:11px;color:#777}
.kdnv-tv__xong{margin:0;padding:4px 2px;font-size:14px;font-weight:700;line-height:1.45;color:#176b2c}
.kdnv-tv__xong::before{content:"\2713";display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#176b2c;color:#fff;text-align:center;line-height:22px;font-size:14px;vertical-align:middle}
.kdnv-tv [hidden]{display:none!important}

/* Nút "Trả lời": chỉ hiện ở dạng gọn. */
.kdnv-tv__mo{display:none}

/* Nút tròn chat Subiz được ẩn bằng JS (kdnv-tu-van.js) trong lúc thẻ hiện; đóng thẻ là nút hiện lại. */

/* Bung biểu mẫu: tránh cột nút liên hệ nổi (cách phải 36px, rộng 48px) nên lùi sang trái. */
.kdnv-tv:not(.kdnv-tv--gon){right:100px}

/* Dạng gọn (mặc định): một dòng câu hỏi + nút, nhỏ như các bong bóng liên hệ khác. */
.kdnv-tv--gon{width:auto;max-width:min(300px,calc(100vw - 48px));padding:9px 12px}
.kdnv-tv--gon .kdnv-tv__form{display:flex;align-items:center;gap:10px}
.kdnv-tv--gon .kdnv-tv__ten,.kdnv-tv--gon .kdnv-tv__cap,.kdnv-tv--gon .kdnv-tv__nhan,.kdnv-tv--gon .kdnv-tv__gui,.kdnv-tv--gon .kdnv-tv__loi,.kdnv-tv--gon .kdnv-tv__ghi{display:none}
.kdnv-tv--gon .kdnv-tv__hoi{flex:1 1 auto;margin:0;font-size:13.5px;line-height:1.3}
.kdnv-tv--gon .kdnv-tv__mo{display:block;flex:0 0 auto;height:34px;padding:0 14px;border:0;border-radius:17px;background:#d8232a;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer}
.kdnv-tv--gon .kdnv-tv__mo:hover{background:#b81d23}

@media (max-width:768px){
	/* Phía trên thanh liên hệ đáy (62px); nút Subiz đã ẩn khi thẻ hiện. */
	.kdnv-tv,.kdnv-tv:not(.kdnv-tv--gon){left:10px;right:10px;bottom:74px;width:auto;max-width:none;padding:10px 12px;font-size:13px}
	.kdnv-tv--gon{max-width:none;padding:8px 10px 8px 12px}
	.kdnv-tv__hoi{font-size:14px}
	.kdnv-tv input[type=text],.kdnv-tv input[type=tel]{height:34px;font-size:16px}
	.kdnv-tv__gui{height:36px;margin-top:4px}
	.kdnv-tv__ghi{display:none}
}