.hero-assistant .live-chat-invite{margin-bottom:16px}
.hero-assistant .live-chat-invite button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px;border:0;border-radius:8px;background:var(--ink);color:white;font-size:13px}
.hero-assistant.live-chat-active .hero-assistant__messages,.hero-assistant.live-chat-active .hero-assistant__choices,.hero-assistant.live-chat-active .hero-assistant__answer,.hero-assistant.live-chat-active .hero-assistant__callback,.hero-assistant.live-chat-active .live-chat-invite{display:none!important}
.hero-assistant .live-chat-pane{font-size:13px}
.hero-assistant .live-chat-note,.hero-assistant .live-chat-status{font-size:12px;line-height:1.6;color:#52656e;margin:0 0 14px}
.hero-assistant .live-chat-log{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow:auto;overscroll-behavior:contain;margin-bottom:14px;scrollbar-width:thin}
.hero-assistant .live-chat-message{max-width:95%;padding:10px 12px;border-radius:10px;background:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0}
.hero-assistant .live-chat-message[data-role=visitor]{align-self:flex-end;background:#e5f4fc}
.hero-assistant .live-chat-message strong{display:block;font-size:10px;margin-bottom:3px}
.hero-assistant .live-chat-message small{display:block;font-size:10px;color:#52656e;margin-top:5px}
.hero-assistant .live-chat-form label:not(.checkbox){display:block;font-size:12px;font-weight:550;margin-bottom:6px}
.hero-assistant .live-chat-form textarea{width:100%;font-size:16px;padding:10px;border:1px solid var(--line);border-radius:8px;resize:vertical;margin:0}
.hero-assistant .live-chat-safety{font-size:10px;line-height:1.5;color:#52656e;margin:6px 0 12px}
.hero-assistant .live-chat-consent{font-size:10px;line-height:1.5;margin:12px 0}
.hero-assistant .live-chat-consent a{text-decoration:underline;text-underline-offset:2px}
.hero-assistant .live-chat-send{width:100%;border:0;border-radius:8px;background:var(--ink);color:white;padding:12px;font-size:13px}
.hero-assistant .live-chat-send:disabled{opacity:.55;cursor:default}
.hero-assistant .live-chat-status{margin:12px 0 0}
.hero-assistant .live-chat-retry{border:1px solid var(--blue-dark);border-radius:6px;padding:8px 12px;background:white;color:var(--blue-dark);font-size:12px;margin-top:10px}
.hero-assistant .live-chat-back{display:block;border:0;background:none;font-size:11px;color:#52656e;padding:14px 0 0}
.hero-assistant .live-chat-demo{background:#fff2cb;color:#5a4400;padding:10px;border-radius:6px;font-size:11px;line-height:1.5;margin:0 0 12px}
.hero-assistant .live-chat-title{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:0 0 10px}
.hero-assistant .live-chat-hint{font-size:11px;line-height:1.5;color:#52656e;margin:7px 0 0}
.hero-assistant__photo>img{width:42px;height:42px;object-fit:cover;border-radius:50%}
.hero-assistant .live-chat-wait,.hero-assistant .live-chat-offer{background:var(--soft);border-radius:10px;padding:12px;margin-top:12px;line-height:1.6;font-size:12px}
.hero-assistant .live-chat-wait progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:var(--blue-dark)}
.hero-assistant .live-chat-offer p{margin:0 0 10px}
.hero-assistant .live-chat-offer-actions{display:flex;flex-wrap:wrap;gap:8px}
.hero-assistant .live-chat-offer button{background:white;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:12px;color:var(--ink)}
.hero-assistant .live-chat-callback{margin-top:14px}
.hero-assistant .live-chat-callback label:not(.checkbox){display:block;margin:10px 0;font-size:12px}
.hero-assistant .live-chat-callback input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:16px;margin-top:5px}
.hero-assistant .live-chat-callback .checkbox{font-size:10px;line-height:1.5}
.hero-assistant .live-chat-callback-status{font-size:11px;margin-top:10px!important}

.hero-assistant .live-chat-leave{background:#e5f4fc;border:1px solid #b6dbef;border-radius:12px;padding:14px;margin:0 0 16px;font-size:12px;line-height:1.6}
.hero-assistant .live-chat-leave h4{font-size:19px;line-height:1.2;margin:0 0 10px}
.hero-assistant .live-chat-leave p{margin:0 0 12px}
.hero-assistant .live-chat-leave button{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;background:white;color:var(--ink);font-size:12px;margin-top:8px}
.hero-assistant .live-chat-leave [data-chat-stay]{background:var(--ink);color:white;border-color:var(--ink)}
.hero-assistant .live-chat-contact{margin-top:14px}
.hero-assistant .live-chat-contact label:not(.checkbox){display:block;margin-bottom:6px}
.hero-assistant .live-chat-contact input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:16px;margin-bottom:8px}
.hero-assistant .live-chat-contact .checkbox{font-size:10px;line-height:1.5}
.hero-assistant .live-chat-contact button:disabled{opacity:.6}
.hero-assistant .live-chat-contact-status{margin-top:10px!important}
.hero-assistant-launcher .live-chat-unread{position:absolute;right:-3px;top:-3px;min-width:23px;height:23px;padding:0 5px;border-radius:20px;background:#dc3545;color:#fff;border:2px solid #fff;font:700 12px/19px sans-serif;text-align:center;box-shadow:0 2px 8px #0002}

/* Fit the visual viewport above the on-screen keyboard, including browser pan. */
.hero-assistant.chat-keyboard-open{height:var(--chat-visible-height)}
.hero-assistant.chat-keyboard-open .hero-assistant__body{height:100%;max-height:100%;overflow:hidden}
.hero-assistant.chat-keyboard-open .hero-assistant__chat{height:100%;display:flex;flex-direction:column;min-height:0;padding:10px;overflow-y:auto;scroll-padding:10px}
.hero-assistant.chat-keyboard-open .hero-assistant__heading{flex-shrink:0;margin-bottom:8px}
.hero-assistant.chat-keyboard-open .live-chat-pane:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.hero-assistant.chat-keyboard-open .live-chat-title,.hero-assistant.chat-keyboard-open .live-chat-note{display:none}
.hero-assistant.chat-keyboard-open .live-chat-log{flex:1 1 48px;min-height:0;max-height:none;margin-bottom:8px}
.hero-assistant.chat-keyboard-open .live-chat-form{flex-shrink:0}
.hero-assistant.chat-keyboard-open .live-chat-form textarea{height:56px;min-height:56px;max-height:90px;resize:none}
.hero-assistant.chat-keyboard-open .live-chat-safety{margin:4px 0}
.hero-assistant.chat-keyboard-open .live-chat-consent{margin:6px 0}
.hero-assistant.chat-keyboard-open .live-chat-status{max-height:3.5em;overflow-y:auto;flex-shrink:0;margin:6px 0 0}
.hero-assistant.chat-keyboard-open{z-index:70}
@media(max-width:600px){.hero-assistant.chat-keyboard-open{right:8px;width:calc(100% - 16px);max-width:none}}

/* Messenger layout: the conversation grows, the composer stays at the bottom. */
.hero-assistant.live-chat-active{width:360px;max-width:calc(100vw - 24px);height:min(600px,var(--chat-visible-height,600px))}
.hero-assistant.live-chat-active .hero-assistant__body{height:100%;max-height:100%;overflow:hidden}
.hero-assistant.live-chat-active .hero-assistant__chat{height:100%;display:flex;flex-direction:column;min-height:0;padding:14px;overflow:hidden}
.hero-assistant.live-chat-active .hero-assistant__heading{flex-shrink:0;margin-bottom:12px}
.hero-assistant.live-chat-active .live-chat-pane:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.hero-assistant.live-chat-active .live-chat-log{flex:1;min-height:0;max-height:none;overflow-y:auto;margin:0 0 10px;padding:2px 2px 6px;scroll-padding:8px}
.hero-assistant.live-chat-active .live-chat-form{flex-shrink:0;margin:0}
.hero-assistant .live-chat-composer{display:flex;align-items:flex-end;gap:8px}
.hero-assistant.live-chat-active .live-chat-composer textarea{display:block;flex:1;min-width:0;width:0;height:44px;min-height:44px;max-height:88px;line-height:24px;padding:9px 11px;border-radius:14px;resize:none;overflow-y:auto}
.hero-assistant .live-chat-composer .live-chat-send{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;height:44px;padding:0;border-radius:14px;font-size:25px;line-height:1}
.hero-assistant .live-chat-composer .live-chat-send:disabled{opacity:.5}
.hero-assistant.live-chat-active .live-chat-consent{font-size:11px;line-height:1.45;margin:7px 0 0;gap:6px}
.hero-assistant.live-chat-active .live-chat-safety{font-size:10px;line-height:1.4;margin:5px 0 0}
.hero-assistant .live-chat-status:empty{display:none}
.hero-assistant.live-chat-active .live-chat-status{font-size:12px;line-height:1.5;max-height:3em;overflow:auto;flex-shrink:0;margin:6px 0 0}
.hero-assistant.live-chat-active .live-chat-back{font-size:11px;line-height:1.4;padding:6px 0 0;text-align:center;flex-shrink:0}
.hero-assistant .live-chat-tail{flex-shrink:0}
.hero-assistant .live-chat-intro-typing{color:var(--muted);font-size:13px}
.chat-typing-dots{display:inline-block;letter-spacing:3px;margin-left:7px;animation:chat-soft-pulse 1.6s ease-in-out infinite}
.hero-assistant .live-chat-wait{margin:0 0 10px;font-size:13px;line-height:1.5;animation:chat-soft-pulse 2s ease-in-out infinite}
.hero-assistant .live-chat-wait .live-chat-countdown{display:block;color:var(--muted);font-size:11px}
.hero-assistant .live-chat-wait progress{margin-top:8px;height:6px}
.hero-assistant .live-chat-offer{margin:0 0 10px;padding:12px;font-size:14px}
.hero-assistant .live-chat-contact{margin:0 0 10px;max-width:100%;padding:12px;font-size:14px}
.hero-assistant .live-chat-contact>strong{font-size:12px}
.hero-assistant .live-chat-contact-prompt{margin:4px 0 10px}
.hero-assistant .live-chat-contact .checkbox{font-size:11px;line-height:1.5;margin:8px 0}
.hero-assistant .live-chat-contact button{border:0;border-radius:8px;background:var(--ink);color:white;padding:10px 12px;font-size:14px}
.hero-assistant .live-chat-leave{margin:0 0 10px}
.hero-assistant.is-online .hero-assistant__heading>span:last-child{font-size:12px;font-weight:650;color:#16805a}
.hero-assistant.is-online .hero-assistant__dot{width:8px;height:8px;background:#22b67a;animation:chat-online-pulse 2.2s ease-out infinite}
.hero-assistant.live-chat-active .live-chat-demo{font-size:10px;line-height:1.4;max-height:36px;overflow:auto;margin-bottom:8px;padding:6px;flex-shrink:0}
.hero-assistant.live-chat-active.chat-keyboard-open{height:var(--chat-visible-height);z-index:70}
.hero-assistant.live-chat-active.chat-keyboard-open .hero-assistant__chat{padding:10px}
.hero-assistant.live-chat-active.chat-keyboard-open .hero-assistant__heading{margin-bottom:8px}
@media(max-width:600px){
 .hero-assistant.live-chat-active{right:12px;width:calc(100% - 24px)}
 .hero-assistant.live-chat-active.chat-keyboard-open{right:8px;width:calc(100% - 16px);max-width:none}
}
@keyframes chat-soft-pulse{0%,100%{opacity:1}50%{opacity:.65}}
@keyframes chat-online-pulse{0%{box-shadow:0 0 0 0 #22b67a66}75%,100%{box-shadow:0 0 0 7px #22b67a00}}
@media(prefers-reduced-motion:reduce){.hero-assistant.is-online .hero-assistant__dot,.hero-assistant .live-chat-wait,.chat-typing-dots{animation:none}}
.hero-assistant .live-chat-contact-row{display:flex;gap:8px;align-items:center}
.hero-assistant .live-chat-contact-row input:not([type=checkbox]){flex:1;min-width:0;width:0;margin:0}
.hero-assistant .live-chat-contact-row button{flex:0 0 40px;width:40px;height:40px;padding:0;font-size:22px;line-height:1}
.hero-assistant .live-chat-contact,.hero-assistant .live-chat-wait{white-space:normal}

/* Only the message log scrolls; browser focus must not pan the whole widget. */
.hero-assistant.live-chat-active .hero-assistant__body,.hero-assistant.live-chat-active .hero-assistant__chat,.hero-assistant.live-chat-active .live-chat-pane:not([hidden]){overflow:clip}

/* Keep focus outlines inside the clipped pane. */
.hero-assistant.live-chat-active .live-chat-pane{position:relative;padding:3px;margin:-3px;isolation:isolate}
.hero-assistant .live-chat-leave:not([hidden]){position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow-y:auto;padding:14px;margin:0;border:0;border-radius:12px;background:rgba(20,38,46,.55);backdrop-filter:blur(2px)}
.hero-assistant .live-chat-leave-card{width:100%;max-width:330px;max-height:100%;overflow:auto;padding:18px;border-radius:14px;background:white;box-shadow:0 12px 36px #0003}
.hero-assistant .live-chat-leave h4{font-size:22px}
.hero-assistant .live-chat-leave p{font-size:14px;line-height:1.5}
.hero-assistant .live-chat-leave button{font-size:13px}