body.site-support-enabled {
    --site-support-bottom: max(calc(var(--site-bottom-bar-height, 0px) + 16px), calc(env(safe-area-inset-bottom, 0px) + 16px));
}
.site-support-control {
    position: fixed;
    bottom: var(--site-support-bottom);
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0 8px 24px #0004;
}
.site-support-control:focus-visible { outline: 3px solid #ffcc00; outline-offset: 4px; }
.site-support-control svg { display: block; width: 28px; height: 28px; flex-shrink: 0; }
body .site-whatsapp { right: max(16px, env(safe-area-inset-right, 0px)); bottom: var(--site-support-bottom); width: 56px; height: 56px; z-index: 80; background: #25d366; color: #082713; }
.site-bot-fallback { left: max(16px, env(safe-area-inset-left, 0px)); flex-direction: column; gap: 2px; background: #fff; border: 2px solid #ffcc00; color: #162235; font: 700 11px/1 Arial, sans-serif; }
.site-bot-fallback svg { width: 24px; height: 24px; }
.site-support-bot-ready .site-bot-fallback { display: none; }
body.site-support-enabled .getbot-root { left: max(16px, env(safe-area-inset-left, 0px)); bottom: var(--site-support-bottom); z-index: 1200; }
body.site-support-enabled .getbot-whatsapp-float { display: none; }
body.site-support-enabled .getbot-launcher { flex: 0 0 56px; width: 56px; height: 56px; }
body.site-support-enabled .getbot-launcher-row { width: max-content; max-width: calc(100vw - 120px); }
body.site-support-enabled .getbot-bubble { min-width: 0; overflow-wrap: anywhere; }
body.site-support-enabled .getbot-bubble strong { white-space: normal; }
body.site-support-enabled .scroll-to-top-btn { right: max(20px, env(safe-area-inset-right, 0px)); bottom: calc(var(--site-support-bottom) + 72px); }
.site-support-chat-open .site-whatsapp { visibility: hidden; }
.menu-open .site-support-control, body.menu-open .getbot-root { visibility: hidden; pointer-events: none; }
@media (max-width: 768px) {
    body.site-support-enabled .getbot-launcher-row { max-width: calc(100vw - 112px); }
    body.site-support-enabled .getbot-launcher { flex-basis: 52px; width: 52px; height: 52px; }
    body .site-whatsapp, .site-bot-fallback { width: 52px; height: 52px; }
    body.site-support-enabled .getbot-bubble {
        position: absolute;
        left: 0;
        bottom: calc(100% + 12px);
        width: min(268px, calc(100vw - 48px));
        max-width: min(268px, calc(100vw - 48px));
        padding: 12px 16px;
        min-height: 0;
    }
    body.site-support-enabled .getbot-bubble strong { font-size: 13px; line-height: 1.4; }
    body.site-support-enabled .getbot-bubble small { font-size: 11px; line-height: 1.4; }
    body.site-support-enabled .getbot-bubble-close { top: -22px; right: -8px; width: 44px; height: 44px; border: 10px solid transparent; background-clip: padding-box; }
    body.site-support-enabled .getbot-window { width: min(390px, calc(100vw - 32px)); max-height: calc(100dvh - var(--site-bottom-bar-height, 0px) - 96px); }
}
@media (max-width: 640px) {
    body.site-support-enabled .getbot-window { width: 100vw; height: calc(var(--getbot-window-height, 100dvh) - var(--site-bottom-bar-height, 0px)); max-height: none; }
    body.site-support-enabled .getbot-lead-modal { height: calc(var(--getbot-window-height, 100dvh) - var(--site-bottom-bar-height, 0px)); }
    body.site-support-enabled .getbot-lead-card { max-height: calc(var(--getbot-window-height, 100dvh) - var(--site-bottom-bar-height, 0px) - 28px); }
}
@media (prefers-reduced-motion: reduce) {
    body.site-support-enabled .getbot-launcher, body.site-support-enabled .getbot-bubble { animation: none; }
}