/* МаксиОПТ — плавающий ИИ-помощник по подбору товара. Самодостаточные стили. */
.ai-fab{position:fixed;right:20px;bottom:20px;z-index:9999;width:56px;height:56px;border-radius:50%;
  background:#e11d2a;color:#fff;border:0;box-shadow:0 6px 20px rgba(225,29,42,.4);cursor:pointer;
  font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.ai-fab:hover{transform:scale(1.06)}
.ai-fab .ai-fab-badge{position:absolute;top:-4px;right:-4px;background:#0f9d4f;color:#fff;border-radius:999px;
  font-size:10px;font-weight:700;padding:2px 5px;line-height:1}

.ai-panel{position:fixed;right:20px;bottom:88px;z-index:9999;width:360px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;
  box-shadow:0 10px 40px rgba(16,18,22,.22);display:none;flex-direction:column;overflow:hidden;
  font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#15171a}
.ai-panel.open{display:flex}

.ai-head{background:#15171a;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
.ai-head .ai-title{font-weight:700;font-size:15px;flex:1}
.ai-head .ai-sub{font-size:11.5px;color:#9aa1ab;margin-top:1px}
.ai-head button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;opacity:.75;line-height:1}
.ai-head button:hover{opacity:1}

.ai-body{flex:1;overflow-y:auto;padding:14px;background:#f6f7f9;display:flex;flex-direction:column;gap:10px}
.ai-msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.ai-msg.user{align-self:flex-end;background:#e11d2a;color:#fff;border-bottom-right-radius:3px}
.ai-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e7e9ee;border-bottom-left-radius:3px}
.ai-msg.hint{align-self:center;color:#6b7280;font-size:12px;text-align:center;max-width:100%}

.ai-cards{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.ai-card{display:flex;gap:10px;background:#fff;border:1px solid #e7e9ee;border-radius:12px;padding:9px;align-items:center}
.ai-card img{width:52px;height:52px;object-fit:contain;border-radius:8px;background:#f6f7f9;flex:none}
.ai-card .ai-card-ph{width:52px;height:52px;border-radius:8px;background:#f6f7f9;flex:none;display:flex;align-items:center;justify-content:center;color:#9aa1ab;font-size:20px}
.ai-card-info{flex:1;min-width:0}
.ai-card-name{font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ai-card-meta{font-size:11px;color:#6b7280;margin-top:2px}
.ai-card-price{font-size:13px;font-weight:700;margin-top:3px}
.ai-card-price .ai-p2{color:#0f9d4f;font-size:11px;font-weight:600;margin-left:6px}
.ai-card-stock{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:999px;display:inline-block;margin-top:3px}
.ai-card-stock.in{background:#e7f7ee;color:#0f9d4f}
.ai-card-stock.low{background:#fdf3e0;color:#c98a00}
.ai-card-stock.wk{background:#f0f1f3;color:#6b7280}
.ai-card-stock.ord{background:#f3ecfb;color:#7a3fd1}
.ai-card-add{flex:none;border:0;border-radius:8px;background:#e11d2a;color:#fff;font-weight:700;
  font-size:16px;width:32px;height:32px;cursor:pointer;line-height:1}
.ai-card-add:hover{background:#b3121f}
.ai-card-add:disabled{opacity:.4;cursor:default}
.ai-card-noprice{font-size:11.5px;color:#6b7280}

.ai-typing{align-self:flex-start;color:#9aa1ab;font-size:12.5px;padding:2px 4px}

.ai-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e7e9ee;background:#fff}
.ai-form input{flex:1;border:1px solid #e7e9ee;border-radius:10px;padding:10px 12px;font:inherit;min-width:0}
.ai-form input:focus{outline:2px solid #e11d2a22;border-color:#e11d2a}
.ai-form button{border:0;border-radius:10px;background:#e11d2a;color:#fff;font-weight:700;padding:0 16px;cursor:pointer}
.ai-form button:disabled{opacity:.5;cursor:default}

@media (max-width:420px){
  .ai-panel{right:8px;left:8px;width:auto;bottom:80px}
  .ai-fab{right:14px;bottom:14px}
}