/* Hostinq.az canlı söhbət v2 (11 Okt 2026). Kölgə və qradiyent yoxdur: nazik xətt + brend yaşılı.
   Saytın qlobal stilləri sızmasın deyə hər şey #hqlc2 altında. */
#hqlc2{
  --g:#16a45f; --gd:#0f7a45; --dk:#082615; --lime:#c6fb4b; --line:#e2e9e5; --bg:#f4f7f5; --tx:#10241a; --mut:#66796e;
  position:fixed; right:20px; bottom:90px; z-index:99990; font-family:inherit; font-size:14px; line-height:1.4; color:var(--tx);
  -webkit-font-smoothing:antialiased; opacity:0; transform:translateY(8px); transition:opacity .3s ease, transform .3s ease;
}
#hqlc2.ready{ opacity:1; transform:none; }
#hqlc2 *, #hqlc2 *::before, #hqlc2 *::after{ box-sizing:border-box; letter-spacing:normal; text-transform:none; }
#hqlc2 [hidden]{ display:none !important; }
#hqlc2 p{ margin:0; }
#hqlc2 button{ font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; margin:0; }
#hqlc2 svg{ display:block; flex:none; }

/* ---- üzən düymə ---- */
#hqlc2 .hqlc2-btn{ position:relative; width:60px; height:60px; border-radius:50%; border:2px solid #fff; background:var(--g); color:#fff;
  display:flex; align-items:center; justify-content:center; padding:0; transition:background .2s, transform .2s cubic-bezier(.2,.8,.2,1); }
#hqlc2 .hqlc2-btn:hover{ background:var(--gd); transform:scale(1.05); }
#hqlc2 .hqlc2-btn:active{ transform:scale(.94); }
#hqlc2 .hqlc2-btn svg{ position:absolute; transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s; }
#hqlc2 .hqlc2-ic-b{ opacity:0; transform:rotate(-90deg) scale(.6); }
#hqlc2.open .hqlc2-ic-a{ opacity:0; transform:rotate(90deg) scale(.6); }
#hqlc2.open .hqlc2-ic-b{ opacity:1; transform:none; }
#hqlc2 .hqlc2-badge{ position:absolute; top:-3px; right:-3px; min-width:21px; height:21px; padding:0 5px; border-radius:11px; background:#e5383b; color:#fff;
  border:2px solid #fff; font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; animation:hqlc2Pop .35s cubic-bezier(.2,1.6,.4,1); }
@keyframes hqlc2Pop{ from{ transform:scale(0); } to{ transform:scale(1); } }

/* ---- panel ---- */
#hqlc2 .hqlc2-panel{ position:absolute; right:0; bottom:74px; width:384px; height:min(640px, calc(100vh - 190px)); min-height:420px;
  background:#fff; border:1px solid rgba(8,38,21,.16); border-radius:20px; overflow:hidden; display:flex; flex-direction:column;
  opacity:0; visibility:hidden; transform:translateY(14px) scale(.97); transform-origin:bottom right;
  transition:opacity .22s ease, transform .26s cubic-bezier(.2,.8,.2,1), visibility 0s linear .26s; }
#hqlc2.open .hqlc2-panel{ opacity:1; visibility:visible; transform:none; transition:opacity .2s ease, transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s; }

/* başlıq */
#hqlc2 .hqlc2-head{ position:relative; flex:none; display:flex; align-items:center; gap:10px; min-height:66px; padding:12px 8px 12px 16px; background:var(--dk); color:#fff; }
#hqlc2 .hqlc2-ib.hqlc2-back{ display:none; }
#hqlc2 .hqlc2-team{ display:flex; flex:none; }
#hqlc2 .hqlc2-av{ width:34px; height:34px; border-radius:50%; border:2px solid var(--dk); margin-left:-10px; display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800; color:var(--dk); background:#fff; }
#hqlc2 .hqlc2-av0{ margin-left:0; background:var(--lime); position:relative; z-index:3; }
#hqlc2 .hqlc2-av1{ background:#dff3e7; z-index:2; }
#hqlc2 .hqlc2-av2{ background:#fff; z-index:1; }
/* v4: operator şəkilləri */
#hqlc2 .hqlc2-av, #hqlc2 .hqlc2-rav, #hqlc2 .hqlc2-nava, #hqlc2 .hqlc2-mate-av{ overflow:hidden; }
#hqlc2 .hqlc2-av img, #hqlc2 .hqlc2-rav img, #hqlc2 .hqlc2-nava img, #hqlc2 .hqlc2-mate-av img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
#hqlc2 .hqlc2-crew{ margin-top:12px; }
#hqlc2 .hqlc2-crew .hqlc2-wp{ margin:0 0 7px; }
#hqlc2 .hqlc2-crew-row{ display:flex; flex-wrap:wrap; gap:7px; }
#hqlc2 .hqlc2-mate{ display:flex; align-items:center; gap:8px; min-width:0; padding:5px 12px 5px 5px; border:1px solid var(--line); border-radius:99px; background:#f8fbf9; }
#hqlc2 .hqlc2-mate-av{ width:32px; height:32px; flex:none; border-radius:50%; background:var(--dk); color:var(--lime); font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }
#hqlc2 .hqlc2-mate-t{ display:flex; flex-direction:column; min-width:0; line-height:1.2; }
#hqlc2 .hqlc2-mate-t b{ font-size:12.5px; color:var(--dk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hqlc2 .hqlc2-mate-t small{ font-size:11px; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hqlc2 .hqlc2-welcome.mini .hqlc2-crew{ display:none; }
#hqlc2 .hqlc2-crew-bar{ width:100%; display:flex; align-items:center; gap:10px; padding:7px 10px 7px 7px; border:1px solid var(--line); border-radius:14px; background:#f8fbf9; color:var(--tx); text-align:left; }
#hqlc2 .hqlc2-stack{ display:flex; flex:none; }
#hqlc2 .hqlc2-sav{ width:28px; height:28px; border-radius:50%; margin-left:-8px; border:2px solid #f8fbf9; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; overflow:hidden; flex:none; }
#hqlc2 .hqlc2-sav:first-child{ margin-left:0; }
#hqlc2 .hqlc2-sav img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
#hqlc2 .hqlc2-plus{ background:#fff; color:var(--mut); border-color:#f8fbf9; box-sizing:border-box; outline:1px solid var(--line); outline-offset:-3px; }
#hqlc2 .hqlc2-crew-x{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
#hqlc2 .hqlc2-crew-l{ font-size:12.5px; font-weight:700; color:#2c3f35; line-height:1.3; }
#hqlc2 .hqlc2-crew-tg{ font-size:11.5px; font-weight:800; color:var(--gd); }
#hqlc2 .hqlc2-crew-list{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:8px; max-height:220px; overflow-y:auto; animation:hqlc2In .2s ease; }
#hqlc2 .hqlc2-crew-list .hqlc2-mate{ border-radius:12px; padding:5px 8px 5px 5px; }
#hqlc2 .hqlc2-c0{ background:var(--lime); color:var(--dk); }
#hqlc2 .hqlc2-c1{ background:#dff3e7; color:var(--dk); }
#hqlc2 .hqlc2-c2{ background:var(--dk); color:var(--lime); }
#hqlc2 .hqlc2-c3{ background:#ffe7b3; color:#5a3b00; }
#hqlc2 .hqlc2-c4{ background:#dbe7ff; color:#1f3a6b; }
#hqlc2 .hqlc2-who em{ font-style:normal; font-weight:600; opacity:.8; }
#hqlc2 .hqlc2-ht{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
#hqlc2 .hqlc2-ht b{ font-size:15.5px; font-weight:700; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hqlc2 .hqlc2-st{ display:flex; align-items:center; gap:6px; font-size:12px; color:rgba(255,255,255,.74); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hqlc2 .hqlc2-dot{ width:8px; height:8px; border-radius:50%; background:#4ade80; flex:none; animation:hqlc2Breath 2.4s ease-in-out infinite; }
#hqlc2.is-off .hqlc2-dot{ background:#9aa8a1; animation:none; }
@keyframes hqlc2Breath{ 50%{ opacity:.35; } }
#hqlc2 .hqlc2-ib{ width:38px; height:38px; flex:none; border:0; border-radius:50%; background:transparent; color:#fff; display:flex; align-items:center; justify-content:center; padding:0; transition:background .15s; }
#hqlc2 .hqlc2-ib:hover{ background:rgba(255,255,255,.1); }
#hqlc2 .hqlc2-menu{ position:absolute; top:58px; right:46px; z-index:5; min-width:200px; padding:6px; background:#fff; border:1px solid var(--line); border-radius:14px;
  animation:hqlc2In .18s cubic-bezier(.2,.8,.2,1); }
#hqlc2 .hqlc2-mi{ width:100%; display:flex; align-items:center; gap:10px; padding:10px 12px; border:0; border-radius:9px; background:transparent; color:var(--tx); font-size:14px; text-align:left; }
#hqlc2 .hqlc2-mi:hover{ background:#f1f6f3; }
#hqlc2 .hqlc2-mi svg{ color:var(--mut); }
#hqlc2 .hqlc2-mi-end{ color:#c0392b; }
#hqlc2 .hqlc2-mi-end svg{ color:#c0392b; }

#hqlc2 .hqlc2-conn{ flex:none; padding:6px 14px; font-size:12.5px; color:#7a5b00; background:#fff6dc; border-bottom:1px solid #f1e0ad; }

/* gövdə */
#hqlc2 .hqlc2-body{ position:relative; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:14px 14px 10px; background:var(--bg); }
#hqlc2 .hqlc2-welcome{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:15px; margin-bottom:6px; animation:hqlc2In .3s cubic-bezier(.2,.8,.2,1); }
#hqlc2 .hqlc2-wh{ font-size:18px; font-weight:800; color:var(--dk); margin-bottom:4px; }
#hqlc2 .hqlc2-wt{ font-size:14px; color:#3d5046; }
#hqlc2 .hqlc2-wp{ font-size:12px; color:var(--mut); margin:12px 0 7px; font-weight:600; }
#hqlc2 .hqlc2-chips{ display:grid; grid-template-columns:1fr 1fr; gap:7px; }
#hqlc2 .hqlc2-chip{ display:flex; align-items:center; gap:7px; min-height:42px; padding:8px 10px; border:1px solid var(--line); border-radius:12px; background:#fff;
  color:var(--tx); font-size:13px; font-weight:600; line-height:1.25; text-align:left; transition:border-color .15s, background .15s, transform .15s; }
#hqlc2 .hqlc2-chip:hover{ border-color:var(--g); background:#f2fbf6; }
#hqlc2 .hqlc2-chip:active{ transform:scale(.97); }
#hqlc2 .hqlc2-chip-i{ width:28px; height:28px; flex:none; border-radius:9px; background:#eaf6ef; color:var(--g); display:flex; align-items:center; justify-content:center; transition:background .15s, color .15s; }
#hqlc2 .hqlc2-chip:hover .hqlc2-chip-i{ background:var(--g); color:#fff; }
#hqlc2 .hqlc2-welcome.mini{ padding:10px 13px; }
#hqlc2 .hqlc2-welcome.mini .hqlc2-wh{ font-size:14px; margin-bottom:2px; }
#hqlc2 .hqlc2-welcome.mini .hqlc2-wt{ font-size:12.5px; color:var(--mut); }
#hqlc2 .hqlc2-welcome.mini .hqlc2-wp, #hqlc2 .hqlc2-welcome.mini .hqlc2-chips{ display:none; }

#hqlc2 .hqlc2-list{ display:flex; flex-direction:column; }
#hqlc2 .hqlc2-sep{ text-align:center; margin:12px 0 4px; }
#hqlc2 .hqlc2-sep span{ display:inline-block; font-size:11.5px; font-weight:600; color:var(--mut); background:#e6eee9; padding:3px 11px; border-radius:99px; }
#hqlc2 .hqlc2-conv{ display:flex; align-items:center; gap:10px; margin:18px 0 2px; color:var(--mut); font-size:11.5px; font-weight:700; white-space:nowrap; }
#hqlc2 .hqlc2-conv::before, #hqlc2 .hqlc2-conv::after{ content:''; flex:1; height:1px; background:#d6e1db; }
#hqlc2 .hqlc2-sys{ align-self:center; max-width:92%; margin:8px auto 2px; padding:6px 12px; border-radius:10px; background:#e6eee9; color:#43554b; font-size:12.5px; text-align:center; }

#hqlc2 .hqlc2-row{ display:flex; align-items:flex-end; gap:8px; margin-top:9px; max-width:100%; }
#hqlc2 .hqlc2-row.cont{ margin-top:3px; }
#hqlc2 .hqlc2-row.me{ justify-content:flex-end; }
#hqlc2 .hqlc2-row.fresh{ animation:hqlc2In .28s cubic-bezier(.2,.8,.2,1); }
@keyframes hqlc2In{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }
#hqlc2 .hqlc2-rav{ width:28px; height:28px; flex:none; border-radius:50%; background:var(--dk); color:var(--lime); font-size:10.5px; font-weight:800; display:flex; align-items:center; justify-content:center; }
#hqlc2 .hqlc2-row.cont .hqlc2-rav{ visibility:hidden; }
#hqlc2 .hqlc2-col{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; max-width:80%; }
#hqlc2 .hqlc2-who{ font-size:11.5px; font-weight:700; color:var(--mut); margin:0 0 3px 4px; }
#hqlc2 .hqlc2-b{ position:relative; max-width:80%; padding:8px 12px 5px; border-radius:17px; font-size:14.5px; line-height:1.42; overflow-wrap:anywhere; }
#hqlc2 .hqlc2-col .hqlc2-b{ max-width:100%; }
#hqlc2 .hqlc2-t{ white-space:pre-wrap; }
#hqlc2 .hqlc2-row.me .hqlc2-b{ background:var(--g); color:#fff; border-bottom-right-radius:6px; }
#hqlc2 .hqlc2-row.them .hqlc2-b{ background:#fff; color:var(--tx); border:1px solid var(--line); border-bottom-left-radius:6px; }
#hqlc2 .hqlc2-row.me .hqlc2-b a{ color:#fff; text-decoration:underline; }
#hqlc2 .hqlc2-row.them .hqlc2-b a{ color:var(--gd); text-decoration:underline; }
#hqlc2 .hqlc2-meta{ display:flex; align-items:center; justify-content:flex-end; gap:4px; margin-top:2px; font-size:10.5px; opacity:.75; white-space:nowrap; }
#hqlc2 .hqlc2-tk{ font-size:11px; letter-spacing:-3px; margin-right:3px; font-weight:700; }
#hqlc2 .hqlc2-tk0{ letter-spacing:0; display:inline-flex; }
#hqlc2 .hqlc2-tk3{ color:var(--lime); }
#hqlc2 .hqlc2-row.me.tmp .hqlc2-b{ opacity:.82; }
#hqlc2 .hqlc2-row.me.fail .hqlc2-b{ background:#e9f1ec; color:var(--tx); border:1px solid #f0b4b4; }
#hqlc2 .hqlc2-row.fail .hqlc2-meta{ color:#c0392b; opacity:1; white-space:normal; }
#hqlc2 .hqlc2-retry{ border:0; background:transparent; color:#c0392b; font-weight:800; text-decoration:underline; padding:0 2px; font-size:11px; }

/* şəkil */
#hqlc2 .hqlc2-b.has-img{ padding:4px 4px 5px; }
#hqlc2 .hqlc2-b.has-img .hqlc2-t{ padding:4px 8px 0; }
#hqlc2 .hqlc2-b.has-img .hqlc2-meta{ padding:0 8px; }
#hqlc2 .hqlc2-img{ width:230px; max-width:100%; min-height:150px; border-radius:13px; overflow:hidden; cursor:zoom-in;
  background:#e4ece7; animation:hqlc2Sk 1.1s ease-in-out infinite; }
#hqlc2 .hqlc2-img.ok{ min-height:0; background:none; animation:none; }
#hqlc2 .hqlc2-img.bad{ animation:none; background:#eef2ef; }
#hqlc2 .hqlc2-img img{ display:block; width:100%; height:auto; }
@keyframes hqlc2Sk{ 50%{ opacity:.55; } }

/* kartlar: ad/nömrə, bitdi */
#hqlc2 .hqlc2-lead, #hqlc2 .hqlc2-closed{ display:flex; flex-direction:column; gap:8px; margin:12px 0 4px; padding:14px; background:#fff; border:1px solid var(--line); border-radius:16px; }
#hqlc2 .hqlc2-lead b, #hqlc2 .hqlc2-closed b{ font-size:15px; color:var(--dk); }
#hqlc2 .hqlc2-lead p, #hqlc2 .hqlc2-closed p{ font-size:12.5px; color:var(--mut); }
#hqlc2 .hqlc2-lead input{ width:100%; padding:11px 12px; border:1px solid #d3ded8; border-radius:11px; font-size:15px; font-family:inherit; outline:none;
  color:var(--tx) !important; -webkit-text-fill-color:var(--tx) !important; background:#fff !important; opacity:1 !important; }
#hqlc2 .hqlc2-lead input::placeholder{ color:#8a9a91 !important; -webkit-text-fill-color:#8a9a91 !important; opacity:1; }
#hqlc2 .hqlc2-lead input:focus{ border-color:var(--g); }
#hqlc2 .hqlc2-lerr{ font-size:12.5px; color:#c0392b; }
#hqlc2 .hqlc2-lerr:empty{ display:none; }
#hqlc2 .hqlc2-lgo, #hqlc2 .hqlc2-new{ width:100%; padding:12px; border:0; border-radius:11px; background:var(--g); color:#fff; font-size:14.5px; font-weight:700; transition:background .15s; }
#hqlc2 .hqlc2-lgo:hover{ background:var(--gd); }
#hqlc2 .hqlc2-lgo:disabled{ opacity:.6; }
#hqlc2 .hqlc2-closed{ align-items:stretch; text-align:center; }
#hqlc2 .hqlc2-new{ background:var(--dk); }
#hqlc2 .hqlc2-rate{ display:flex; gap:8px; }
#hqlc2 .hqlc2-rb{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--tx); font-size:14px; font-weight:700; transition:all .15s; }
#hqlc2 .hqlc2-rb-up:hover{ border-color:var(--g); background:#effaf3; color:var(--gd); }
#hqlc2 .hqlc2-rb-down:hover{ border-color:#e6a3a3; background:#fdf3f3; color:#b03a2e; }

/* emoji + yazı sahəsi */
#hqlc2 .hqlc2-emo{ flex:none; display:grid; grid-template-columns:repeat(8,1fr); gap:2px; padding:8px 10px; background:#fff; border-top:1px solid var(--line); animation:hqlc2In .18s ease; }
#hqlc2 .hqlc2-emo button{ border:0; background:transparent; font-size:22px; line-height:1; padding:6px 0; border-radius:9px; transition:background .12s, transform .12s; }
#hqlc2 .hqlc2-emo button:hover{ background:#f1f6f3; transform:scale(1.15); }
#hqlc2 .hqlc2-comp{ flex:none; display:flex; align-items:flex-end; gap:4px; padding:10px 10px 11px; background:#fff; border-top:1px solid var(--line); }
#hqlc2 .hqlc2-comp textarea{ flex:1; min-width:0; min-height:42px; max-height:120px; padding:10px 14px; border:1px solid #d3ded8; border-radius:21px; resize:none; outline:none;
  font-family:inherit; font-size:14.5px; line-height:1.4; color:var(--tx) !important; -webkit-text-fill-color:var(--tx) !important; background:#fff !important; opacity:1 !important; caret-color:var(--g); }
#hqlc2 .hqlc2-comp textarea::placeholder{ color:#8a9a91 !important; -webkit-text-fill-color:#8a9a91 !important; opacity:1; }
#hqlc2 .hqlc2-comp textarea:focus{ border-color:var(--g); }
#hqlc2 .hqlc2-ib2{ width:38px; height:42px; flex:none; border:0; border-radius:12px; background:transparent; color:var(--mut); display:flex; align-items:center; justify-content:center; padding:0; transition:color .15s, background .15s; }
#hqlc2 .hqlc2-ib2:hover{ color:var(--g); background:#f1f6f3; }
#hqlc2 .hqlc2-send{ width:42px; height:42px; flex:none; border:0; border-radius:50%; background:var(--g); color:#fff; display:flex; align-items:center; justify-content:center; padding:0 0 0 2px;
  transition:background .15s, transform .15s; }
#hqlc2 .hqlc2-send:hover{ background:var(--gd); }
#hqlc2 .hqlc2-send:active{ transform:scale(.9); }
#hqlc2 .hqlc2-send:disabled{ background:#cfe2d7; cursor:default; transform:none; }
#hqlc2 .hqlc2-drop{ position:absolute; left:10px; right:10px; top:76px; bottom:10px; z-index:6; display:flex; align-items:center; justify-content:center;
  border:2px dashed var(--g); border-radius:16px; background:rgba(244,247,245,.95); color:var(--gd); font-size:15px; font-weight:800; pointer-events:none; }

/* operator mesajı balonu / proaktiv salam */
#hqlc2 .hqlc2-nudge{ position:absolute; right:72px; bottom:4px; width:max-content; max-width:280px; display:flex; align-items:flex-start; gap:9px; padding:10px 30px 10px 10px;
  background:#fff; border:1px solid rgba(8,38,21,.16); border-radius:16px 16px 5px 16px; cursor:pointer;
  opacity:0; transform:translateX(10px) scale(.96); transform-origin:bottom right; transition:opacity .22s ease, transform .3s cubic-bezier(.2,.8,.2,1); }
#hqlc2 .hqlc2-nudge.on{ opacity:1; transform:none; }
#hqlc2 .hqlc2-nava{ width:32px; height:32px; flex:none; border-radius:50%; background:var(--lime); color:var(--dk); font-size:11.5px; font-weight:800; display:flex; align-items:center; justify-content:center; }
#hqlc2 .hqlc2-nbox{ display:flex; flex-direction:column; gap:1px; min-width:0; }
#hqlc2 .hqlc2-nbox b{ font-size:12.5px; color:var(--dk); }
#hqlc2 .hqlc2-nbox span{ font-size:13.5px; color:#2c3f35; line-height:1.35; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#hqlc2 .hqlc2-nx{ position:absolute; top:6px; right:6px; width:22px; height:22px; border:0; border-radius:50%; background:transparent; color:#8a9a91; display:flex; align-items:center; justify-content:center; padding:0; }
#hqlc2 .hqlc2-nx:hover{ background:#f1f6f3; color:var(--tx); }

/* şəkil böyütmə */
.hqlc2-lb{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(6,18,12,.9); opacity:0; transition:opacity .2s ease; cursor:zoom-out; }
.hqlc2-lb[hidden]{ display:none !important; }
.hqlc2-lb.on{ opacity:1; }
.hqlc2-lb img{ max-width:94vw; max-height:88vh; border-radius:12px; display:block; }
.hqlc2-lbx{ position:absolute; top:16px; right:16px; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }

/* WhatsApp düyməsi ilə eyni pillələr (hosting2026.css onu ≤768 .85, ≤480 .75 kiçildir) */
@media (max-width:768px){
  #hqlc2{ right:16px; bottom:77px; }
  #hqlc2 .hqlc2-btn{ width:51px; height:51px; }
  #hqlc2 .hqlc2-btn .hqlc2-ic-a{ width:25px; height:25px; }
  #hqlc2 .hqlc2-panel{ bottom:64px; }
  #hqlc2 .hqlc2-nudge{ right:62px; }
}
@media (max-width:480px){
  #hqlc2{ bottom:71px; }
  #hqlc2 .hqlc2-btn{ width:45px; height:45px; }
  #hqlc2 .hqlc2-btn .hqlc2-ic-a{ width:22px; height:22px; }
  #hqlc2 .hqlc2-nudge{ right:56px; max-width:calc(100vw - 92px); }
}
/* telefon: tam ekran, klaviatura açılanda visualViewport-a uyğunlaşır */
@media (max-width:600px){
  #hqlc2 .hqlc2-panel{ position:fixed; left:0; right:0; top:var(--hqlc2-vt,0px); bottom:auto; width:100%; height:var(--hqlc2-vh,100dvh); min-height:0; max-height:none;
    border:0; border-radius:0; transform:translateY(24px); transform-origin:bottom center; }
  #hqlc2.open .hqlc2-panel{ transform:none; }
  #hqlc2.open .hqlc2-btn, #hqlc2.open .hqlc2-nudge{ display:none; }
  #hqlc2 .hqlc2-head{ padding:10px 6px calc(10px) 4px; padding-top:max(10px, env(safe-area-inset-top)); }
  #hqlc2 .hqlc2-ib.hqlc2-back{ display:flex; }
  #hqlc2 .hqlc2-ib.hqlc2-min{ display:none; }
  #hqlc2 .hqlc2-menu{ right:8px; }
  #hqlc2 .hqlc2-comp{ padding-bottom:max(11px, env(safe-area-inset-bottom)); }
  #hqlc2 .hqlc2-comp textarea, #hqlc2 .hqlc2-lead input{ font-size:16px; }
  #hqlc2 .hqlc2-b{ max-width:84%; }
}
/* Müştəri paneli (/hesabim): telefonda alt naviqasiya zolağı var. WhatsApp bottom:100 (hostinq2026-panel.css HQ_PANEL_FLOATS), söhbət onun üstündə. */
body#modernpanel .whatsapp-widget .whatsapp-btn{ box-shadow:none !important; border:2px solid #fff !important; }
@media (max-width:992px){
  body#modernpanel #hqlc2{ bottom:155px; right:16px; }
  body#modernpanel #hqlc2 .hqlc2-btn{ width:45px; height:45px; }
  body#modernpanel #hqlc2 .hqlc2-btn .hqlc2-ic-a{ width:22px; height:22px; }
  body#modernpanel #hqlc2 .hqlc2-panel{ bottom:58px; height:min(620px, calc(100vh - 250px)); }
  body#modernpanel #hqlc2 .hqlc2-nudge{ right:56px; }
}
html.hqlc2-lock, html.hqlc2-lock body{ overflow:hidden !important; }
@media (prefers-reduced-motion:reduce){
  #hqlc2 *, #hqlc2{ animation:none !important; transition:none !important; }
}