/* Боковой флаг «Чат» (partials/chat-flag): вкладка у правого края на любой странице + панель с чатом во фрейме. */
:root{--klc-accent-red:#E43D4C;--klc-accent-blue:#3f8fd6}
.kl-chatw{position:fixed;top:0;right:0;bottom:0;z-index:9500;font-family:Montserrat,Arial,sans-serif;pointer-events:none}
.kl-chatw__chevron{pointer-events:auto;position:fixed;top:calc(50% + 14px);right:0;transform:translateY(-50%);width:34px;height:64px;padding:0;border:none;border-radius:14px 0 0 14px;background:linear-gradient(160deg,#e3f1fd,#bddcf7);color:#3286d8;box-shadow:-6px 8px 20px rgba(63,143,214,.28);display:grid;place-items:center;cursor:pointer;box-sizing:border-box;transition:width .15s ease}
.kl-chatw__chevron:hover,.kl-chatw__chevron[aria-expanded="true"]{width:38px}
.kl-chatw__chevron svg{display:block;width:22px;height:22px}
.kl-chatw__launcherBadge{position:absolute;top:5px;right:1px;min-width:20px;height:20px;padding:0 3px;border-radius:10px;background:#E43D4C;color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700;border:2px solid #fff;box-sizing:border-box;pointer-events:none;font-variant-numeric:tabular-nums}
.kl-chatw__launcherBadge[hidden]{display:none}
.kl-chatw__overlay{pointer-events:none;position:fixed;inset:0;background:rgba(20,26,37,.28);opacity:0;transition:opacity .2s;z-index:9490}
.kl-chatw__overlay:not([hidden]){pointer-events:auto;opacity:1}
.kl-chatw__panel{pointer-events:auto;position:fixed;top:16px;right:16px;bottom:16px;width:410px;max-width:calc(100vw - 32px);background:#fff;border-radius:22px;box-shadow:0 16px 46px rgba(20,26,37,.22);display:flex;flex-direction:column;overflow:hidden;transform:translateX(calc(100% + 24px));transition:transform .25s ease;z-index:9500}
.kl-chatw__panel[hidden]{display:none!important}
.kl-chatw__panel.is-open{transform:translateX(0)}
.kl-chatw__frame{flex:1;min-height:0;position:relative;background:#fff}
.kl-chatw__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}
.kl-chatw__toast{pointer-events:none;position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(420px,90vw);padding:11px 16px;border-radius:14px;background:#1f2430;color:#fff;font-size:14px;line-height:1.4;z-index:10030;box-shadow:0 10px 30px rgba(20,26,37,.3)}
.kl-chatw__toast[hidden]{display:none}
.kl-chatw__phoneModal{pointer-events:auto;position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center}
.kl-chatw__phoneModal[hidden]{display:none}
.kl-chatw__phoneOverlay{position:absolute;inset:0;background:rgba(17,20,24,.42)}
.kl-chatw__phoneDialog{position:relative;width:min(340px,92vw);background:#fff;border-radius:20px;padding:22px 20px 20px;box-shadow:0 20px 60px rgba(17,20,24,.25)}
.kl-chatw__phoneClose{position:absolute;top:10px;right:12px;border:none;background:none;font-size:20px;line-height:1;color:#9aa0aa;cursor:pointer;padding:4px}
.kl-chatw__phoneTitle{font-size:16px;font-weight:800;color:#17191f;margin-bottom:3px}
.kl-chatw__phoneSub{font-size:12.5px;color:#7a8089;margin-bottom:14px}
.kl-chatw__phoneInput{width:100%;box-sizing:border-box;border:1.5px solid #e4e7eb;border-radius:14px;padding:12px 14px;font:600 16px inherit;letter-spacing:.01em;outline:none;color:#17191f}
.kl-chatw__phoneInput:focus{border-color:var(--klc-accent-blue)}
.kl-chatw__phoneError{color:#e0503a;font-size:12.5px;margin-top:8px}
.kl-chatw__phoneOk{width:100%;margin-top:14px;border:none;border-radius:16px;padding:12px 18px;background:#eef2f6;color:#1f2430;font:700 14px inherit;cursor:pointer}
.kl-chatw__phoneOk:disabled{opacity:.6;cursor:default}
.kl-chatw__phoneSuccess{text-align:center}
.kl-chatw__phoneSuccessIcon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#e6f7ec;display:flex;align-items:center;justify-content:center}
.kl-chatw__phoneSuccess .kl-chatw__phoneTitle,.kl-chatw__phoneSuccess .kl-chatw__phoneSub{text-align:center}
@media(max-width:560px){
 .kl-chatw__panel{top:0;right:0;bottom:0;width:100vw;max-width:none;border-radius:0}
}
/* Как и вкладка поддержки, на телефоне флаг не показываем (там чат в нижнем меню); исключение — страница объявления с кнопкой «Написать продавцу». */
@media(max-width:767px){
 .kl-chatw:not(.has-triggers) .kl-chatw__chevron{display:none}
}
/* Пока чат открыт, сам флаг убираем — иначе он торчит из-за края панели. */
.kl-chatw__chevron[aria-expanded="true"]{opacity:0;pointer-events:none}