#rd-help{--rd-teal:#167c79;--rd-bottom:20px;position:fixed;left:max(20px,env(safe-area-inset-left));bottom:calc(var(--rd-bottom) + env(safe-area-inset-bottom));z-index:9900;font:15px/1.45 Arial,sans-serif;color:#202b2b;text-align:left}
#rd-help *{box-sizing:border-box}
#rd-help [hidden]{display:none!important}
#rd-help button,#rd-help a{font:inherit;-webkit-tap-highlight-color:transparent}
#rd-help button{cursor:pointer}
#rd-help button:focus-visible,#rd-help a:focus-visible{outline:3px solid #e72871;outline-offset:4px}
#rd-help .rd-launch{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 19px;border:0;border-radius:28px;background:var(--rd-teal);color:white;box-shadow:0 5px 20px #163b3b20}
#rd-help .rd-launch:hover,#rd-help .rd-start:hover{background:#116764}
#rd-help svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
#rd-help .rd-card{position:absolute;bottom:66px;left:0;width:304px;padding:23px;border:1px solid #e3e9e8;border-radius:20px;background:white;box-shadow:0 12px 40px #1933321c;animation:rd-arrive .2s ease-out}
#rd-help .rd-brand{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#637875;margin-bottom:13px}
#rd-help h2{font-size:20px;line-height:1.25;font-weight:600;margin:0 20px 8px 0;color:#202b2b}
#rd-help p{font-size:14px;margin:0 0 18px;color:#596866}
#rd-help .rd-close{position:absolute;right:5px;top:5px;width:44px;height:44px;border:0;background:transparent;color:#657572;font-size:23px;border-radius:50%}
#rd-help .rd-start{display:block;width:100%;padding:12px 15px;min-height:46px;border:0;border-radius:11px;background:var(--rd-teal);color:white;text-align:center}
#rd-help .rd-fallback{display:block;color:#167c79;margin-top:12px;font-size:13px}
html.rd-custom-help .b24-widget-button-wrapper,html.rd-custom-help .b24-widget-button-shadow{display:none!important}
@keyframes rd-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:767px){
 #rd-help{left:max(16px,env(safe-area-inset-left));--rd-bottom:16px}
 #rd-help .rd-launch{min-height:52px;padding:0 17px}
 #rd-help .rd-card{bottom:120px;width:min(304px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:20px}
 }
@media(prefers-reduced-motion:reduce){#rd-help .rd-card{animation:none}}

/* v6: anchor the real Bitrix chat above the custom launcher. */
html.rd-custom-help .bx-livechat-wrapper.bx-livechat-show{
 position:fixed!important;
 left:var(--rd-chat-left,20px)!important;
 right:auto!important;
 top:auto!important;
 bottom:var(--rd-chat-bottom,84px)!important;
 margin:0!important;
 transform:none!important;
 max-width:var(--rd-chat-width,calc(100vw - 36px))!important;
 max-height:var(--rd-chat-height,calc(100dvh - 100px))!important;
 min-width:0!important;
 min-height:0!important;
 box-sizing:border-box!important;
}

/* v8: align both launchers at the bottom; no invitation on phones. */
@media(max-width:767px){
 #rd-help .rd-card{display:none!important}
 }