.shop-chat-launcher,.shop-chat-panel,.shop-chat-trigger{--chat-brand:var(--sport-primary,var(--surface-inverse,#111));--chat-on-brand:var(--header-text,var(--text-inverse,#fff));font-family:var(--font-family-body,sans-serif)}.shop-chat-launcher{--chat-brand:var(--sport-secondary,var(--surface-inverse,#111));--chat-on-brand:var(--text-inverse,#fff);box-sizing:border-box;right:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:30;border:1px solid color-mix(in srgb,var(--chat-on-brand) 20%,transparent);background:var(--chat-brand);width:52px;height:52px;color:var(--chat-on-brand);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .18s,box-shadow .18s,background-color .3s,color .3s;display:grid;position:fixed;box-shadow:0 6px 24px #0003}.shop-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.shop-chat-launcher:focus-visible,.shop-chat-trigger:focus-visible,.shop-chat-panel button:focus-visible{outline:3px solid var(--chat-brand);outline-offset:3px}.shop-chat-trigger{border-radius:var(--radius-sm,.5rem);color:inherit;cursor:pointer;background:0 0;border:1px solid;margin:.65rem 0;padding:.65rem .9rem;font-size:.9rem}.shop-chat-panel{box-sizing:border-box;border:1px solid var(--border-default,#ddd);border-radius:var(--radius-lg,1.5rem);background:var(--surface-page,#fff);width:min(440px,100vw - 3rem);height:min(700px,100dvh - 3rem);max-height:calc(100dvh - 3rem);color:var(--text-primary,#111);margin:0;padding:0;position:fixed;inset:auto 1.5rem 1.5rem auto;overflow:hidden;box-shadow:0 24px 80px #0004}.shop-chat-panel[open]{flex-direction:column;display:flex}.shop-chat-panel::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1114}.shop-chat-panel header{background:var(--chat-brand);color:var(--chat-on-brand);flex-shrink:0;align-items:center;gap:.8rem;padding:1.2rem;display:flex}.shop-chat-avatar{border:1px solid color-mix(in srgb,var(--chat-on-brand) 25%,transparent);border-radius:var(--radius-md,.9rem);background:color-mix(in srgb,var(--chat-on-brand) 12%,transparent);flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.shop-chat-heading{flex:1;min-width:0}.shop-chat-panel h2{font-family:var(--font-family-heading,inherit);margin:.15rem 0;font-size:1.15rem;line-height:1.3}.shop-chat-heading p{opacity:.85;margin:0;font-size:.72rem}.shop-chat-heading .shop-chat-brand{letter-spacing:.07em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.shop-chat-panel .shop-chat-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.shop-chat-panel .shop-chat-close:hover{background:color-mix(in srgb,var(--chat-on-brand) 12%,transparent)}.shop-chat-panel .shop-chat-close:focus-visible{outline-color:var(--chat-on-brand)}.shop-chat-notice{color:var(--text-secondary,#666);margin:.5rem 0 0;font-size:.7rem;line-height:1.5}.shop-chat-messages{overscroll-behavior:contain;background:var(--surface-panel,#fafafa);scrollbar-width:thin;flex:1;min-height:0;padding:1.25rem;overflow-y:auto}.shop-chat-message{max-width:94%;margin-bottom:1rem}.shop-chat-message-user{max-width:88%;margin-left:auto}.shop-chat-author{color:var(--text-secondary,#666);align-items:center;gap:.35rem;margin:0 .15rem .35rem;font-size:.65rem;font-weight:600;display:flex}.shop-chat-message-user .shop-chat-author{justify-content:flex-end}.shop-chat-answer,.shop-chat-question{border-radius:var(--radius-md,.9rem);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.65}.shop-chat-question{background:var(--chat-brand);color:var(--chat-on-brand);border-bottom-right-radius:.25rem}.shop-chat-answer{border:1px solid var(--border-subtle,#eee);background:var(--surface-page,#fff);border-bottom-left-radius:.25rem;box-shadow:0 2px 4px #00000004}.shop-chat-waiting{color:var(--text-secondary,#666);align-items:center;gap:.6rem;margin:.5rem 0 1rem;font-size:.75rem;display:flex}.shop-chat-dots{gap:4px;display:flex}.shop-chat-dots i{background:var(--chat-brand);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite shop-chat-pulse}.shop-chat-dots i:nth-child(2){animation-delay:.15s}.shop-chat-dots i:nth-child(3){animation-delay:.3s}@keyframes shop-chat-pulse{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.shop-chat-composer{border-top:1px solid var(--border-default,#ddd);background:var(--surface-page,#fff);flex-shrink:0;padding:1rem 1.2rem}.shop-chat-input-row{border:1px solid var(--border-default,#ddd);border-radius:var(--radius-md,.9rem);background:var(--surface-panel,#fafafa);align-items:flex-end;gap:.5rem;padding:.5rem;display:flex}.shop-chat-input-row:focus-within{border-color:var(--chat-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-brand) 10%,transparent)}.shop-chat-panel textarea{resize:none;min-width:0;max-height:120px;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.35rem .4rem;font-size:1rem;line-height:1.5}.shop-chat-panel textarea:disabled{opacity:.65}.shop-chat-input-row button{background:var(--chat-brand);width:44px;height:44px;color:var(--chat-on-brand);cursor:pointer;border:0;border-radius:.65rem;flex-shrink:0;place-items:center;display:grid}.shop-chat-panel button:disabled{opacity:.4;cursor:default}.shop-chat-composer-meta{color:var(--text-secondary,#666);justify-content:space-between;gap:.5rem;margin:.5rem 0;font-size:.6rem;line-height:1.4;display:flex}.shop-chat-error{border-radius:var(--radius-sm,.5rem);color:#9b2929;background:#fff5f5;border:1px solid #9b292933;margin:.75rem 0;padding:.8rem 1rem;font-size:.8rem;line-height:1.5}.shop-chat-error p{margin:0 0 .3rem}.shop-chat-error a{color:inherit;overflow-wrap:anywhere;text-decoration:underline}.shop-chat-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.shop-chat-panel{inset:var(--chat-viewport-top,0px) 0 auto;width:100%;height:var(--chat-viewport-height,100dvh);max-width:none;max-height:var(--chat-viewport-height,100dvh);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.shop-chat-launcher{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom))}.shop-chat-panel header,.shop-chat-messages{padding:1rem}.shop-chat-composer{padding:.85rem 1rem}.shop-chat-composer-meta{font-size:.57rem}}.shop-chat-launcher:after{content:"";border:1px solid var(--sport-primary-55,#fbe9008c);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .25s,transform .25s;position:absolute;inset:-6px;transform:scale(.9)}.shop-chat-launcher--on-footer{box-shadow:0 10px 34px #0005}.shop-chat-launcher--on-footer:after{opacity:1;animation:2.4s ease-in-out infinite shop-chat-launcher-ring;transform:scale(1)}@keyframes shop-chat-launcher-ring{0%,to{box-shadow:0 0 0 0 var(--sport-primary-30,#fbe9004d)}50%{box-shadow:0 0 0 10px #0000}}.shop-chat-context-row{flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem;display:flex}.shop-chat-context-chip{border:1px solid color-mix(in srgb,var(--chat-brand) 24%,transparent);background:color-mix(in srgb,var(--chat-brand) 7%,transparent);max-width:100%;color:var(--text-primary,#111);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .2rem .2rem .6rem;font-size:.7rem;line-height:1.2;display:inline-flex}.shop-chat-context-chip--detached{background:0 0;border-style:dashed}.shop-chat-context-chip--detached .shop-chat-context-label{color:var(--text-secondary,#666)}.shop-chat-context-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shop-chat-context-add,.shop-chat-context-remove{background:color-mix(in srgb,var(--chat-brand) 12%,transparent);width:18px;height:18px;color:var(--chat-brand);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .15s;display:grid}.shop-chat-context-add:hover,.shop-chat-context-remove:hover{background:var(--chat-brand);color:var(--chat-on-brand);transform:scale(1.08)}.shop-chat-context-remove{color:var(--text-secondary,#666);background:0 0}@media (prefers-reduced-motion:reduce){.shop-chat-launcher{transition:none}.shop-chat-launcher:after{transition:none;animation:none}.shop-chat-dots i{animation:none}}
