/* Окно чата с ИИ-помощником (site-chat.js). Кнопка справа внизу, на телефоне — над нижним меню;
   окно на компьютере — карточка 380×620, на телефоне — весь экран. */
.site-chat{--site-chat-menu:0px;font-family:Manrope,Arial,sans-serif;color:#19171a}
/* z-index 79: ниже нижнего меню (80), фильтров каталога, поиска и уведомлений — кнопка не перекрывает их. */
.site-chat-button{position:fixed;z-index:79;right:20px;bottom:calc(20px + var(--site-chat-menu));display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#c8002f;color:#fff;box-shadow:0 10px 26px rgba(118,0,25,.28);cursor:pointer;transition:transform .15s ease,background-color .15s ease}
.site-chat-button:hover{background:#a80027}
.site-chat-button:active{transform:scale(.96)}
.site-chat-button:focus-visible,.site-chat-hint button:focus-visible{outline:3px solid #19171a;outline-offset:2px}
.site-chat-head-button:focus-visible{outline:3px solid #ffd21c;outline-offset:2px}
.site-chat-button i{font-size:28px;line-height:1}

.site-chat-hint{position:fixed;z-index:79;right:20px;bottom:calc(90px + var(--site-chat-menu));display:flex;align-items:flex-start;max-width:250px;border:1px solid #e9e5e7;border-radius:14px 14px 4px 14px;background:#fff;box-shadow:0 14px 40px rgba(42,24,30,.12)}
.site-chat-hint[hidden]{display:none}
.site-chat-hint-body{display:grid;gap:2px;padding:10px 4px 10px 12px;border:0;background:none;color:inherit;font:500 13px/1.45 Manrope,Arial,sans-serif;text-align:left;cursor:pointer}
.site-chat-hint-body strong{font-weight:700}
.site-chat-hint-close{flex:none;width:30px;height:30px;margin:4px;padding:0;border:0;border-radius:50%;background:none;color:#716b70;cursor:pointer}

.site-chat-panel{position:fixed;z-index:95;right:20px;bottom:calc(92px + var(--site-chat-menu));display:flex;flex-direction:column;width:380px;height:min(620px,calc(100vh - 120px - var(--site-chat-menu)));overflow:hidden;border:1px solid #e9e5e7;border-radius:18px;background:#f4f5f7;box-shadow:0 18px 50px rgba(42,24,30,.18)}
.site-chat-panel[hidden]{display:none}
.site-chat-head{display:flex;flex:none;align-items:center;gap:10px;padding:12px 10px 12px 14px;background:#c8002f;color:#fff}
.site-chat-avatar{flex:none;width:38px;height:38px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#f4f5f7}
.site-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.site-chat-heading{display:grid;flex:1;min-width:0}
.site-chat-heading strong{overflow:hidden;font-size:14.5px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.site-chat-heading span{overflow:hidden;font-size:12px;line-height:1.35;opacity:.9;text-overflow:ellipsis;white-space:nowrap}
.site-chat-head-button{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:#fff;text-decoration:none;cursor:pointer}
.site-chat-head-button:hover{background:rgba(255,255,255,.16)}
.site-chat-head-button i{font-size:20px;line-height:1}
.site-chat-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#f4f5f7}

/* Телефон (и повёрнутый боком): окно на весь экран поверх нижнего меню, кнопка во время чата не нужна, страница под окном не прокручивается. */
@media (max-width:700px),(max-height:500px){
  .site-chat-button{right:14px;bottom:calc(12px + var(--site-chat-menu));width:52px;height:52px}
  .site-chat-button i{font-size:25px}
  .site-chat.is-open .site-chat-button{display:none}
  .site-chat-panel{inset:0;width:auto;height:auto;border:0;border-radius:0;padding-top:env(safe-area-inset-top);background:#c8002f;z-index:1000}
  .site-chat-frame{padding-bottom:env(safe-area-inset-bottom);background:#f4f5f7}
  html.site-chat-locked,html.site-chat-locked body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.site-chat-button{transition:none}}
@media print{.site-chat{display:none}}