/* website chat */
.kc-fab{position:fixed;right:16px;bottom:16px;z-index:46;width:58px;height:58px;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,var(--cherry),var(--magenta));box-shadow:0 12px 26px -8px rgba(216,31,58,.6);display:grid;place-items:center;transition:transform .25s var(--ease),box-shadow .25s;animation:kcin .6s 1s both}
.kc-fab:hover{transform:translateY(-3px) scale(1.04)} .kc-fab:active{transform:scale(.95)} .kc-fab svg{width:27px;height:27px} .kc-fab[hidden]{display:none}
.kc-fab .kc-dot{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;background:#FFC83D;border:2px solid #fff;display:none} .kc-fab.unread .kc-dot{display:block;animation:kcpulse 1.4s infinite}
.kc-fab::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(216,31,58,.35);animation:kcring 2.6s 2s infinite}
.kc-panel{position:fixed;right:16px;bottom:16px;z-index:60;width:min(380px,calc(100vw - 24px));height:min(580px,calc(100dvh - 32px));display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 30px 70px -18px rgba(31,37,64,.55);overflow:hidden;transform-origin:100% 100%;transform:scale(.92) translateY(18px);opacity:0;visibility:hidden;transition:transform .32s var(--ease),opacity .22s,visibility .32s}
.kc-panel.open{transform:none;opacity:1;visibility:visible}
.kc-hd{display:flex;align-items:center;gap:11px;padding:13px 14px;color:#fff;background:linear-gradient(135deg,var(--cherry),var(--magenta))} .kc-hd img{width:40px;height:40px;border-radius:12px;background:#fff} .kc-hd b{display:block;font:800 1.05rem/1.1 var(--head)} .kc-hd small{display:flex;align-items:center;gap:6px;font-size:.76rem;opacity:.92} .kc-hd small::before{content:"";width:8px;height:8px;border-radius:50%;background:#58E39B}
.kc-x{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.3rem;line-height:1;display:grid;place-items:center} .kc-x:hover{background:rgba(255,255,255,.3)}
.kc-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:#E9FBEF;color:#0B5B31;font-weight:800;font-size:.86rem;text-decoration:none;border-bottom:1px solid #CDEFD9} .kc-wa:hover{background:#D9F6E3} .kc-wa svg{width:18px;height:18px}
.kc-body{flex:1;min-height:0;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(#FFF8F2,#FFF1F7);scroll-behavior:smooth;overscroll-behavior:contain}
.kc-m{max-width:84%;padding:9px 13px;border-radius:16px;font-size:.95rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;animation:kcmsg .28s var(--ease) both}
.kc-m.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;box-shadow:0 2px 8px -4px rgba(31,37,64,.2)} .kc-m.me{align-self:flex-end;background:linear-gradient(135deg,var(--cherry),var(--magenta));color:#fff;border-bottom-right-radius:5px} .kc-m.pending{opacity:.6}
.kc-m.team{border-color:var(--teal);background:var(--teal-l)} .kc-m .kc-who{display:block;font-size:.7rem;font-weight:800;color:var(--teal-d);margin-bottom:2px}
.kc-m img{border-radius:12px;max-height:200px;max-width:100%;width:auto;margin:2px 0;cursor:zoom-in}
.kc-note{align-self:center;font-size:.76rem;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:999px;padding:4px 12px;text-align:center}
.kc-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;border-bottom-left-radius:5px} .kc-typing i{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:kcdot 1.1s infinite} .kc-typing i:nth-child(2){animation-delay:.15s} .kc-typing i:nth-child(3){animation-delay:.3s}
.kc-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0} .kc-chips button{border:1.5px solid var(--pink);background:#fff;color:var(--cherry-d);font-weight:700;font-size:.84rem;padding:7px 12px;border-radius:999px;transition:background .2s,transform .2s} .kc-chips button:hover{background:var(--pink-l);transform:translateY(-1px)}
.kc-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff} .kc-form textarea{flex:1;resize:none;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:.95rem;max-height:96px;min-height:44px;background:#FFFBF8;color:var(--ink)} .kc-form textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-l)}
.kc-send{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cherry),var(--magenta));color:#fff;display:grid;place-items:center;align-self:flex-end;transition:transform .2s,opacity .2s} .kc-send:hover{transform:scale(1.06)} .kc-send:disabled{opacity:.45;transform:none} .kc-send svg{width:21px;height:21px}
.kc-hp{position:absolute;left:-9999px;opacity:0}
@keyframes kcin{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:none}} @keyframes kcmsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes kcdot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}} @keyframes kcpulse{50%{transform:scale(1.25)}} @keyframes kcring{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.5);opacity:0}}
@media(max-width:640px){.kc-panel{right:0;bottom:0;width:100vw;height:min(88dvh,640px);border-radius:22px 22px 0 0}.kc-fab{width:50px;height:50px;bottom:84px;right:12px}.kc-fab svg{width:23px;height:23px}body:has(.cartbar.on) .kc-fab,body:has(.stickyadd.on) .kc-fab{bottom:148px}body[data-r=checkout] .kc-fab,body[data-r=custom] .kc-fab{display:none}}
@media(prefers-reduced-motion:reduce){.kc-fab,.kc-fab::after,.kc-m,.kc-panel,.kc-typing i{animation:none!important;transition:none!important}}