#wc-guided-chat-wrap { position: fixed; bottom: 20px; right: 20px; z-index: 99999; font-family: Arial, sans-serif; }
#wc-chat-toggle { background:#0088cc; color:#fff; border-radius:50px; padding:12px 18px; border:none; cursor:pointer; }
#wc-guided-chat { width:360px; max-width:calc(100vw - 40px); height:520px; background:#fff; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.2); overflow:hidden; display:flex; flex-direction:column; }
#wc-guided-chat.closed { display:none; }
.chat-header{ background:#0088cc; color:#fff; padding:12px; font-weight:600; display:flex; align-items:center; gap:8px; }
.chat-body{ padding:12px; overflow:auto; flex:1; background:#f6f7f9; }
.chat-footer{ padding:10px; }
.message{ margin-bottom:10px; max-width:100%; }
.message.bot .bubble{ background:#fff; padding:10px; border-radius:8px; display:inline-block; box-shadow:0 1px 0 rgba(0,0,0,0.05); }
.options{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.wc-option{ background:#e9e9eb; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; }
.wc-option.link{ background:transparent; text-decoration:underline; padding:6px 0; }
.prod-grid{ display:flex; gap:8px; flex-wrap:wrap; }
.prod-card{ width:48%; background:#fff; padding:8px; border-radius:6px; box-shadow:0 1px 2px rgba(0,0,0,0.05); text-align:center; }
.prod-card img{ max-width:100%; height:100px; object-fit:contain; }
.p-title{ font-size:13px; margin-top:6px; }
.p-price{ font-weight:700; margin-top:4px; }
.btn-view{ display:inline-block; margin-top:8px; background:#000; color:#fff; padding:6px 8px; border-radius:6px; text-decoration:none; } 
@media(max-width:600px){ #wc-guided-chat{ width:100%; height:70vh; left:0; right:0; bottom:0; border-radius:12px 12px 0 0; } #wc-chat-toggle{ right:18px; bottom:92px; } }