/* Ô chat hỏi đáp — góc trái dưới (giỏ hàng ở góc phải) */
.chat-fab{position:fixed;left:22px;bottom:22px;z-index:22;display:flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:99px;padding:12px 18px;background:var(--paper);color:var(--ink);font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.25s}
.chat-fab:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.chat-fab i{width:9px;height:9px;border-radius:50%;background:#3f9b6b;box-shadow:0 0 0 0 rgba(63,155,107,.6);animation:chatPing 2s infinite}
@keyframes chatPing{70%{box-shadow:0 0 0 8px rgba(63,155,107,0)}100%{box-shadow:0 0 0 0 rgba(63,155,107,0)}}
.chat.open .chat-fab{opacity:0;pointer-events:none}
.chat-panel{position:fixed;left:22px;bottom:22px;z-index:32;width:min(380px,calc(100vw - 44px));height:min(560px,calc(100vh - 44px));display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;animation:chatIn .3s cubic-bezier(.2,.7,.2,1)}
.chat-panel[hidden]{display:none}
@keyframes chatIn{from{opacity:0;transform:translateY(16px) scale(.98)}}
.chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.chat-head b{display:block;font-size:15px}.chat-head small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#696760}
.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.msg{max-width:86%;align-self:flex-start}
.msg p{margin:0;padding:10px 14px;border-radius:16px 16px 16px 4px;background:#fffdf8;border:1px solid var(--line);font-size:14px;line-height:1.5}
.msg.user{align-self:flex-end}.msg.user p{background:var(--ink);color:var(--paper);border-color:var(--ink);border-radius:16px 16px 4px 16px}
.msg.error p{background:#fbe9e5;border-color:var(--red)}
.msg.typing p{letter-spacing:.2em;animation:chatBlink 1s infinite}@keyframes chatBlink{50%{opacity:.35}}
.msg-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.msg-actions a{font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;background:var(--red);color:var(--paper);border-radius:99px;padding:8px 12px}
.msg-actions a:hover{background:var(--ink)}
.chat-suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}.chat-suggest:empty{display:none}
.chat-suggest button{border:1px solid var(--ink);background:none;border-radius:99px;padding:7px 11px;font:500 12px var(--sans);color:var(--ink);cursor:pointer}
.chat-suggest button:hover{background:var(--ink);color:var(--paper)}
.chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.chat-form input{flex:1;min-width:0;font:15px var(--sans);padding:11px 14px;border:1px solid var(--line);border-radius:99px;background:#fffdf8;color:var(--ink)}
.chat-form button{width:42px;height:42px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);font-size:18px;cursor:pointer}
.chat-form.busy button{opacity:.4;pointer-events:none}
.chat-note{margin:0;padding:0 16px 10px;font:10px var(--mono);color:#696760}
@media(max-width:700px){.chat-fab{left:14px;bottom:14px;padding:11px 14px}.chat-panel{left:0;right:0;bottom:0;width:100%;height:88vh;border-radius:22px 22px 0 0;border-width:2px 0 0;box-shadow:none}}