/* Cliqsan Chat */
#cq,#cq *{font-family:'Poppins',-apple-system,'Segoe UI',sans-serif}
@keyframes cqPulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.65);opacity:0}}
@keyframes cqIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cqDot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}
@keyframes cqBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

#cq,#cq *{box-sizing:border-box}
#cq{
  
  --cq-ink:#1a1033; --cq-mut:#6b6880;

  position:fixed;right:var(--cq-right,22px);bottom:calc(var(--cq-bottom,22px) + env(safe-area-inset-bottom,0px));z-index:9990;
  font-family:'Poppins',sans-serif;color:var(--cq-ink);
}
#cq button,#cq a{font-family:inherit}


#cq .cq-fab{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:linear-gradient(135deg,var(--cq-a),var(--cq-b));color:#fff;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 14px 32px -8px rgba(127,0,255,.65),0 3px 8px rgba(40,10,110,.25);
  transition:transform .3s cubic-bezier(.22,.8,.3,1)}
#cq .cq-fab:hover{transform:scale(1.07)}
#cq .cq-fab:active{transform:scale(.96)}
#cq .cq-fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--cq-b);animation:cqPulse 2.4s ease-out infinite;pointer-events:none}
#cq.open .cq-fab::before{animation:none;opacity:0}
#cq .cq-fab svg{position:absolute;width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s,opacity .25s}
#cq .cq-fab .i-chat{opacity:1;transform:none}
#cq .cq-fab .i-x{opacity:0;transform:rotate(-80deg) scale(.5)}
#cq.open .cq-fab .i-chat{opacity:0;transform:rotate(80deg) scale(.5)}
#cq.open .cq-fab .i-x{opacity:1;transform:none}
#cq .cq-dot{position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#22c55e;border:2.5px solid #fff;transition:opacity .2s}
#cq.open .cq-dot{opacity:0}


#cq .cq-tz{position:absolute;right:76px;bottom:8px;display:flex;align-items:center;gap:10px;white-space:nowrap;
  padding:10px 14px 10px 16px;border-radius:18px 18px 4px 18px;background:#fff;color:var(--cq-ink);font-size:13.5px;font-weight:600;
  box-shadow:0 14px 34px -10px rgba(40,10,110,.4),0 0 0 1px rgba(127,0,255,.08);
  opacity:0;transform:translateY(8px) scale(.96);transform-origin:100% 100%;pointer-events:none;transition:opacity .35s,transform .35s}
#cq .cq-tz.show{opacity:1;transform:none;pointer-events:auto}
#cq.open .cq-tz{opacity:0;pointer-events:none}
#cq .cq-tz b{animation:cqBob 2.2s ease-in-out infinite;font-size:16px;font-weight:400}
#cq .cq-tz button{border:0;background:#f1ecff;color:var(--cq-a);width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1;padding:0;display:grid;place-items:center}


#cq .cq-pn{position:absolute;right:0;bottom:78px;width:372px;max-width:calc(100vw - 28px);
  display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;
  border:1px solid rgba(127,0,255,.12);box-shadow:0 40px 80px -24px rgba(40,10,110,.55),0 8px 24px -8px rgba(40,10,110,.2);
  transform-origin:100% 100%;transform:translateY(14px) scale(.94);opacity:0;visibility:hidden;
  transition:transform .35s cubic-bezier(.22,.8,.3,1),opacity .25s,visibility 0s linear .35s}
#cq.open .cq-pn{transform:none;opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.22,.8,.3,1),opacity .25s,visibility 0s}

#cq .cq-hd{position:relative;display:flex;align-items:center;gap:12px;padding:18px 18px 22px;color:#fff;overflow:hidden;
  background:radial-gradient(180px 120px at 85% 0,rgba(255,255,255,.28),transparent 70%),linear-gradient(135deg,#5b00c9,var(--cq-a) 55%,var(--cq-b))}
#cq .cq-av{position:relative;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:19px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.6)}
#cq .cq-av i{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#9ca3af;border:2.5px solid #7f00ff}
#cq.on .cq-av i{background:#22c55e}
#cq .cq-hd strong{display:block;font-size:15.5px;font-weight:600;line-height:1.2}
#cq .cq-hd small{display:block;margin-top:3px;font-size:12px;font-weight:400;opacity:.9}
#cq .cq-hd .cq-cl{margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);
  color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s}
#cq .cq-hd .cq-cl:hover{background:rgba(255,255,255,.28)}
#cq .cq-hd .cq-cl svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round}

#cq .cq-bd{position:relative;margin-top:-12px;border-radius:22px 22px 0 0;background:#fff;padding:16px 16px 6px;max-height:min(52vh,340px);overflow-y:auto;overscroll-behavior:contain}
#cq .cq-msg{max-width:86%;margin:0 0 8px;padding:11px 14px;border-radius:18px 18px 18px 5px;background:#f4efff;color:var(--cq-ink);font-size:13.5px;line-height:1.55;animation:cqIn .35s both}
#cq .cq-msg.me{margin-left:auto;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,var(--cq-a),var(--cq-b));color:#fff}
#cq .cq-ty{display:inline-flex;gap:4px;padding:13px 15px;border-radius:18px 18px 18px 5px;background:#f4efff;margin:0 0 8px}
#cq .cq-ty i{width:6px;height:6px;border-radius:50%;background:var(--cq-a);animation:cqDot 1.1s infinite}
#cq .cq-ty i:nth-child(2){animation-delay:.15s}#cq .cq-ty i:nth-child(3){animation-delay:.3s}

#cq .cq-ch{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 10px}
#cq .cq-ch button{border:1px solid rgba(127,0,255,.28);background:#fff;color:var(--cq-a);border-radius:30px;padding:8px 13px;font-size:12.5px;font-weight:500;cursor:pointer;
  transition:background .2s,color .2s,transform .2s,box-shadow .2s;animation:cqIn .4s both}
#cq .cq-ch button:hover{background:var(--cq-a);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(127,0,255,.7)}
#cq .cq-ch button.on{background:var(--cq-a);color:#fff}

#cq .cq-ft{padding:8px 14px 14px;background:#fff}
#cq .cq-in{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border-radius:22px;background:#f6f4fb;border:1px solid rgba(127,0,255,.12);transition:border-color .2s,box-shadow .2s}
#cq .cq-in:focus-within{border-color:rgba(127,0,255,.5);box-shadow:0 0 0 4px rgba(127,0,255,.1);background:#fff}
#cq .cq-in textarea{flex:1;min-width:0;border:0;outline:0;background:none;resize:none;font:400 14px/1.45 'Poppins',sans-serif;color:var(--cq-ink);padding:9px 0;max-height:96px;height:38px}
#cq .cq-in textarea::placeholder{color:#9a97ad}
#cq .cq-sd{flex:none;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;padding:0;
  background:linear-gradient(135deg,var(--cq-a),var(--cq-b));box-shadow:0 8px 18px -8px rgba(127,0,255,.8);transition:transform .25s,opacity .2s}
#cq .cq-sd:hover{transform:scale(1.08)}
#cq .cq-sd:disabled{opacity:.45;cursor:not-allowed;transform:none}
#cq .cq-sd svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#cq .cq-hint{margin:7px 6px 0;font-size:11px;color:var(--cq-mut);text-align:center}

#cq .cq-ln{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px;background:#fff}
#cq .cq-ln a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 6px;border-radius:16px;text-decoration:none;font-size:12px;font-weight:600;color:var(--cq-ink);
  background:#f6f4fb;border:1px solid rgba(127,0,255,.08);transition:transform .25s,box-shadow .25s,background .25s}
#cq .cq-ln a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 24px -12px rgba(127,0,255,.55)}
#cq .cq-ln svg{width:21px;height:21px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#cq .cq-ln .w svg{stroke:#16a34a}#cq .cq-ln .c svg{stroke:var(--cq-a)}#cq .cq-ln .e svg{stroke:#e11d74}
#cq .cq-pw{padding:0 14px 12px;text-align:center;font-size:10.5px;color:#a19eb5;background:#fff}

@media(max-width:520px){
  #cq{--cq-right:14px;--cq-bottom:16px}
  #cq .cq-fab{width:56px;height:56px}
  #cq .cq-pn{position:fixed;left:10px;right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}
  #cq .cq-bd{max-height:min(38vh,280px)}
  #cq .cq-tz{right:68px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){#cq *,#cq *::before{animation:none!important;transition:none!important}}

#cq.left{right:auto;left:var(--cq-right,22px)}
#cq.left .cq-pn{right:auto;left:0;transform-origin:0 100%}
#cq.left .cq-tz{right:auto;left:76px;border-radius:18px 18px 18px 4px;transform-origin:0 100%}
@media(max-width:520px){#cq.left .cq-tz{left:68px}}
#cq.nomobile{display:none}
@media(min-width:521px){#cq.nomobile{display:block}}

#cq .cq-av.has-logo{background:#fff;border-color:rgba(255,255,255,.9)}
#cq .cq-av img{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:6px;display:block}
#cq .cq-fab img.i-img{position:absolute;width:30px;height:30px;object-fit:contain;transition:transform .35s,opacity .25s}
#cq.open .cq-fab img.i-img{opacity:0;transform:rotate(80deg) scale(.5)}

/* ---- hardening: theme/Elementor button & svg styles kokhono widget bhangte parbe na ---- */
#cq button,#cq a,#cq textarea,#cq form{margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:normal;text-shadow:none;text-decoration:none;float:none}
#cq button{line-height:normal;font-weight:inherit}
#cq svg{max-width:none;max-height:none;margin:0;vertical-align:baseline;overflow:visible}
#cq img{max-width:none}
#cq .cq-fab{width:62px!important;height:62px!important;padding:0!important;border-radius:50%!important;border:0!important;display:grid!important;place-items:center;
  background:linear-gradient(135deg,var(--cq-a),var(--cq-b))!important;color:#fff!important;line-height:1!important}
#cq .cq-fab svg,#cq .cq-fab img.i-img{position:absolute;inset:0;margin:auto;width:28px;height:28px}
#cq .cq-fab img.i-img{width:30px;height:30px}
#cq .cq-cl{width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important}
#cq .cq-sd{width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,var(--cq-a),var(--cq-b))!important}
#cq .cq-ch button{padding:8px 13px!important;border-radius:30px!important;background:#fff!important;color:var(--cq-a)!important;border:1px solid rgba(127,0,255,.28)!important;font-size:12.5px!important;box-shadow:none}
#cq .cq-ch button:hover,#cq .cq-ch button.on{background:var(--cq-a)!important;color:#fff!important}
#cq .cq-tz button{width:20px!important;height:20px!important;padding:0!important;border-radius:50%!important;background:#f1ecff!important;color:var(--cq-a)!important;border:0!important}
#cq .cq-in textarea{border:0!important;box-shadow:none!important;background:none!important;padding:9px 0!important;outline:0!important;border-radius:0!important}
@media(max-width:520px){#cq .cq-fab{width:56px!important;height:56px!important}}