.shop-chat-demo{color:var(--appearance-text);border:1px solid var(--appearance-line);border-radius:20px;overflow:hidden;background:var(--appearance-surface);box-shadow:0 18px 55px #1724210c}.shop-chat-top{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--appearance-line)}.shop-chat-avatar{width:42px;height:42px;background:var(--orange);color:#172421;display:grid;place-items:center;border-radius:12px;font-size:26px}.shop-chat-top strong{display:block;font-size:15px}.shop-chat-top div>span{display:block;font-size:11px;color:var(--appearance-muted);margin-top:5px}.shop-demo-badge{margin-left:auto;border:1px solid var(--appearance-line);border-radius:20px;padding:5px 8px;font-size:10px}.shop-chat-body{padding:24px}.shop-bubble{padding:16px 18px;font-size:14px;line-height:1.6;border-radius:14px;margin-bottom:18px;max-width:95%}.shop-bubble.customer{background:var(--appearance-soft);margin-left:auto;border-bottom-right-radius:3px}.shop-bubble.assistant{border:1px solid var(--appearance-line);border-bottom-left-radius:3px}.shop-chat-product{padding:18px;border:1px solid var(--appearance-line);border-radius:12px;display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center}.shop-chat-product .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:6px}.shop-chat-demo .shop-chat-product h3{font-size:18px;margin-bottom:5px}.shop-chat-product p{font-size:12px}.shop-chat-product .button{grid-column:1/-1;width:100%;font-size:16px;cursor:pointer;border:0}.shop-chat-product .button:disabled{background:#dce9d3;color:#23391e;cursor:default;transform:none}.shop-chat-status{font-size:12px;margin-top:18px;min-height:44px;line-height:1.6}.shop-chat-status strong{font-size:13px}.shop-chat-status button{background:none;color:var(--appearance-accent);border:0;padding:10px 0 0;cursor:pointer}.shop-demo-note{font-size:11px;padding:16px 24px;border-top:1px solid var(--appearance-line);background:var(--appearance-soft)}@media(max-width:1000px){.shop-chat-body{padding:18px}.shop-chat-product{padding:14px;gap:10px}}@media(max-width:420px){.shop-chat-top{padding:16px 12px;gap:8px}.shop-chat-top strong{font-size:13px}.shop-chat-body{padding:14px}.shop-chat-product{grid-template-columns:65px 1fr}.shop-chat-product h3{font-size:16px}.shop-chat-product .button{padding:15px 12px;font-size:14px}.shop-demo-note{padding:14px}}.shop-chat-demo--compact{border-radius:15px;box-shadow:none}.shop-chat-demo--compact .shop-chat-top{padding:14px;gap:9px}.shop-chat-demo--compact .shop-chat-avatar{width:32px;height:32px;flex-shrink:0;font-size:22px;border-radius:9px}.shop-chat-demo--compact .shop-chat-top>div{min-width:0}.shop-chat-demo--compact .shop-chat-top strong{font-size:13px;line-height:1.4}.shop-chat-demo--compact .shop-chat-top div>span{font-size:10px;margin-top:3px}.shop-chat-demo--compact .shop-demo-badge{font-size:9px;flex-shrink:0}.shop-chat-demo--compact .shop-chat-body{padding:15px}.shop-chat-demo--compact .shop-bubble{font-size:12px;line-height:1.6;padding:10px 12px;margin-bottom:12px}.shop-chat-demo--compact .shop-chat-product{grid-template-columns:48px minmax(0,1fr);padding:12px;gap:10px}.shop-chat-demo--compact .shop-chat-product img{width:48px;height:48px}.shop-chat-demo--compact .shop-chat-product .eyebrow{font-size:8px;margin-bottom:4px;color:var(--appearance-muted)}.shop-chat-demo--compact .shop-chat-product h3{font-size:16px;line-height:1.3;margin-bottom:4px;color:var(--appearance-text)}.shop-chat-demo--compact .shop-chat-product p{font-size:11px;color:var(--appearance-muted)}.shop-chat-demo--compact .shop-chat-product .button{font-size:14px;padding:12px;min-height:44px;line-height:1.4;gap:10px}.shop-chat-demo--compact .shop-chat-status{font-size:11px;min-height:0;margin-top:12px}.shop-chat-demo--compact .shop-chat-status:empty{margin-top:0}.shop-chat-demo--compact .shop-chat-status strong{display:block;font-size:12px}.shop-chat-demo--compact .shop-chat-status button{display:block;font-size:12px;padding-top:7px}.shop-chat-demo--compact .shop-demo-note{font-size:10px;line-height:1.6;padding:12px 15px;color:var(--appearance-muted)}.shop-chat-demo--compact button:focus-visible{outline:3px solid var(--appearance-accent);outline-offset:3px}@media(max-width:380px){.shop-chat-demo--compact .shop-chat-top{padding:12px 10px;gap:7px}.shop-chat-demo--compact .shop-chat-top strong{font-size:12px}.shop-chat-demo--compact .shop-chat-body{padding:11px}.shop-chat-demo--compact .shop-bubble{padding:9px 10px}.shop-chat-demo--compact .shop-chat-product{padding:10px;gap:8px}.shop-chat-demo--compact .shop-chat-product h3{font-size:14px}.shop-chat-demo--compact .shop-chat-product .button{font-size:13px;padding:12px 9px}.shop-chat-demo--compact .shop-demo-note{padding:11px}}