.chat-launcher{position:fixed;right:20px;bottom:20px;z-index:200;min-height:52px;padding:0 20px;border:1px solid #111;background:#111;color:#fff;font-weight:800;font-size:.86rem;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.chat-launcher:hover{background:#333}
.chat-panel{position:fixed;right:20px;bottom:84px;z-index:200;display:none;flex-direction:column;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));background:#fff;border:1px solid #111;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.chat-panel.open{display:flex}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #111;background:#111;color:#fff}
.chat-head b{font-size:.92rem}
.chat-head small{display:block;color:#bbb;font-size:.68rem;margin-top:2px}
.chat-close{width:32px;height:32px;border:1px solid #fff;background:transparent;color:#fff;font-size:1.05rem;min-height:auto}
.chat-messages{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:#fafafa}
.chat-msg{max-width:86%;padding:9px 12px;font-size:.86rem;line-height:1.4;border:1px solid var(--line,#e7e7e7)}
.chat-msg.customer{align-self:flex-end;background:#111;color:#fff;border-color:#111}
.chat-msg.ai,.chat-msg.system{align-self:flex-start;background:#fff}
.chat-msg.staff{align-self:flex-start;background:#eef6ff;border-color:#bcd6f5}
.chat-msg.staff small{display:block;color:#3866a3;font-weight:800;font-size:.66rem;margin-bottom:3px;text-transform:uppercase}
.chat-products{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.chat-product{display:flex;gap:10px;padding:8px;border:1px solid var(--line,#e7e7e7);background:#fff;text-align:left}
.chat-product img{width:52px;height:60px;object-fit:cover;flex:none;background:#f2f2f2}
.chat-product-copy{display:flex;flex-direction:column;gap:2px;font-size:.78rem}
.chat-product-copy b{font-size:.82rem}
.chat-product-copy span{color:#6b6b6b}
.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-top:1px solid var(--line,#e7e7e7);background:#fff}
.chat-quick button{min-height:32px;padding:0 10px;border:1px solid #111;background:#fff;font-size:.72rem;font-weight:700}
.chat-quick button:hover{background:#f3f3f3}
.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #111}
.chat-form input{flex:1;border:1px solid #bbb;padding:0 12px;height:42px}
.chat-form button{min-height:42px;padding:0 16px;border:1px solid #111;background:#111;color:#fff;font-weight:800}
.chat-disclosure{padding:6px 16px;font-size:.66rem;color:#8a8a8a;background:#fff;border-top:1px solid var(--line,#e7e7e7)}
.chat-offline{padding:10px 16px;font-size:.78rem;color:#8a3b3b;background:#fdeceb}
@media (max-width:520px){.chat-panel{right:8px;left:8px;width:auto;bottom:76px}.chat-launcher{right:8px;bottom:8px}}
@media (prefers-reduced-motion:reduce){.chat-panel,.chat-launcher{transition:none!important}}
/* "Talk to human" → WhatsApp handoff */
.chat-handoff b{letter-spacing:.02em}
.chat-whatsapp{display:inline-block;margin-top:8px;padding:8px 14px;border:0;border-radius:999px;background:#075e54;color:#fff;font:inherit;font-weight:700;font-size:.82rem;text-decoration:none;cursor:pointer}
.chat-whatsapp:hover{background:#054740}
.chat-whatsapp:focus-visible{outline:2px solid #111;outline-offset:2px}