@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

#kanika-sai-root{--paper:#fffdf9;--soft:#faf5ed;--ink:#342720;--muted:#817268;--line:#e8dccb;--accent:#b58a56;--sage:#75816b;position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink)}
#kanika-sai-root *{box-sizing:border-box}
.ksai-launcher{pointer-events:auto;position:absolute;right:24px;bottom:24px;width:62px;height:62px;padding:4px;border:1px solid var(--line);border-radius:50%;background:var(--paper);box-shadow:0 16px 45px rgba(52,39,32,.20);cursor:pointer;transition:.2s}
.ksai-launcher:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(52,39,32,.24)}
.ksai-launcher img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ksai-launcher-pulse{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--sage);border:2px solid #fff;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(117,129,107,.15);transform:scale(1.15)}}
.ksai-panel{pointer-events:auto;display:none;position:absolute;inset:18px;background:var(--paper);border:1px solid rgba(232,220,203,.95);border-radius:26px;overflow:hidden;box-shadow:0 30px 100px rgba(52,39,32,.20);flex-direction:column}
.ksai-panel.open{display:flex;animation:panelIn .22s ease}
.ksai-panel.ksai-compact{inset:auto 24px 24px auto;width:390px;height:min(720px,calc(100vh - 48px));border-radius:24px}
.ksai-panel.ksai-wide{inset:18px 7vw;width:auto;height:auto}
@keyframes panelIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.ksai-header{height:70px;flex:0 0 70px;padding:10px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,249,.96)}
.ksai-brand{display:flex;gap:10px;align-items:center;min-width:0}.ksai-brand img{width:45px;height:45px;border-radius:50%;object-fit:cover}.ksai-brand strong{font-family:Manrope,sans-serif;display:block;font-size:15px;font-weight:800}.ksai-brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.ksai-tools{display:flex;gap:4px}.ksai-tools button{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.ksai-tools button:hover{background:var(--soft);color:var(--ink)}
.ksai-quickbar{flex:0 0 34px;display:flex;align-items:center;gap:7px;padding:0 18px;color:var(--muted);font-size:10px;border-bottom:1px solid #f0e7dc;background:#fffaf3}.ksai-quickbar span:first-child{color:var(--ink);font-weight:700}
.ksai-messages{flex:1;min-height:0;overflow:auto;padding:18px max(18px,4vw) 12px;scroll-behavior:smooth}.ksai-msg{max-width:min(680px,88%);padding:10px 13px;border-radius:16px;margin:7px 0;font-size:13px;line-height:1.55}.ksai-msg.bot{background:#f5eee4;border-bottom-left-radius:5px}.ksai-msg.user{background:var(--ink);color:#fff;margin-left:auto;border-bottom-right-radius:5px}
.ksai-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:10px 0 14px}.ksai-product{background:#fff;border:1px solid var(--line);border-radius:17px;padding:9px;display:grid;grid-template-columns:88px 1fr;gap:11px;box-shadow:0 5px 18px rgba(52,39,32,.05)}.ksai-product img{width:88px;height:88px;object-fit:cover;border-radius:12px}.ksai-product h4{margin:0 0 3px;font:700 13px/1.35 Manrope,sans-serif}.ksai-price{font-weight:800;font-size:13px}.ksai-benefit{font-size:10.8px;color:var(--muted);margin:4px 0 7px;line-height:1.4}.ksai-actions{display:flex;gap:5px;flex-wrap:wrap}.ksai-actions button,.ksai-actions a{border:1px solid var(--line);background:#fbf7ef;color:var(--ink);border-radius:9px;padding:7px 9px;font-size:10px;text-decoration:none;cursor:pointer}.ksai-actions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.ksai-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:7px max(18px,4vw);max-height:90px;overflow:auto}.ksai-sug{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:10.5px;cursor:pointer;color:var(--ink);transition:.15s}.ksai-sug:hover{border-color:var(--accent);transform:translateY(-1px)}
.ksai-composer{display:flex;gap:7px;padding:10px max(18px,4vw);border-top:1px solid var(--line);background:#fff}.ksai-input{min-width:0;flex:1;height:44px;border:1px solid var(--line)!important;border-radius:14px!important;padding:0 13px!important;font:500 12px "DM Sans",sans-serif!important;background:#fff!important;outline:none!important}.ksai-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(181,138,86,.12)!important}.ksai-send{width:44px;height:44px;border:0;border-radius:13px;background:var(--ink);color:#fff;cursor:pointer;font-size:16px}.ksai-footer{text-align:center;font-size:8px;color:#a18e7f;padding:0 8px 8px}
.ksai-lead{margin:8px max(18px,4vw);padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff8ee}.ksai-lead-title{font-weight:800;font-size:11.5px;margin-bottom:6px}.ksai-lead input{display:inline-block;width:calc(50% - 5px);margin:4px 5px 4px 0;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:10.5px}.ksai-lead-save{width:100%;border:0;border-radius:9px;padding:9px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.ksai-lead small{display:block;color:var(--muted);font-size:8px;margin-top:5px}
.ksai-typing{display:flex;gap:5px;padding:9px 11px;background:#f5eee4;border-radius:15px;width:max-content}.ksai-typing span{font-size:13px;animation:dots 1.1s infinite}.ksai-typing span:nth-child(2){animation-delay:.15s}.ksai-typing span:nth-child(3){animation-delay:.3s}@keyframes dots{50%{opacity:1;transform:translateY(-3px)}0%,100%{opacity:.35}}
.ksai-basket{display:none;position:absolute;right:18px;top:82px;width:min(340px,calc(100% - 36px));max-height:calc(100% - 160px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 55px rgba(52,39,32,.16);z-index:5}.ksai-basket.show{display:block}.ksai-basket-head{width:100%;border:0;background:#fbf7ef;padding:10px 12px;display:flex;justify-content:space-between;font-size:11px;cursor:pointer;color:var(--ink)}.ksai-basket-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid #f0e8dc}.ksai-basket-item img{width:38px;height:38px;object-fit:cover;border-radius:8px}.ksai-basket-item div{min-width:0;flex:1}.ksai-basket-item strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ksai-basket-item small{font-size:9px;color:var(--muted)}.ks-remove{border:0;background:none;color:#a68d7b;font-size:17px;cursor:pointer}.ksai-basket-total{display:flex;justify-content:space-between;padding:8px 10px;font-size:10px;border-top:1px solid #f0e8dc}.ksai-basket-actions{display:flex;gap:6px;padding:8px 10px}.ksai-basket-actions button{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:9.5px;cursor:pointer}.ksai-basket-actions .ks-checkout{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:700px){#kanika-sai-root{inset:0}.ksai-launcher{right:15px;bottom:15px;width:56px;height:56px}.ksai-panel,.ksai-panel.ksai-compact,.ksai-panel.ksai-wide{inset:0;width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.ksai-header{height:64px;flex-basis:64px;padding:8px 13px}.ksai-brand img{width:40px;height:40px}.ksai-messages{padding:14px 12px 10px}.ksai-msg{font-size:12.5px;max-width:94%}.ksai-products{grid-template-columns:1fr;gap:9px}.ksai-product{grid-template-columns:76px 1fr}.ksai-product img{width:76px;height:76px}.ksai-suggestions{padding:6px 12px}.ksai-composer{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.ksai-input,.ksai-send{height:42px}.ksai-lead{margin:6px 12px}.ksai-lead input{width:100%;margin-right:0}.ksai-basket{right:10px;top:74px;width:calc(100% - 20px);max-height:65dvh}.ksai-quickbar{padding:0 13px}}