#spfa-root{position:fixed;z-index:999999;bottom:24px;font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}#spfa-root.spfa-pos-left{left:22px}#spfa-root.spfa-pos-right{right:22px}
.spfa-intro{position:absolute;left:0;bottom:74px;width:310px;background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:14px 42px 14px 15px;box-shadow:0 18px 45px rgba(20,38,65,.18);color:#182230;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transition:.22s opacity,.22s transform,.22s visibility;pointer-events:none}.spfa-pos-right .spfa-intro{left:auto;right:0}.spfa-intro.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.spfa-intro:after{content:"";position:absolute;left:20px;bottom:-8px;width:16px;height:16px;background:#fff;border-right:1px solid #dce5f0;border-bottom:1px solid #dce5f0;transform:rotate(45deg)}.spfa-pos-right .spfa-intro:after{left:auto;right:20px}.spfa-intro strong{display:block;font-size:14px;line-height:1.25;margin:0 0 5px;color:#111827}.spfa-intro span{display:block;font-size:11.5px;line-height:1.5;color:#5d6b7e}.spfa-intro-open{margin-top:10px;border:0;background:#eef5ff;color:var(--spfa-primary);border-radius:9px;padding:7px 9px;font-size:10.5px;font-weight:800;cursor:pointer}.spfa-intro-open:hover{background:#e3efff}.spfa-intro-close{position:absolute;right:8px;top:7px;width:28px;height:28px;border:0;background:transparent;color:#8b97a8;font-size:20px;line-height:1;cursor:pointer;border-radius:8px}.spfa-intro-close:hover{background:#f2f5f9;color:#344054}.spfa-intro.is-hiding{opacity:0;transform:translateY(6px) scale(.985)}
.spfa-launch{position:relative;border:0;background:linear-gradient(145deg,var(--spfa-primary),#0846ac);color:#fff;width:58px;height:58px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(14,49,94,.26),0 0 0 1px rgba(255,255,255,.18) inset;transition:.2s transform,.2s box-shadow}.spfa-launch:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 15px 36px rgba(14,49,94,.32),0 0 0 1px rgba(255,255,255,.2) inset}.spfa-launch:focus-visible{outline:3px solid rgba(11,91,215,.25);outline-offset:4px}.spfa-launch-icon{width:31px;height:31px;display:flex}.spfa-launch-icon svg{width:100%;height:100%}.spfa-launch-dot{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--spfa-accent);border:2px solid #fff;box-sizing:border-box}.spfa-panel{position:absolute;bottom:72px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 22px 65px rgba(20,38,65,.22);display:none;flex-direction:column;overflow:hidden;color:#111827}.spfa-pos-left .spfa-panel{left:0}.spfa-pos-right .spfa-panel{right:0}.spfa-panel.is-open{display:flex;animation:spfa-in .18s ease-out}@keyframes spfa-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.spfa-head{background:linear-gradient(135deg,var(--spfa-primary),#0844a4);color:#fff;padding:15px 16px;display:flex;align-items:center;gap:11px}.spfa-head strong{font-size:15px;display:block;line-height:1.25}.spfa-head small{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11px;opacity:.9}.spfa-avatar{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--spfa-primary);display:grid;place-items:center;font-weight:900;font-size:13px}.spfa-online{width:7px;height:7px;background:#7de26c;border-radius:50%;display:inline-block}#spfa-close{margin-left:auto;width:32px;height:32px;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:9px;font-size:24px;line-height:1;cursor:pointer}.spfa-messages{flex:1;overflow:auto;padding:16px 14px 8px;background:#f7f9fc;scroll-behavior:smooth}.spfa-msg{max-width:87%;margin:0 0 11px;display:flex;flex-direction:column;gap:7px}.spfa-msg.assistant{margin-right:auto}.spfa-msg.user{margin-left:auto;align-items:flex-end}.spfa-bubble{font-size:13px;line-height:1.55;padding:10px 12px;border-radius:14px;white-space:pre-wrap;word-break:break-word}.spfa-msg.assistant .spfa-bubble{background:#fff;border:1px solid #e3e9f2;border-bottom-left-radius:5px;color:#1d2939}.spfa-msg.user .spfa-bubble{background:var(--spfa-primary);color:#fff;border-bottom-right-radius:5px}.spfa-products,.spfa-guides{width:100%;display:grid;gap:8px}.spfa-product{display:grid;grid-template-columns:64px 1fr;gap:10px;background:#fff;border:1px solid #e1e8f2;border-radius:12px;padding:8px;text-decoration:none!important;color:#111827!important;transition:.15s border-color,.15s transform}.spfa-product:hover{border-color:var(--spfa-primary);transform:translateY(-1px)}.spfa-product img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}.spfa-product strong{display:block;font-size:12px;line-height:1.35;margin:2px 0 4px}.spfa-product-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#667085}.spfa-product-type{background:#eef5ff;color:var(--spfa-primary);padding:2px 6px;border-radius:99px;font-weight:700}.spfa-product-price{font-weight:800;color:#111827}.spfa-guide{display:block;background:#fff;border:1px solid #e3e9f2;border-radius:10px;padding:9px 10px;text-decoration:none!important;color:#111827!important}.spfa-guide strong{font-size:12px;line-height:1.35}.spfa-guide span{display:block;color:var(--spfa-primary);font-size:10px;font-weight:800;margin-top:3px}.spfa-actions{display:flex;gap:6px;flex-wrap:wrap}.spfa-action{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;border:1px solid var(--spfa-primary)}.spfa-action.primary{background:var(--spfa-primary);color:#fff!important}.spfa-action.secondary{background:#fff;color:var(--spfa-primary)!important}.spfa-quick{padding:7px 12px 9px;background:#f7f9fc;display:flex;gap:6px;overflow:auto;scrollbar-width:none;border-top:1px solid #edf1f6}.spfa-quick::-webkit-scrollbar{display:none}.spfa-quick button{flex:0 0 auto;border:1px solid #cdd8e8;background:#fff;color:#26364c;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700;cursor:pointer}.spfa-quick button:hover{border-color:var(--spfa-primary);color:var(--spfa-primary)}.spfa-form{border-top:1px solid #e4e9f0;padding:9px 10px;background:#fff;display:flex;align-items:flex-end;gap:7px}.spfa-form textarea{flex:1;resize:none;max-height:92px;min-height:40px;border:1px solid #d7e0eb!important;border-radius:11px!important;padding:10px 11px!important;font:inherit!important;font-size:12px!important;line-height:1.45!important;box-shadow:none!important;outline:none}.spfa-form textarea:focus{border-color:var(--spfa-primary)!important}.spfa-form button{width:40px;height:40px;border:0;border-radius:11px;background:var(--spfa-primary);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.spfa-form button svg{width:19px;height:19px}.spfa-foot{text-align:center;font-size:9px;color:#8b95a5;padding:0 10px 7px;background:#fff}.spfa-typing{display:inline-flex;gap:4px;align-items:center;height:17px}.spfa-typing i{width:5px;height:5px;border-radius:50%;background:#9aa6b6;animation:spfa-dot 1s infinite}.spfa-typing i:nth-child(2){animation-delay:.15s}.spfa-typing i:nth-child(3){animation-delay:.3s}@keyframes spfa-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.spfa-error{font-size:11px;color:#b42318;background:#fff0ee;border:1px solid #f8c9c3;padding:8px 10px;border-radius:10px}@media(max-width:600px){#spfa-root{bottom:16px}#spfa-root.spfa-pos-left{left:12px}#spfa-root.spfa-pos-right{right:12px}.spfa-launch{width:52px;height:52px}.spfa-launch-icon{width:28px;height:28px}.spfa-panel{position:fixed;left:10px!important;right:10px!important;bottom:78px;width:auto;height:min(610px,calc(100vh - 102px));border-radius:16px}.spfa-intro{left:0!important;right:auto!important;bottom:66px!important;width:min(286px,calc(100vw - 28px))!important}.spfa-pos-right .spfa-intro{right:0!important;left:auto!important}}
