#faqchat-bubble{position:fixed;right:18px;bottom:18px;z-index:999999;border-radius:999px;padding:12px 14px;background:#111;color:#fff;cursor:pointer;font:14px/1.2 Arial}
#faqchat-panel{position:fixed;right:18px;bottom:70px;width:340px;max-width:92vw;height:460px;max-height:72vh;background:#fff;border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:999999;display:none;overflow:hidden;font:14px/1.4 Arial}
#faqchat-head{padding:12px 12px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
#faqchat-title{font-weight:700}
#faqchat-sub{font-size:12px;color:#666;margin-top:2px}
#faqchat-close{cursor:pointer;font-size:18px;line-height:1}
#faqchat-body{padding:10px 12px;height:320px;overflow:auto}
#faqchat-quick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.faqchat-btn{border:1px solid #ddd;border-radius:999px;padding:6px 10px;background:#f7f7f7;cursor:pointer;user-select:none}
.faqchat-msg{margin:8px 0}
.faqchat-bot{background:#f3f5ff;border-radius:12px;padding:8px 10px}
.faqchat-user{background:#f1f1f1;border-radius:12px;padding:8px 10px;margin-left:auto;max-width:85%}
#faqchat-foot{border-top:1px solid #eee;padding:10px 12px;display:flex;gap:8px}
#faqchat-input{flex:1;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:16px} /* 16px = no iOS zoom */
#faqchat-send{border:0;border-radius:10px;padding:10px 12px;background:#111;color:#fff;cursor:pointer}
#faqchat-form{margin-top:10px;border-top:1px dashed #ddd;padding-top:10px}
#faqchat-form input,#faqchat-form textarea{width:100%;border:1px solid #ddd;border-radius:10px;padding:8px;margin:6px 0;font-size:16px} /* iOS */
#faqchat-form button{width:100%;border:0;border-radius:10px;padding:10px;background:#111;color:#fff;cursor:pointer}

/* =========================
   Mobile optimization
   ========================= */
@media (max-width: 480px){
  #faqchat-bubble{right:14px;bottom:14px}

  /* Panel почти fullscreen, удобен за писане */
  #faqchat-panel{
    right:10px;left:10px;bottom:10px;
    width:auto;
    height:78vh;max-height:78vh;
    border-radius:14px;
  }

  /* Авто височина на body според head+foot */
  #faqchat-body{
    height:calc(78vh - 120px);
  }

  .faqchat-btn{padding:8px 12px}
}

/* Very small screens */
@media (max-width: 360px){
  #faqchat-panel{
    right:8px;left:8px;bottom:8px;
    height:82vh;max-height:82vh;
  }
  #faqchat-body{
    height:calc(82vh - 120px);
  }
}