/* Khung chat tư vấn (chat.js) + nút Chat trên thẻ sản phẩm */
.fxc{position:fixed;z-index:10000;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9e5;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;font-family:inherit}
.fxc[hidden]{display:none}
.fxc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;background:#0f4d2c;color:#fff}
.fxc-title b{display:block;font-size:16px;line-height:1.3}
.fxc-title span{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:#d9e7dc}
.fxc-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.fxc-x:hover{background:rgba(255,255,255,.26)}
.fxc-prod{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#faf7f0;border-bottom:1px solid #e8e2d2}
.fxc-prod img{flex:none;width:56px;height:56px;object-fit:cover;border-radius:10px;background:#f0ebdd}
.fxc-prod-t{min-width:0}
.fxc-prod-t b{display:block;font-size:14px;line-height:1.35;color:#17201a}
.fxc-prod-t span{display:block;font-size:12px;color:#46514a;margin-top:2px}
.fxc-thread{flex:1 1 auto;min-height:140px;max-height:320px;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.fxc-m{max-width:86%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word}
.fxc-me{align-self:flex-end;background:#0f4d2c;color:#fff;border-bottom-right-radius:4px}
.fxc-staff{align-self:flex-start;background:#f1f3f1;color:#17201a;border-bottom-left-radius:4px}
.fxc-txt{white-space:pre-wrap}
.fxc-t{display:block;margin-top:3px;font-size:11px;opacity:.7}
.fxc-card{margin-bottom:6px;background:#fff;border-radius:10px;overflow:hidden}
.fxc-card img{display:block;width:100%;max-height:150px;object-fit:cover}
.fxc-card a{display:block;padding:8px 10px;font-size:13px;font-weight:600;color:#0f4d2c;text-decoration:none}
.fxc-form{padding:10px 16px 14px;border-top:1px solid #e8e2d2;background:#fff}
.fxc-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.fxc-contact[hidden]{display:none}
.fxc-form input,.fxc-form textarea{width:100%;box-sizing:border-box;border:1.5px solid #cfc7b2;border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;color:#17201a;background:#fff}
.fxc-form input:focus,.fxc-form textarea:focus{outline:0;border-color:#0f4d2c;box-shadow:0 0 0 3px rgba(15,77,44,.14)}
.fxc-form textarea{resize:none}
.fxc-qty{display:block;margin:0 0 8px;font-size:13px;font-weight:600;color:#17201a}
.fxc-qty[hidden]{display:none}
.fxc-qty input{margin-top:4px;font-weight:400}
.fxc-hp{position:absolute!important;left:-9999px;width:1px!important;height:1px!important}
.fxc-row{display:flex;gap:8px;align-items:flex-end}
.fxc-send{flex:none;min-height:48px;padding:0 18px;border:0;border-radius:12px;background:#0068ff;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.fxc-send:hover{filter:brightness(1.08)}
.fxc-send[disabled]{opacity:.6;cursor:progress}
.fxc-msg{margin:8px 0 0;min-height:18px;font-size:13px;color:#46514a}
.fxc-err{color:#b3261e;font-weight:600}
.fxc-alt{margin:4px 0 0;font-size:13px;color:#46514a}
.fxc-alt a{color:#0f4d2c;font-weight:600}
@media (max-width:575.98px){
  .fxc{right:0;left:0;bottom:0;width:auto;max-width:none;max-height:92vh;border-radius:18px 18px 0 0}
  .fxc-contact{grid-template-columns:1fr}
  .fxc-thread{max-height:34vh}
}
html.fxc-open .ux-dock,html.fxc-open .ux-bar{display:none!important}

/* Nút Chat trên thẻ sản phẩm / trang sản phẩm */
.fx-chat-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:#0f4d2c;color:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.fx-chat-btn:hover{filter:brightness(1.12);color:#fff;text-decoration:none}
.fx-chat-btn:focus-visible{outline:3px solid #99c9a1;outline-offset:2px}

/* Hàng nút dưới thẻ sản phẩm: Chat + Zalo */
.hm-feat-act,.ct-act{margin-top:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.hm-feat-act .hm-feat-zalo,.ct-act .ct-ask{margin-top:0}
.pd-btn--chat{background:#0f4d2c;color:#fff}
.pd-btn--chat:hover{color:#fff;filter:brightness(1.12)}