.webchat{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;height:590px;position:relative;color:var(--text);box-shadow:0 16px 48px #1111110d}.chat-header{display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--surface);z-index:1}.chat-header>div{flex:1}.chat-header strong{font-weight:600;font-size:16px}.chat-header small{display:block;font-size:11px;font-weight:400}.chat-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lavender);color:var(--ink)}.chat-icon,.chat-send{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0;flex:none}.chat-icon svg,.chat-send svg,.chat-avatar svg{width:21px;height:21px}.chat-icon:hover{background:var(--soft)}.chat-send{background:var(--ink);color:var(--bg);border:0}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:var(--soft)}.chat-bubble{border-radius:12px;max-width:89%;padding:11px 15px;font-size:13px;line-height:1.9;white-space:pre-line;flex-shrink:0;overflow-wrap:anywhere}.chat-bubble.bot{background:var(--surface);align-self:flex-start}.chat-bubble.customer{background:var(--ink);color:var(--bg);align-self:flex-end}.chat-bubble.product{padding:8px;max-width:245px;min-width:210px}.chat-product-image{width:100%;height:158px;object-fit:contain;background:var(--lavender);border-radius:8px}.chat-product-copy{padding:10px 7px 4px}.chat-product-copy strong{display:block;font-size:15px;font-weight:600}.chat-product-copy bdi{font-size:11px;color:var(--muted)}.chat-product-copy p{font-size:17px;font-weight:600}.chat-typing{display:flex;gap:4px;align-items:center;min-height:35px;min-width:55px}.chat-typing i{width:5px;height:5px;background:var(--muted);border-radius:50%;animation:chat-dot .9s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.12s}.chat-typing i:nth-child(3){animation-delay:.24s}.chat-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px;background:var(--surface)}.chat-actions:has(button){padding-block:10px}.chat-actions button{border:1px solid var(--strong);border-radius:999px;padding:8px 14px;font-size:12px;background:var(--surface);min-height:38px;color:var(--ink)}.chat-actions button:hover{background:var(--lavender)}.chat-compose{display:flex;gap:10px;align-items:center;padding:12px 14px;margin:0!important;border-top:1px solid var(--line);background:var(--surface)}.chat-compose input{min-width:0;min-height:42px!important;border:0!important;background:var(--soft)!important;margin:0!important;border-radius:999px!important;padding:8px 15px!important;font-size:13px!important}.chat-disclosure{font-size:10px;color:var(--muted);padding:0 16px 12px;background:var(--surface);line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.store-chat-page{min-height:100svh;padding:24px 16px;background:var(--lavender);display:flex;flex-direction:column;align-items:center;justify-content:center}.store-chat-page main{width:min(100%,520px)}.store-chat-page .webchat{height:min(760px,85svh)}.store-chat-page footer{font-size:12px;margin-top:15px}.chat-bubble.entering{animation:chat-message-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes chat-dot{50%{transform:translateY(-3px);opacity:.5}}@keyframes chat-message-in{from{transform:translateY(8px);opacity:.4;filter:blur(1px)}to{transform:none;opacity:1;filter:blur(0)}}@media(max-width:650px){.webchat{height:570px}.chat-header{padding:15px}.chat-messages{padding:18px 14px}.chat-bubble{font-size:13px}.store-chat-page{padding:0}.store-chat-page main{width:100%}.store-chat-page .webchat{height:94svh;border-radius:0;border-inline:0}.chat-disclosure{font-size:10px}}@media(prefers-reduced-motion:reduce){.chat-messages{scroll-behavior:auto}.chat-bubble.entering,.chat-typing i{animation:none}}
.chat-icon,.chat-send{width:44px;height:44px}.chat-actions button{min-height:44px}.chat-compose input{min-height:44px!important}.store-chat-page{min-height:var(--chat-viewport,100dvh)}.store-chat-page .webchat{height:var(--chat-height,min(760px,85dvh))}@media(max-width:650px){.chat-compose input{font-size:16px!important}.chat-bubble{font-size:14px}.chat-disclosure{font-size:11px}.store-chat-page .webchat{height:var(--chat-height,94dvh)}}