/* ── Help Bot ── injected via ../helpbot.html snippet */
.helpbot-toggle{position:fixed;bottom:24px;right:24px;z-index:9999;width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-size:24px;cursor:pointer;
  box-shadow:0 4px 20px rgba(99,102,241,0.4);transition:all .3s;display:flex;align-items:center;justify-content:center}
.helpbot-toggle:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(99,102,241,0.5)}
.helpbot-toggle .pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(99,102,241,0.3);
  animation:hbPulse 2s ease-out infinite}
@keyframes hbPulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}

.helpbot-panel{position:fixed;bottom:90px;right:24px;z-index:9999;width:360px;max-height:520px;
  background:#0c101c;border:1px solid #1a1f2e;border-radius:16px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);display:none;flex-direction:column;animation:hbSlide .3s ease}
.helpbot-panel.open{display:flex}
@keyframes hbSlide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.helpbot-header{padding:14px 18px;background:linear-gradient(135deg,#1a1030,#12122a);
  border-bottom:1px solid rgba(99,102,241,0.1);display:flex;align-items:center;gap:10px}
.helpbot-header .icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);
  display:flex;align-items:center;justify-content:center;font-size:16px}
.helpbot-header .info{flex:1}
.helpbot-header .info h3{font-size:14px;color:#fff;margin:0}
.helpbot-header .info p{font-size:11px;color:#64748b;margin:0}
.helpbot-header .close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:4px}
.helpbot-header .close:hover{color:#fff}

.helpbot-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;max-height:340px}
.helpbot-msgs::-webkit-scrollbar{width:4px}
.helpbot-msgs::-webkit-scrollbar-track{background:transparent}
.helpbot-msgs::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:4px}

.hb-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;animation:hbMsgIn .3s ease}
@keyframes hbMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hb-msg.bot{align-self:flex-start;background:#1a1a2e;border:1px solid #2a2a3e;color:#c8ccd4;border-bottom-left-radius:4px}
.hb-msg.user{align-self:flex-end;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.2);color:#e8ecf2;border-bottom-right-radius:4px}
.hb-msg .time{font-size:10px;color:#475569;margin-top:4px;display:block}
.hb-msg a{color:#a5b4fc;text-decoration:underline}
.hb-msg .tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;margin:3px 2px;cursor:pointer;transition:all .2s}
.hb-msg .tag:hover{opacity:0.8}
.tag-product{background:rgba(99,102,241,0.15);color:#a5b4fc;border:1px solid rgba(99,102,241,0.2)}
.tag-price{background:rgba(255,215,0,0.12);color:#ffd700;border:1px solid rgba(255,215,0,0.2)}
.tag-link{background:rgba(16,185,129,0.12);color:#4ade80;border:1px solid rgba(16,185,129,0.2)}

.helpbot-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #1a1f2e;background:rgba(7,7,18,0.5)}
.helpbot-input input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #2a2a3e;background:#12122a;
  color:#e0e0e0;font-size:13px;outline:none;font-family:'Inter',sans-serif}
.helpbot-input input:focus{border-color:#6366f1}
.helpbot-input input::placeholder{color:#475569}
.helpbot-input button{padding:10px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}
.helpbot-input button:hover{transform:scale(1.03)}

.helpbot-suggestions{display:flex;gap:6px;padding:8px 14px;flex-wrap:wrap;border-top:1px solid rgba(26,31,46,0.5)}
.helpbot-suggestions button{padding:5px 12px;border-radius:20px;border:1px solid #2a2a3e;background:transparent;
  color:#8e95a5;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}
.helpbot-suggestions button:hover{border-color:#6366f1;color:#a5b4fc;background:rgba(99,102,241,0.06)}

@media(max-width:480px){.helpbot-panel{width:calc(100vw - 32px);right:16px;bottom:80px;max-height:460px}}