.elementor-793 .elementor-element.elementor-element-2f79071{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-2f79071:not(.elementor-motion-effects-element-type-background), .elementor-793 .elementor-element.elementor-element-2f79071 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050074;}.elementor-793 .elementor-element.elementor-element-2f79071, .elementor-793 .elementor-element.elementor-element-2f79071::before{--border-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-87fdbe5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-f43e2db{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-c49ba92 .elementor-repeater-item-8e34737.elementor-social-icon{background-color:#FF5AB4;}.elementor-793 .elementor-element.elementor-element-c49ba92{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-793 .elementor-element.elementor-element-c49ba92 .elementor-widget-container{text-align:right;}.elementor-793 .elementor-element.elementor-element-fc5fcb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--background-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-fc5fcb7:not(.elementor-motion-effects-element-type-background), .elementor-793 .elementor-element.elementor-element-fc5fcb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010022;}.elementor-793 .elementor-element.elementor-element-fc5fcb7, .elementor-793 .elementor-element.elementor-element-fc5fcb7::before{--border-transition:0.3s;}.elementor-793 .elementor-element.elementor-element-a3564a7{text-align:center;}.elementor-793 .elementor-element.elementor-element-a3564a7 .elementor-heading-title{color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:18px;font-weight:600;line-height:24px;}body:not(.rtl) .elementor-793 .elementor-element.elementor-element-b8d583c{right:0px;}body.rtl .elementor-793 .elementor-element.elementor-element-b8d583c{left:0px;}.elementor-793 .elementor-element.elementor-element-b8d583c{top:0px;}@media(max-width:767px){.elementor-793 .elementor-element.elementor-element-87fdbe5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-793 .elementor-element.elementor-element-f43e2db{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-793 .elementor-element.elementor-element-b8d583c{top:-229px;z-index:999;}}/* Start custom CSS for html, class: .elementor-element-b8d583c *//* ===========================
   Chat Widget — Full CSS (desktop + mobile)
   Все правки учтены:
   - Кнопка +/- по центру
   - Свернутый виджет на мобильных как на десктопе (капсула справа снизу)
   - Раскрытый виджет на мобильных — на всю ширину (bottom-sheet)
   =========================== */

:root{
  --accent:#007bff;            /* Поменяйте под бренд, напр. #FA6334 */
  --accent-600:#0056b3;
  --bg:#ffffff;
  --ink:#111111;
  --ink-60:#6b7280;
  --bot:#f1f5f9;               /* фон ответа бота */
  --user:#e9ecef;              /* фон пользователя */
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.12);
  --border:1px solid rgba(0,0,0,.06);
  --focus:0 0 0 3px rgba(0,123,255,.25);
}

/* Тёмная тема */
@media (prefers-color-scheme: dark) {
  :root{
    --bg:#0b0f14;
    --ink:#e5e7eb;
    --ink-60:#94a3b8;
    --bot:#121821;
    --user:#1b2330;
    --accent:#3b82f6;
    --accent-600:#1d4ed8;
    --border:1px solid rgba(255,255,255,.08);
    --shadow:0 10px 30px rgba(0,0,0,.5);
  }
}

/* Контейнер */
.chat-widget{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 360px;
  height: 520px;
  background: var(--bg);
  color: var(--ink);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: var(--border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 15px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans";
  transition: height .22s ease, width .22s ease, border-radius .22s ease, transform .22s ease;
}

/* Шапка */
.chat-header{
  padding: 14px 16px;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat-title{ font-weight: 700; letter-spacing:.2px; }

/* Кнопка сворачивания — символ строго по центру */
.chat-minimize{
  background: rgba(255,255,255,.18);
  border: none;
  color: #fff;
  width: 36px; height: 36px;
  border-radius: 10px;
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .15s ease, background .2s ease;
}
.chat-minimize:hover{ background: rgba(255,255,255,.28); transform: translateY(-1px); }

/* Лента сообщений */
.chat-messages{
  flex: 1;
  padding: 12px;
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  word-wrap: break-word;
}
.chat-messages::-webkit-scrollbar{ width:8px }
.chat-messages::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.12); border-radius: 999px }
.chat-messages::-webkit-scrollbar-track{ background: transparent }

/* Пузырьки */
.message{
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 16px;
  max-width: 85%;
  color: var(--ink);
  background: var(--bot);
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.user-message{ background: var(--user); margin-left: auto; border-top-right-radius: 6px; }
.bot-message{ margin-right: auto; border-top-left-radius: 6px; }
.message a{ color: var(--accent); text-decoration: underline; }

/* Ввод и кнопка */
.chat-input{
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 10px;
  border-top: var(--border);
  background: var(--bg);
}
.chat-input textarea{
  flex: 1;
  min-height: 44px;
  max-height: 38vh;
  padding: 10px 12px;
  border: 1px solid #dde1e6;
  background: transparent;
  color: var(--ink);
  outline: none;
  border-radius: 12px;
  resize: none;
  line-height: 1.35;
  font: inherit;
}
.chat-input textarea::placeholder{ color: var(--ink-60); }
.chat-input textarea:focus{ box-shadow: var(--focus); border-color: var(--accent); }

.send-btn{
  min-width: 52px;
  height: 44px;
  padding: 0 14px;
  border: none;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease, opacity .2s ease;
}
.send-btn:hover{ background: var(--accent-600); transform: translateY(-1px); }
.send-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }

/* Индикатор "печатает..." */
.loading .loading-dots{ display:inline-flex; gap:6px; align-items:center; }
.loading .loading-dots span{
  width:6px; height:6px; border-radius:50%;
  background: currentColor; opacity:.5; animation: blink 1s infinite ease-in-out;
}
.loading .loading-dots span:nth-child(2){ animation-delay:.2s; }
.loading .loading-dots span:nth-child(3){ animation-delay:.4s; }
@keyframes blink { 0%,100%{opacity:.4} 50%{opacity:1} }

/* ===== СВЁРНУТЫЙ РЕЖИМ (капсула) — одинаковый для десктопа и мобилы ===== */
.chat-widget.minimized{
  height: 56px !important;
  width: 280px;
  overflow: hidden;
  border-radius: 999px;
}
.chat-widget.minimized .chat-header{
  padding: 10px 12px;
}
.chat-widget.minimized .chat-title{
  display: inline;
}

/* ===== МОБИЛЬНЫЙ РЕЖИМ ===== */
@media (max-width: 768px){

  /* Свернутый виджет — как на десктопе (капсула справа снизу) */
  .chat-widget.minimized{
    left: auto;
    right: 10px;
    bottom: 10px;
    width: 280px;
    height: 56px !important;
    border-radius: 999px;
  }

  /* Раскрытый виджет — на всю ширину (bottom-sheet) */
  .chat-widget:not(.minimized){
    left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: calc(100dvh - max(8px, env(safe-area-inset-bottom)));
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -10px 30px rgba(0,0,0,.25);
    margin: 0;
  }

  .chat-header{
    padding: 14px 16px calc(14px + env(safe-area-inset-top));
    position: relative;
  }
  .chat-header::before{
    content:"";
    position:absolute; left:50%; top:8px; transform:translateX(-50%);
    width:44px; height:5px; border-radius:999px; background:rgba(255,255,255,.5);
  }

  .chat-messages{ padding: 12px; }
  .message{ font-size: 15px; padding: 11px 13px; max-width: 90%; }

  .chat-input{
    position: sticky;
    bottom: 0;
    padding: 10px max(10px, env(safe-area-inset-left))
             calc(10px + env(safe-area-inset-bottom))
             max(10px, env(safe-area-inset-right));
    background: var(--bg);
  }
  .chat-input textarea{ min-height: 44px; font-size: 16px; } /* 16px — без зума на iOS */
  .send-btn{ height: 44px; min-width: 52px; }
}
/* === MOBILE OVERRIDE HOTFIX — вставить после всех стилей === */

/* Центр для +/− на кнопке */
#minimize-chat{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  height:36px !important;
  font-size:20px !important;
  line-height:1 !important;
}

/* Свернутый режим по умолчанию (десктоп) — компактная капсула */
#chat-widget.chat-widget.minimized{
  height:56px !important;
  width:280px !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

/* Мобильные правила (смартфоны) */
@media (max-width: 768px){

  /* 1) СВЁРНУТЫЙ ВИДЖЕТ — как на компьютере (капсула справа снизу) */
  #chat-widget.chat-widget.minimized{
    left:auto !important;
    right:10px !important;
    bottom:10px !important;
    width:280px !important;
    height:56px !important;
    border-radius:999px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
  }
  /* показываем заголовок и стандартную раскладку шапки */
  #chat-widget.chat-widget.minimized .chat-title{ display:inline !important; }
  #chat-widget.chat-widget.minimized .chat-header{
    justify-content:space-between !important;
    padding:10px 12px !important;
  }

  /* 2) РАСКРЫТЫЙ ВИДЖЕТ — на всю ширину (bottom-sheet) */
  #chat-widget.chat-widget:not(.minimized){
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:calc(100dvh - max(8px, env(safe-area-inset-bottom, 0px))) !important;
    border-radius:18px 18px 0 0 !important;
    margin:0 !important;
    box-shadow:0 -10px 30px rgba(0,0,0,.25) !important;
  }

  /* корректные отступы для шапки и «гребень» */
  #chat-widget.chat-widget:not(.minimized) .chat-header{
    padding:14px 16px calc(14px + env(safe-area-inset-top, 0px)) !important;
    position:relative !important;
  }
  #chat-widget.chat-widget:not(.minimized) .chat-header::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:8px !important;
    transform:translateX(-50%) !important;
    width:44px !important;
    height:5px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.5) !important;
  }

  /* чуть крупнее текст и безопасные паддинги внизу */
  #chat-widget .chat-messages{ padding:12px !important; }
  #chat-widget .message{ font-size:15px !important; padding:11px 13px !important; max-width:90% !important; }
  #chat-widget .chat-input{
    position:sticky !important;
    bottom:0 !important;
    padding:10px max(10px, env(safe-area-inset-left,0px))
             calc(10px + env(safe-area-inset-bottom,0px))
             max(10px, env(safe-area-inset-right,0px)) !important;
    background:inherit !important;
  }
  #chat-widget .chat-input textarea{ min-height:44px !important; font-size:16px !important; }
  #chat-widget .send-btn{ height:44px !important; min-width:52px !important; }
}
/* ===========================
   Chat Widget — FULL CSS
   =========================== */
:root{
  --accent:#007bff;
  --accent-600:#0056b3;
  --bg:#ffffff;
  --ink:#111111;
  --ink-60:#6b7280;
  --bot:#f1f5f9;
  --user:#e9ecef;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.12);
  --border:1px solid rgba(0,0,0,.06);
  --focus:0 0 0 3px rgba(0,123,255,.25);
}

/* Dark */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b0f14;
    --ink:#e5e7eb;
    --ink-60:#94a3b8;
    --bot:#121821;
    --user:#1b2330;
    --accent:#3b82f6;
    --accent-600:#1d4ed8;
    --border:1px solid rgba(255,255,255,.08);
    --shadow:0 10px 30px rgba(0,0,0,.5);
  }
}

/* Контейнер */
#chat-widget.chat-widget{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 360px;
  height: 520px;
  background: var(--bg);
  color: var(--ink);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: var(--border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 15px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans";
  transition: height .22s ease, width .22s ease, border-radius .22s ease, transform .22s ease;
}

/* Шапка */
#chat-widget .chat-header{
  padding: 14px 16px;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Кнопка +/- строго по центру */
#minimize-chat{
  background: rgba(255,255,255,.18);
  border: none;
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .15s ease, background .2s ease;
}
#minimize-chat:hover{ background: rgba(255,255,255,.28); transform: translateY(-1px); }

/* Лента сообщений */
#chat-widget .chat-messages{
  flex: 1;
  padding: 12px;
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  word-wrap: break-word;
}
#chat-widget .chat-messages::-webkit-scrollbar{ width:8px }
#chat-widget .chat-messages::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.12); border-radius: 999px }
#chat-widget .chat-messages::-webkit-scrollbar-track{ background: transparent }

/* Пузырьки */
#chat-widget .message{
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 16px;
  max-width: 85%;
  color: var(--ink);
  background: var(--bot);
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
#chat-widget .user-message{ background: var(--user); margin-left: auto; border-top-right-radius: 6px; }
#chat-widget .bot-message{ margin-right: auto; border-top-left-radius: 6px; }
#chat-widget .message a{ color: var(--accent); text-decoration: underline; }

/* Ввод и кнопка "Отправить" */
#chat-widget .chat-input{
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 10px;
  border-top: var(--border);
  background: var(--bg);
}
#chat-widget .chat-input textarea,
#chat-widget .chat-input input[type="text"]{
  flex: 1;
  min-height: 44px;
  max-height: 38vh;
  padding: 10px 12px;
  border: 1px solid #dde1e6;
  background: transparent;
  color: var(--ink);
  outline: none;
  border-radius: 12px;
  resize: none;
  line-height: 1.35;
  font: inherit;
}
#chat-widget .chat-input textarea::placeholder,
#chat-widget .chat-input input::placeholder{ color: var(--ink-60); }
#chat-widget .chat-input textarea:focus,
#chat-widget .chat-input input:focus{ box-shadow: var(--focus); border-color: var(--accent); }

#chat-widget .send-btn,
#chat-widget .chat-input button{
  min-width: 52px;
  height: 44px;
  padding: 0 14px;
  border: none;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease, opacity .2s ease;
}
#chat-widget .send-btn:hover,
#chat-widget .chat-input button:hover{ background: var(--accent-600); transform: translateY(-1px); }
#chat-widget .send-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }

/* Индикатор "печатает..." */
#chat-widget .loading .loading-dots{ display:inline-flex; gap:6px; align-items:center; }
#chat-widget .loading .loading-dots span{
  width:6px; height:6px; border-radius:50%;
  background: currentColor; opacity:.5; animation: blink 1s infinite ease-in-out;
}
#chat-widget .loading .loading-dots span:nth-child(2){ animation-delay:.2s; }
#chat-widget .loading .loading-dots span:nth-child(3){ animation-delay:.4s; }
@keyframes blink { 0%,100%{opacity:.4} 50%{opacity:1} }

/* ===== СВЁРНУТЫЙ РЕЖИМ — одна «капсула» (десктоп и мобайл) ===== */
#chat-widget.chat-widget.minimized{
  height: 56px !important;
  width: 280px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
#chat-widget.chat-widget.minimized .chat-header{
  padding: 10px 12px !important;
  justify-content: space-between !important;
}
#chat-widget.chat-widget.minimized .chat-messages,
#chat-widget.chat-widget.minimized .chat-input{
  display: none !important;
}

/* ===== МОБИЛЬНЫЙ РЕЖИМ ===== */
@media (max-width: 768px){

  /* СВЁРНУТЫЙ — как на компьютере (капсула справа снизу) */
  #chat-widget.chat-widget.minimized{
    left: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    width: 280px !important;
    height: 56px !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
  }

  /* РАСКРЫТЫЙ — bottom-sheet на всю ширину */
  #chat-widget.chat-widget:not(.minimized){
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100dvh - max(8px, env(safe-area-inset-bottom, 0px))) !important;
    border-radius: 18px 18px 0 0 !important;
    margin: 0 !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.25) !important;
  }

  /* Шапка и «гребень» при раскрытии */
  #chat-widget.chat-widget:not(.minimized) .chat-header{
    padding: 14px 16px calc(14px + env(safe-area-inset-top, 0px)) !important;
    position: relative !important;
  }
  #chat-widget.chat-widget:not(.minimized) .chat-header::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:8px !important;
    transform:translateX(-50%) !important;
    width:44px !important; height:5px !important;
    border-radius:999px !important; background:rgba(255,255,255,.5) !important;
  }

  /* Контент и ввод */
  #chat-widget .chat-messages{ padding: 12px !important; }
  #chat-widget .message{ font-size: 15px !important; padding: 11px 13px !important; max-width: 90% !important; }

  #chat-widget .chat-input{
    position: sticky !important;
    bottom: 0 !important;
    padding: 10px max(10px, env(safe-area-inset-left,0px))
             calc(10px + env(safe-area-inset-bottom,0px))
             max(10px, env(safe-area-inset-right,0px)) !important;
    background: var(--bg) !important;
  }
  #chat-widget .chat-input textarea{ min-height: 44px !important; font-size: 16px !important; }
  #chat-widget .send-btn{ height: 44px !important; min-width: 52px !important; }
}/* End custom CSS */