/* mycomp.kz — виджет «Мұрат AI» (только классы .mai-*; стили сайта не переопределяет) */
.mai-root{--mai-red:#D2193A;--mai-ink:#141414;--mai-mut:#6B7280;--mai-line:#ECECEC;--mai-bg:#F4F5F7;--mai-bot:#FFFFFF;--mai-me:#FDE7EB;--mai-gr:#2F7D26;
 position:fixed;inset:0;z-index:2147483000;font-family:var(--app,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);color:var(--mai-ink);-webkit-text-size-adjust:100%}
.mai-root[hidden]{display:none}
/* design27 float: плавающая кнопка; на телефоне — выше нижнего меню сайта (его высота уже включает safe-area), на странице товара и в корзине скрыта, чтобы не закрывать кнопки покупки */
.mai-fab{position:fixed;z-index:30;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:60px;height:60px;padding:0;border:3px solid #3FA535;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgb(0 0 0 / .22);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
.mai-fab img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.mai-fab:active{transform:scale(.96)}
html.mai-lock .mai-fab{display:none}
@media (max-width:760px){
 .mai-fab{width:54px;height:54px;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--mai-fab-nav,calc(58px + env(safe-area-inset-bottom,0px))) + 12px)}
 body[data-view="product"] .mai-fab,body[data-view="cart"] .mai-fab{display:none}
}
html.mai-lock,html.mai-lock body{overflow:hidden}
.mai-root *,.mai-root *::before,.mai-root *::after{box-sizing:border-box}
.mai-dim{position:absolute;inset:0;background:rgb(0 0 0 / .32)}
.mai-win{position:absolute;right:24px;bottom:24px;width:390px;height:min(640px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--mai-bg);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgb(0 0 0 / .28);animation:mai-up .18s ease-out}
@keyframes mai-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mai-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--mai-line);flex:none}
.mai-av{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 30%;border:2px solid #3FA535;flex:none}
.mai-hn{flex:1;min-width:0;line-height:1.2}.mai-hn b{display:block;font-size:16px;font-weight:800}.mai-hn small{display:block;font-size:12px;color:var(--mai-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mai-hn small::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#3FA535;margin-right:5px;vertical-align:1px}
.mai-wa{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:999px;background:#25D366;color:#06210F;font-size:12.5px;font-weight:800;text-decoration:none;flex:none}
.mai-wa svg{width:17px;height:17px}
.mai-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--mai-bg);color:var(--mai-ink);font-size:16px;line-height:1;cursor:pointer;flex:none}
.mai-log{flex:1;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:7px;overscroll-behavior:contain}
.mai-m{max-width:86%;padding:8px 11px 6px;border-radius:14px;font-size:14.5px;line-height:1.38;word-wrap:break-word;box-shadow:0 1px 1px rgb(0 0 0 / .05)}
.mai-m time{display:block;text-align:right;font-size:10.5px;color:var(--mai-mut);margin-top:2px}
.mai-m a{color:var(--mai-red);font-weight:700}
.mai-b{align-self:flex-start;background:var(--mai-bot);border-top-left-radius:4px}
.mai-u{align-self:flex-end;background:var(--mai-me);border-top-right-radius:4px}
.mai-typing{align-self:flex-start;background:#fff;border-radius:14px;border-top-left-radius:4px;padding:11px 13px;display:flex;gap:4px}
.mai-typing i{width:7px;height:7px;border-radius:50%;background:#A3A9B1;animation:mai-dot 1s infinite}.mai-typing i:nth-child(2){animation-delay:.15s}.mai-typing i:nth-child(3){animation-delay:.3s}
@keyframes mai-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.mai-cards{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;align-self:stretch}
.mai-cards::-webkit-scrollbar{display:none}
.mai-card{flex:0 0 200px;display:flex;gap:9px;align-items:flex-start;background:#fff;border-radius:14px;padding:8px;text-decoration:none;color:var(--mai-ink);box-shadow:0 1px 2px rgb(0 0 0 / .06)}
.mai-ci{width:56px;height:56px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--mai-line);display:grid;place-items:center;flex:none;overflow:hidden}
.mai-ci img{width:88%;height:88%;object-fit:contain}
.mai-cb{display:flex;flex-direction:column;gap:2px;min-width:0}
.mai-cn{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mai-cp{font-size:15px;font-weight:900;white-space:nowrap}.mai-cp s{font-size:11px;font-weight:600;color:var(--mai-mut)}
.mai-cm{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:10.5px}
.mai-cm i{font-style:normal;font-weight:800;background:#FFD12B;color:#2A1C00;border-radius:6px;padding:2px 5px}
.mai-cm em{font-style:normal;font-weight:700;color:var(--mai-gr)}.mai-cm em.mai-pre{color:#1F6FEB}
.mai-cw{font-size:10.5px;font-weight:700;color:var(--mai-gr)}
.mai-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px;flex:none}
.mai-chips:empty{display:none}
.mai-chips button{border:1.5px solid var(--mai-red);background:#fff;color:var(--mai-red);border-radius:999px;padding:7px 11px;font-family:inherit;font-weight:700;font-size:13px;line-height:1.1;cursor:pointer}
.mai-bar{display:flex;gap:8px;align-items:flex-end;padding:8px 10px;background:#fff;border-top:1px solid var(--mai-line);flex:none}
.mai-bar textarea{flex:1;min-width:0;resize:none;border:0;border-radius:20px;background:var(--mai-bg);padding:10px 14px;font-family:inherit;font-size:16px;line-height:1.3;color:var(--mai-ink);outline:0;max-height:110px}
.mai-go{width:42px;height:42px;border-radius:50%;border:0;background:var(--mai-red);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.mai-go:disabled{opacity:.45;cursor:default}.mai-go svg{width:19px;height:19px}
.mai-note{margin:0;padding:0 12px 9px;background:#fff;font-size:10.5px;line-height:1.3;color:var(--mai-mut);flex:none}
.mai-reset{border:0;background:none;padding:0;color:var(--mai-red);font-family:inherit;font-weight:700;font-size:10.5px;cursor:pointer;text-decoration:underline}
@media (max-width:760px){
 .mai-dim{display:none}
 .mai-win{inset:0;right:auto;bottom:auto;width:100%;height:100%;height:100dvh;border-radius:0;animation:none;padding-top:env(safe-area-inset-top,0px)}
 .mai-note{padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}
 .mai-wa span{display:none}.mai-wa{width:34px;padding:0;justify-content:center}
}
@media (max-width:340px){.mai-card{flex-basis:180px}.mai-m{font-size:14px}.mai-chips button{font-size:12px;padding:6px 9px}}
/* ===== design27 wa-style: переписка в стиле мессенджера: светлые «обои», зелёные пузыри покупателя справа, белые ответы слева с аватаром, хвостики. Только оформление ===== */
.mai-win{background:#EFE7DE;background-image:radial-gradient(rgb(120 90 60 / .07) 1px,transparent 1.4px),radial-gradient(rgb(120 90 60 / .05) 1px,transparent 1.4px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px}
.mai-log{padding:12px 14px 8px;gap:4px}
.mai-log>*{flex-shrink:0}
.mai-m{position:relative;max-width:80%;padding:6px 9px 5px;border-radius:8px;font-size:14.5px;line-height:1.36;box-shadow:0 1px .5px rgb(11 20 26 / .13);margin-bottom:3px}
.mai-b{background:#fff;border-top-left-radius:0;margin-left:40px}
.mai-b::after{content:"";position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:50%;background-color:#DDE3E8;background-image:var(--mai-avimg,none);background-size:cover;background-position:center 30%;background-repeat:no-repeat;box-shadow:0 0 0 2px #fff}
.mai-u{background:#D9FDD3;border-top-right-radius:0;margin-right:7px}
.mai-b::before,.mai-u::before{content:"";position:absolute;top:0;width:8px;height:13px}
.mai-b::before{left:-7px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}
.mai-u::before{right:-7px;background:#D9FDD3;clip-path:polygon(0 0,100% 0,0 100%)}
.mai-m time{display:block;text-align:right;font-size:10.5px;line-height:1;color:#667781;margin:3px -2px -1px 10px}
.mai-u time{color:#5F7A64}
.mai-typing{margin-left:40px;border-radius:8px;border-top-left-radius:0;box-shadow:0 1px .5px rgb(11 20 26 / .13);position:relative}
.mai-typing::before{content:"";position:absolute;top:0;left:-7px;width:8px;height:13px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}
.mai-cards{padding:2px 2px 8px 40px}
.mai-card{border-radius:8px;box-shadow:0 1px .5px rgb(11 20 26 / .13)}
.mai-chips{background:transparent;padding:2px 14px 10px}
.mai-chips button{border:0;background:#fff;color:#008069;box-shadow:0 1px .5px rgb(11 20 26 / .13);border-radius:18px}
.mai-bar{background:#F0F2F5;border-top:0;padding:7px 10px}
.mai-bar textarea{background:#fff;border-radius:22px}
.mai-note{background:#F0F2F5}
.mai-reset{color:#008069}
.mai-go{background:#00A884}
.mai-m a{color:#027EB5}