/* Smart Chatbot. Uses the theme tokens (--mp-accent, --mp-accent-2, --mp-text, --mp-border, --mp-radius, --mp-font). */
body.mpcb-on{--mpcb-b:20px;--mpcb-side:20px}
body.mpcb-on.single-product{--mpcb-b:96px}
@media (max-width:900px){
	body.mpcb-on{--mpcb-b:calc(98px + env(safe-area-inset-bottom,0px));--mpcb-side:12px}
	body.mpcb-on:not(.mp-has-mobnav){--mpcb-b:calc(16px + env(safe-area-inset-bottom,0px))}
	body.mpcb-on.single-product{--mpcb-b:calc(168px + env(safe-area-inset-bottom,0px))}
	body.mpcb-on.single-product:not(.mp-has-mobnav){--mpcb-b:calc(86px + env(safe-area-inset-bottom,0px))}
}
/* keep the order popup clear of the launcher when both sit on the same side */
body.mpcb-side-right .op.op-right,body.mpcb-side-left .op.op-left{bottom:calc(var(--mpcb-b) + 72px)}

.mpcb{position:fixed;z-index:95;bottom:var(--mpcb-b);font-family:var(--mp-font);font-size:15px;line-height:1.5;color:var(--mp-text)}
.mpcb-right{right:var(--mpcb-side)}.mpcb-left{left:var(--mpcb-side)}
.mpcb *{box-sizing:border-box}
.mpcb [hidden]{display:none!important}

.mpcb-launcher{display:inline-flex;align-items:center;gap:10px;height:58px;min-width:58px;padding:0 20px 0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2));color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 14px 34px rgba(47,91,255,.38),0 2px 6px rgba(11,18,38,.18);transition:transform .2s var(--ease,ease),box-shadow .2s}
.mpcb-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(47,91,255,.44),0 2px 6px rgba(11,18,38,.18)}
.mpcb-launcher:active{transform:scale(.96)}
.mpcb-launcher:focus-visible{outline:3px solid var(--mp-text);outline-offset:3px}
.mpcb-l-ico{display:grid;place-items:center}.mpcb-l-close{display:none}
.mpcb[data-state="open"] .mpcb-l-open{display:none}.mpcb[data-state="open"] .mpcb-l-close{display:grid}
.mpcb[data-state="open"] .mpcb-l-txt{display:none}.mpcb[data-state="open"] .mpcb-launcher{padding:0;width:58px;justify-content:center}
.mpcb-launcher::after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.mpcb[data-state="open"] .mpcb-launcher::after,.mpcb.is-seen .mpcb-launcher::after{display:none}
.mpcb-launcher{position:relative}

/* window */
.mpcb-panel{position:absolute;bottom:calc(100% + 14px);display:flex;flex-direction:column;width:min(396px,calc(100vw - 24px));height:min(640px,calc(100dvh - var(--mpcb-b) - 110px));min-height:380px;background:var(--mp-surface,#fff);border:1px solid var(--mp-border);border-radius:var(--mp-radius,22px);box-shadow:0 30px 80px rgba(11,18,38,.28);overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease,ease)}
.mpcb-right .mpcb-panel{right:0}.mpcb-left .mpcb-panel{left:0;transform-origin:bottom left}
.mpcb[data-state="open"] .mpcb-panel{opacity:1;transform:none;pointer-events:auto}

.mpcb-head{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2));color:#fff}
.mpcb-av{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.2)}
.mpcb-ht{min-width:0;flex:1}.mpcb-hn{font-weight:800;font-size:1rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpcb-hs{display:flex;align-items:center;gap:6px;font-size:.78rem;opacity:.92}.mpcb-hs i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.28)}
.mpcb-hb{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;transition:background .15s}
.mpcb-hb:hover{background:rgba(255,255,255,.28)}.mpcb-hb:focus-visible{outline:2px solid #fff;outline-offset:2px}

.mpcb-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 8px;background:var(--mp-bg,#f5f7fc);scroll-behavior:smooth}
.mpcb-row{display:flex;margin:0 0 10px;animation:mpcbIn .22s ease both}
.mpcb-row.is-user{justify-content:flex-end}
@keyframes mpcbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mpcb-b{max-width:86%;padding:10px 14px;border-radius:18px;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-line}
.is-bot .mpcb-b{background:#fff;border:1px solid var(--mp-border);border-bottom-left-radius:6px;box-shadow:var(--sh-sm,0 1px 2px rgba(11,18,38,.05))}
.is-user .mpcb-b{background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2));color:#fff;border-bottom-right-radius:6px}
.is-err .mpcb-b{background:#fff5f5;border-color:#f3c4c4;color:#8a1f1f}

/* policy / page quote */
.mpcb-quote{width:100%;max-width:92%;padding:12px 14px;background:#fff;border:1px solid var(--mp-border);border-left:4px solid var(--mp-accent);border-radius:14px}
.mpcb-quote h4{margin:0 0 4px;font-size:.86rem;font-weight:800;letter-spacing:0}
.mpcb-quote p{margin:0;font-size:.9rem;color:var(--mp-text);white-space:pre-line}
.mpcb-quote a.mpcb-src{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:700;color:var(--mp-accent)}

/* product cards */
.mpcb-prods{width:100%;margin:0 0 10px}
.mpcb-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mpcb-card{flex:0 0 min(236px,78%);scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mp-border);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm,0 1px 2px rgba(11,18,38,.05))}
.mpcb-ci{position:relative;display:block;aspect-ratio:4/3;background:var(--mp-soft)}
.mpcb-ci img{width:100%;height:100%;object-fit:cover;object-position:top}
.mpcb-tag{position:absolute;top:8px;left:8px;padding:2px 9px;border-radius:999px;background:#ff5d4f;color:#fff;font-size:.7rem;font-weight:800}
.mpcb-tag.is-out{background:var(--mp-text)}
.mpcb-cb{display:flex;flex-direction:column;gap:6px;padding:11px 12px 12px;flex:1}
.mpcb-cc{font-size:.72rem;color:var(--mp-muted)}
.mpcb-cn{font-weight:800;font-size:.92rem;line-height:1.3;color:var(--mp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mpcb-cp{display:flex;align-items:baseline;gap:8px;font-weight:800;color:var(--mp-accent)}.mpcb-cp s{font-weight:600;font-size:.8rem;color:var(--mp-muted)}
.mpcb-ca{display:flex;gap:6px;margin-top:auto;padding-top:4px}
.mpcb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:12px;font-size:.84rem;font-weight:700;border:1px solid var(--mp-border);background:#fff;color:var(--mp-text);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.mpcb-btn:hover{border-color:var(--mp-accent);color:var(--mp-accent)}.mpcb-btn:active{transform:scale(.97)}
.mpcb-btn.is-primary{flex:1;background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2));border-color:transparent;color:#fff}.mpcb-btn.is-primary:hover{color:#fff;filter:brightness(1.06)}
.mpcb-more{margin-top:2px}

/* links + actions */
.mpcb-links{width:100%;max-width:92%;display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.mpcb-lk{display:block;padding:10px 12px;background:#fff;border:1px solid var(--mp-border);border-radius:14px;text-decoration:none;color:var(--mp-text);transition:border-color .15s,transform .15s}
.mpcb-lk:hover{border-color:var(--mp-accent);transform:translateX(2px)}
.mpcb-lk b{display:block;font-size:.88rem;color:var(--mp-accent)}.mpcb-lk span{display:block;font-size:.8rem;color:var(--mp-muted);margin-top:2px}
.mpcb-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;max-width:92%}

/* lead form (name + phone) and WhatsApp live agent */
.mpcb-lead{width:100%;max-width:94%;display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid var(--mp-border);border-left:4px solid var(--mp-accent);border-radius:16px;box-shadow:var(--sh-sm,0 1px 2px rgba(11,18,38,.05))}
.mpcb-li{margin:0;font-size:.9rem;white-space:pre-line}
.mpcb-lf{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;color:var(--mp-muted)}
.mpcb-lf input{width:100%;height:44px;padding:0 14px;border:1px solid var(--mp-border);border-radius:12px;background:var(--mp-bg,#f5f7fc);color:var(--mp-text);font:inherit;font-size:16px;font-weight:500}
.mpcb-lf input:focus{outline:0;border-color:var(--mp-accent);box-shadow:0 0 0 3px rgba(47,91,255,.16);background:#fff}
.mpcb-le{color:#b42318;font-size:.8rem;font-weight:600}
.mpcb-lrow{display:flex;gap:8px}.mpcb-lrow .mpcb-btn{min-height:42px}.mpcb-lrow .is-primary:disabled{opacity:.55;cursor:wait}
.mpcb-lpv{font-size:.72rem;line-height:1.35;color:var(--mp-muted)}
.mpcb-lwa{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--mp-border);font-size:.8rem;color:var(--mp-muted)}
.mpcb-btn.mpcb-wa{background:#25d366;border-color:#25d366;color:#fff}.mpcb-btn.mpcb-wa:hover{color:#fff;filter:brightness(1.06)}
a.mpcb-hb{text-decoration:none}

/* typing */
.mpcb-typing{display:inline-flex;gap:4px;padding:14px 16px}
.mpcb-typing i{width:7px;height:7px;border-radius:50%;background:var(--mp-muted);opacity:.5;animation:mpcbDot 1.1s infinite ease-in-out}
.mpcb-typing i:nth-child(2){animation-delay:.16s}.mpcb-typing i:nth-child(3){animation-delay:.32s}
@keyframes mpcbDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}

/* suggestions */
.mpcb-sug{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 12px;background:var(--mp-bg,#f5f7fc)}
.mpcb-sug-l{width:100%;font-size:.74rem;color:var(--mp-muted);font-weight:600}
.mpcb-chip{max-width:100%;padding:8px 13px;border:1px solid var(--mp-border);border-radius:999px;background:#fff;color:var(--mp-text);font:inherit;font-size:.84rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.mpcb-chip:hover{border-color:var(--mp-accent);background:var(--mp-soft);color:var(--mp-accent)}
.mpcb-chip:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}

/* composer */
.mpcb-form{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--mp-border)}
.mpcb-in{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid var(--mp-border);border-radius:999px;background:var(--mp-bg,#f5f7fc);color:var(--mp-text);font:inherit;font-size:16px}
.mpcb-in:focus{outline:0;border-color:var(--mp-accent);box-shadow:0 0 0 3px rgba(47,91,255,.16);background:#fff}
.mpcb-send{display:grid;place-items:center;flex:none;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2));color:#fff;cursor:pointer;transition:transform .15s,opacity .15s}
.mpcb-send:hover{transform:scale(1.06)}.mpcb-send:disabled{opacity:.45;cursor:not-allowed;transform:none}
.mpcb-foot{padding:0 14px 10px;background:#fff;font-size:.7rem;line-height:1.35;color:var(--mp-muted);text-align:center}

@media (max-width:640px){
	body.mpcb-open-lock{overflow:hidden}
	.mpcb[data-state="open"]{bottom:0;right:0;left:0}
	.mpcb[data-state="open"] .mpcb-launcher{display:none}
	.mpcb-panel{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;transform:translateY(24px)}
	.mpcb-head{padding-top:calc(16px + env(safe-area-inset-top,0px))}
	.mpcb-form{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
	.mpcb-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
	.mpcb-l-txt{display:none}.mpcb-launcher{padding:0;width:58px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.mpcb *,.mpcb-panel{animation:none!important;transition:none!important;scroll-behavior:auto!important}}