/*
 * AI Smart Chatbot v3.0 – Vivid Colorful Robotic Design
 * All selectors scoped to #aiscb-root / #aiscb-w
 * Zero theme conflicts guaranteed
 */

/* ============================================================
   HARD RESET – scoped, no bleed
   ============================================================ */
#aiscb-root,#aiscb-root *,#aiscb-root *::before,#aiscb-root *::after {
  box-sizing: border-box !important;
  margin: 0; padding: 0;
  font-family: 'Segoe UI','Noto Sans Bengali',system-ui,sans-serif !important;
  line-height: normal;
}
#aiscb-root button,#aiscb-root input,#aiscb-root textarea,#aiscb-root a,#aiscb-root select {
  border: none; outline: none; background: none;
  color: inherit; text-decoration: none; list-style: none;
}
#aiscb-root button { cursor: pointer; }
#aiscb-root img { display: block; max-width: 100%; }

/* ============================================================
   ROOT & WIDGET SHELL
   ============================================================ */
#aiscb-root {
  position: fixed !important;
  bottom: 0; right: 0;
  z-index: 2147483647 !important;
  pointer-events: none; /* root is passthrough */
}

#aiscb-w {
  position: fixed !important;
  bottom: 24px; right: 24px;
  pointer-events: auto; /* widget itself is clickable */
  z-index: 2147483647 !important;
  --p: #7c3aed;
  --s: #0f172a;
  --acc: #f472b6;
  --grn: #10b981;
  --ora: #f97316;
  --sky: #0ea5e9;
  --bg:  #ffffff;
  --sur: #f8fafc;
  --bdr: #e2e8f0;
  --txt: #1e293b;
  --mut: #64748b;
  --shd: 0 24px 60px rgba(124,58,237,0.25), 0 8px 24px rgba(0,0,0,0.14);
  font-family: 'Segoe UI','Noto Sans Bengali',system-ui,sans-serif;
}

/* Dark mode */
#aiscb-w.aiscb-dark {
  --bg:  #1e293b;
  --sur: #0f172a;
  --bdr: #334155;
  --txt: #f1f5f9;
  --mut: #94a3b8;
}

/* Tata mode */
#aiscb-w.aiscb-tata #aiscb-win {
  position: fixed !important;
  border: 2px solid var(--p) !important;
  box-shadow: 0 32px 80px rgba(124,58,237,0.4) !important;
}

/* ============================================================
   LAUNCHER BUBBLE
   ============================================================ */
#aiscb-launcher {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}

/* Pulse rings */
.aiscb-pr1, .aiscb-pr2 {
  position: absolute;
  top: 50%; left: 50%;
  width: 64px; height: 64px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: var(--p);
  animation: aiscb-ring 2.4s ease-out infinite;
  pointer-events: none;
}
.aiscb-pr2 { animation-delay: 0.9s; }
@keyframes aiscb-ring {
  0%   { transform:translate(-50%,-50%) scale(1); opacity:0.45; }
  100% { transform:translate(-50%,-50%) scale(2.4); opacity:0; }
}

/* Main button */
#aiscb-btn {
  width: 64px; height: 64px;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #7c3aed, #f472b6, #0ea5e9) !important;
  background-size: 200% 200% !important;
  animation: aiscb-grad 4s ease infinite, aiscb-float 3s ease-in-out infinite !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 6px 28px rgba(124,58,237,0.6), 0 2px 8px rgba(0,0,0,0.2) !important;
  border: none !important;
  position: relative; z-index: 2;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
#aiscb-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 10px 36px rgba(124,58,237,0.75), 0 4px 12px rgba(0,0,0,0.25) !important;
  animation: aiscb-grad 4s ease infinite !important; /* stop float on hover */
}
#aiscb-btn:active { transform: scale(0.93) !important; }
#aiscb-launcher.aiscb-on #aiscb-btn { animation: aiscb-grad 4s ease infinite !important; }

@keyframes aiscb-grad {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes aiscb-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

/* Tip label */
#aiscb-btip {
  background: linear-gradient(135deg, var(--s), color-mix(in srgb, var(--s) 70%, var(--p)));
  color: #fff;
  font-size: 11.5px; font-weight: 700;
  padding: 5px 13px;
  border-radius: 20px;
  white-space: nowrap;
  cursor: pointer;
  letter-spacing: 0.01em;
  max-width: 210px; overflow: hidden; text-overflow: ellipsis;
  box-shadow: 0 2px 10px rgba(0,0,0,0.18);
  transition: all 0.2s;
}
#aiscb-btip:hover { background: var(--p); transform: translateY(-1px); }

/* Unread badge */
.aiscb-badge {
  position: absolute;
  top: -2px; right: -2px;
  background: #ef4444;
  color: #fff;
  font-size: 13px; font-weight: 900;
  width: 20px; height: 20px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  animation: aiscb-blink 1.2s ease-in-out infinite;
  z-index: 3;
}
@keyframes aiscb-blink { 0%,100%{transform:scale(1)} 50%{transform:scale(1.3)} }

/* ============================================================
   CHAT WINDOW
   ============================================================ */
#aiscb-win {
  position: absolute !important;
  bottom: 80px; right: 0;
  width: 390px;
  max-height: 640px;
  background: var(--bg);
  border-radius: 20px;
  box-shadow: var(--shd);
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 1.5px solid rgba(124,58,237,0.2);
}
#aiscb-win.aiscb-minimized { max-height: 66px; overflow: hidden; }

/* Open / close animations */
.aiscb-pop {
  animation: aiscb-open 0.36s cubic-bezier(0.34,1.56,0.64,1) forwards;
}
.aiscb-out {
  animation: aiscb-close 0.25s ease forwards;
}
@keyframes aiscb-open {
  from { opacity:0; transform:scale(0.78) translateY(28px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}
@keyframes aiscb-close {
  from { opacity:1; transform:scale(1); }
  to   { opacity:0; transform:scale(0.85) translateY(20px); }
}

/* ============================================================
   HEADER – vibrant rainbow gradient
   ============================================================ */
#aiscb-hdr {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 30%, #ec4899 65%, #0ea5e9 100%);
  background-size: 300% 300%;
  animation: aiscb-grad 5s ease infinite;
  padding: 13px 14px;
  display: flex; align-items: center; justify-content: space-between;
  flex-shrink: 0;
  position: relative; overflow: hidden;
  user-select: none;
  cursor: default;
}
.aiscb-hglow {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.18) 0%, transparent 70%);
  pointer-events: none;
}
.aiscb-hleft { display: flex; align-items: center; gap: 11px; position: relative; }
.aiscb-hright { display: flex; align-items: center; gap: 4px; position: relative; }

/* Robot in header */
#aiscb-hrob {
  position: relative; flex-shrink: 0;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}
#aiscb-hrob.aiscb-think {
  animation: aiscb-think 0.5s ease-in-out infinite alternate;
}
@keyframes aiscb-think {
  from { transform: rotate(-5deg) scale(0.97); }
  to   { transform: rotate(5deg) scale(1.03); }
}
.aiscb-hring {
  position: absolute; inset: -5px;
  border-radius: 50%;
  border: 2px dashed rgba(255,255,255,0.4);
  animation: aiscb-spin 4s linear infinite;
}
@keyframes aiscb-spin { to { transform: rotate(360deg); } }

.aiscb-hname { color:#fff; font-size:15px; font-weight:800; letter-spacing:0.01em; }
.aiscb-hstat { display:flex; align-items:center; gap:5px; font-size:10.5px; color:rgba(255,255,255,0.82); margin-top:2px; }
.aiscb-hdot  { width:7px; height:7px; border-radius:50%; background:#4ade80; animation:aiscb-dot 1.8s ease-in-out infinite; }
@keyframes aiscb-dot { 0%,100%{opacity:1} 50%{opacity:0.3} }

/* Header icon buttons */
.aiscb-hb {
  width: 28px; height: 28px;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.18) !important;
  color: rgba(255,255,255,0.92) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: background 0.18s, transform 0.14s !important;
  border: none !important;
}
.aiscb-hb:hover { background: rgba(255,255,255,0.32) !important; transform: scale(1.12) !important; }
.aiscb-hb:active { transform: scale(0.9) !important; }
.aiscb-hbx:hover { background: rgba(239,68,68,0.75) !important; }

/* ============================================================
   MESSAGES
   ============================================================ */
#aiscb-msgs {
  flex: 1;
  overflow-y: auto;
  padding: 14px 13px;
  display: flex; flex-direction: column; gap: 11px;
  background: var(--sur);
  scroll-behavior: smooth;
}
#aiscb-msgs::-webkit-scrollbar { width: 4px; }
#aiscb-msgs::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.25); border-radius: 4px; }

/* Row */
.aiscb-msg { display: flex; align-items: flex-end; gap: 7px; }
.aiscb-mu  { justify-content: flex-end; }
.aiscb-mb  { justify-content: flex-start; }
.aiscb-in  { animation: aiscb-msgin 0.3s cubic-bezier(0.22,1,0.36,1); }
@keyframes aiscb-msgin {
  from { opacity:0; transform:translateY(12px) scale(0.96); }
  to   { opacity:1; transform:none; }
}

/* Avatar */
.aiscb-av {
  flex-shrink: 0; width: 34px; height: 34px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(124,58,237,0.1), rgba(244,114,182,0.1));
  border: 1.5px solid rgba(124,58,237,0.2);
}
.aiscb-av-ag { background: #fef3c7; border-color: #fcd34d; font-size: 16px; }

/* Bubble wrappers */
.aiscb-bw  { display: flex; flex-direction: column; max-width: 80%; }
.aiscb-bwu { align-items: flex-end; }

/* Bubbles */
.aiscb-b {
  padding: 10px 15px;
  border-radius: 18px;
  font-size: 13.5px;
  line-height: 1.6;
  word-break: break-word;
}

/* Bot bubble – soft gradient */
.aiscb-bb {
  background: linear-gradient(145deg, #f8f0ff, #fdf4ff);
  color: #1e1035;
  border-bottom-left-radius: 5px;
  border-left: 3px solid var(--p);
  box-shadow: 0 2px 8px rgba(124,58,237,0.1);
}
#aiscb-w.aiscb-dark .aiscb-bb {
  background: linear-gradient(145deg, #2d1b4e, #3b1f5e);
  color: #e9d5ff;
}

/* User bubble – vibrant */
.aiscb-bu {
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899) !important;
  background-size: 200% 200% !important;
  animation: aiscb-grad 4s ease infinite !important;
  color: #fff !important;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 14px rgba(124,58,237,0.45);
}

/* Agent bubble */
.aiscb-bag { background:#fef3c7; color:#78350f; border-bottom-left-radius:5px; border-left:3px solid #f59e0b; }

.aiscb-b code { background:rgba(0,0,0,0.1); padding:1px 5px; border-radius:4px; font-size:12px; font-family:monospace; }
.aiscb-b a { color:inherit; text-decoration:underline; opacity:0.85; }
.aiscb-bprod { padding: 8px !important; background: var(--bg) !important; border-left: none !important; }

.aiscb-meta { font-size:10px; color:var(--mut); padding:3px 4px; }

/* System message */
.aiscb-sys { text-align:center; padding:4px 0; }
.aiscb-sys span {
  background: linear-gradient(90deg, rgba(124,58,237,0.12), rgba(244,114,182,0.12));
  color: var(--mut); font-size:11px; padding:4px 14px; border-radius:14px; display:inline-block;
  border: 1px solid rgba(124,58,237,0.15);
}

/* ============================================================
   TYPING – animated dots + robot
   ============================================================ */
.aiscb-tbub {
  display: flex; align-items: center; gap: 5px;
  background: linear-gradient(145deg, #f8f0ff, #fdf4ff);
  padding: 12px 17px;
  border-radius: 18px; border-bottom-left-radius: 5px;
  border-left: 3px solid var(--p);
  box-shadow: 0 2px 8px rgba(124,58,237,0.1);
}
.aiscb-td {
  width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, var(--p), var(--acc));
  animation: aiscb-td 1.2s ease-in-out infinite;
}
.aiscb-td:nth-child(2) { animation-delay:0.2s; background: linear-gradient(135deg, var(--acc), var(--sky)); }
.aiscb-td:nth-child(3) { animation-delay:0.4s; background: linear-gradient(135deg, var(--sky), var(--grn)); }
@keyframes aiscb-td {
  0%,60%,100% { transform:translateY(0); opacity:0.5; }
  30%          { transform:translateY(-8px); opacity:1; }
}

/* ============================================================
   ROBOT SVG ANIMATIONS
   ============================================================ */
.aiscb-r { display:block; overflow:visible; }
.aiscb-pl,.aiscb-pr { transition: transform 0.1s ease, cx 0.5s ease, cy 0.5s ease; transform-origin: center; }
.aiscb-ant { transition: fill 0.06s; }
.aiscb-cl  { transition: opacity 0.3s; }
.aiscb-m0,.aiscb-m1,.aiscb-m2,.aiscb-m3 { transform-origin: bottom center; transition: transform 0.15s; }
.aiscb-el,.aiscb-er { transition: opacity 0.5s; }

/* ============================================================
   QUICK REPLIES
   ============================================================ */
.aiscb-qw {
  padding: 9px 13px 7px;
  border-top: 1px solid var(--bdr);
  background: var(--bg);
  flex-shrink: 0;
}
.aiscb-qlabel {
  font-size: 10px; font-weight: 800; letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--p), var(--acc));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  margin-bottom: 7px;
}
.aiscb-qscroll {
  display: flex; gap: 7px; overflow-x: auto; padding-bottom: 3px;
  scrollbar-width: none;
}
.aiscb-qscroll::-webkit-scrollbar { display:none; }
.aiscb-qbtn {
  background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(244,114,182,0.08)) !important;
  border: 1.5px solid rgba(124,58,237,0.35) !important;
  color: var(--p) !important;
  border-radius: 20px; padding: 5px 14px;
  font-size: 12px; white-space: nowrap; flex-shrink: 0;
  transition: all 0.18s !important;
}
.aiscb-qbtn:hover {
  background: linear-gradient(135deg, var(--p), var(--acc)) !important;
  color: #fff !important; border-color: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(124,58,237,0.4) !important;
}

/* ============================================================
   SUGGESTION CHIPS
   ============================================================ */
#aiscb-chips {
  display: flex; flex-wrap: wrap; gap: 6px;
  padding: 8px 13px;
  border-top: 1px solid var(--bdr);
  background: var(--bg);
}
.aiscb-chip {
  background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(16,185,129,0.1)) !important;
  border: 1px solid rgba(14,165,233,0.35) !important;
  color: #0369a1 !important;
  border-radius: 14px; padding: 4px 12px;
  font-size: 11.5px;
  transition: all 0.18s !important;
}
.aiscb-chip:hover {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important; border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(14,165,233,0.4) !important;
}
#aiscb-w.aiscb-dark .aiscb-chip { color: #7dd3fc !important; }

/* ============================================================
   LEAD FORM
   ============================================================ */
#aiscb-lead {
  padding: 14px 14px 12px;
  border-top: 2px solid rgba(124,58,237,0.15);
  background: linear-gradient(180deg, var(--bg), rgba(248,240,255,0.5));
  flex-shrink: 0;
}
#aiscb-w.aiscb-dark #aiscb-lead { background: linear-gradient(180deg, var(--bg), rgba(45,27,78,0.3)); }
.aiscb-lhd { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.aiscb-lt  { font-size:13px; font-weight:800; color:var(--txt); }
.aiscb-ls  { font-size:11px; color:var(--mut); margin-top:2px; }

.aiscb-lf { display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.aiscb-ll {
  display: flex; align-items: center; gap: 8px;
  border: 1.5px solid var(--bdr) !important;
  border-radius: 11px !important;
  padding: 0 11px;
  background: var(--sur) !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.aiscb-ll:focus-within {
  border-color: var(--p) !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.15) !important;
}
.aiscb-ll span { font-size:15px; flex-shrink:0; }
.aiscb-ll input {
  flex: 1; border: none !important; background: transparent !important;
  padding: 9px 0; font-size: 13px; color: var(--txt) !important; outline: none !important;
}
.aiscb-ll input.aiscb-err { color: #dc2626 !important; }
.aiscb-ll:has(input.aiscb-err) { border-color:#ef4444!important; box-shadow:0 0 0 3px rgba(239,68,68,0.15)!important; }

.aiscb-lbtns { display:flex; gap:8px; }
.aiscb-lok {
  flex: 1;
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899) !important;
  background-size: 200% 200% !important;
  animation: aiscb-grad 4s ease infinite !important;
  color: #fff !important; border: none !important;
  border-radius: 11px; padding: 9px;
  font-size: 13px; font-weight: 700;
  box-shadow: 0 4px 16px rgba(124,58,237,0.4) !important;
  transition: transform 0.15s, opacity 0.15s !important;
}
.aiscb-lok:hover { transform: translateY(-1px) !important; opacity:0.92 !important; }
.aiscb-lok:disabled { opacity:0.6 !important; transform:none !important; }
.aiscb-lsk {
  background: var(--sur) !important; border: 1.5px solid var(--bdr) !important;
  color: var(--mut) !important; border-radius: 11px; padding: 9px 14px;
  font-size: 12.5px; transition: all 0.18s !important;
}
.aiscb-lsk:hover { border-color: var(--mut) !important; color: var(--txt) !important; }

/* WhatsApp */
.aiscb-wa {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px; margin-top: 10px; padding: 10px 16px;
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  color: #fff !important; border-radius: 11px !important;
  font-size: 13px; font-weight: 700; text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37,211,102,0.45) !important;
  transition: all 0.2s !important;
}
.aiscb-wa:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(37,211,102,0.55) !important; }

/* Spinner */
.aiscb-spin {
  display: inline-block; width: 12px; height: 12px;
  border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff;
  border-radius: 50%; animation: aiscb-spn 0.6s linear infinite;
  vertical-align: middle; margin-right: 4px;
}
@keyframes aiscb-spn { to { transform: rotate(360deg); } }

/* ============================================================
   INPUT AREA
   ============================================================ */
#aiscb-inp {
  border-top: 1.5px solid rgba(124,58,237,0.12);
  background: var(--bg);
  padding: 10px 12px 6px;
  flex-shrink: 0;
}
.aiscb-irow { display: flex; align-items: flex-end; gap: 7px; }

#aiscb-txt {
  flex: 1; resize: none;
  border: 1.5px solid var(--bdr) !important;
  border-radius: 13px !important;
  padding: 9px 13px !important;
  font-size: 13.5px !important;
  background: var(--sur) !important;
  color: var(--txt) !important;
  max-height: 120px; overflow-y: auto;
  line-height: 1.55 !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-shadow: none !important;
  outline: none !important;
}
#aiscb-txt:focus {
  border-color: var(--p) !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.15) !important;
}
#aiscb-txt::placeholder { color: var(--mut) !important; }

.aiscb-ibtns { display:flex; gap:5px; align-items:flex-end; }

/* Send button */
#aiscb-send {
  width: 42px; height: 42px;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
  background-size: 200% 200% !important;
  animation: aiscb-grad 3s ease infinite !important;
  color: #fff !important; border: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 4px 14px rgba(124,58,237,0.5) !important;
  transition: transform 0.14s, box-shadow 0.14s !important;
  flex-shrink: 0;
}
#aiscb-send:hover { transform: scale(1.1) translateY(-2px) !important; box-shadow: 0 8px 22px rgba(124,58,237,0.6) !important; }
#aiscb-send:active { transform: scale(0.92) !important; }

/* Voice button */
.aiscb-vbtn {
  width: 38px; height: 38px;
  border-radius: 11px !important;
  border: 1.5px solid rgba(124,58,237,0.3) !important;
  background: linear-gradient(135deg, rgba(124,58,237,0.07), rgba(244,114,182,0.07)) !important;
  color: var(--p) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: all 0.18s !important;
}
.aiscb-vbtn:hover { background: linear-gradient(135deg, var(--p), var(--acc)) !important; color:#fff !important; border-color:transparent !important; }
.aiscb-vrec { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color:#fff !important; border-color:transparent !important; animation: aiscb-spn 0.8s linear infinite !important; }

/* Footer strip */
.aiscb-ft { display:flex; justify-content:space-between; padding:5px 2px 2px; }
#aiscb-cc { font-size:10px; color:var(--mut); }
.aiscb-pw {
  font-size:10px; color:var(--mut); display:flex; align-items:center; gap:3px; opacity:0.7;
}

/* ============================================================
   WOOCOMMERCE PRODUCTS
   ============================================================ */
.aiscb-prods { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.aiscb-pc {
  display:flex; flex-direction:column;
  border: 1px solid var(--bdr); border-radius:12px;
  overflow:hidden; text-decoration:none !important;
  color: var(--txt) !important;
  transition: all 0.2s !important;
}
.aiscb-pc:hover { box-shadow:0 6px 20px rgba(124,58,237,0.2); transform:translateY(-3px); border-color:rgba(124,58,237,0.3); }
.aiscb-pc img { width:100%; height:72px; object-fit:cover; }
.aiscb-ni { height:60px; display:flex; align-items:center; justify-content:center; font-size:28px; background:var(--sur); }
.aiscb-pn { font-size:11px; font-weight:700; padding:5px 7px 2px; color:var(--txt); }
.aiscb-pp { font-size:12px; font-weight:800; padding:0 7px; background:linear-gradient(90deg,var(--p),var(--acc)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.aiscb-pb { font-size:10px; padding:3px 7px 7px; color:var(--mut); }

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 480px) {
  #aiscb-w { bottom: 0 !important; right: 0 !important; }
  #aiscb-launcher {
    position: fixed !important;
    bottom: 20px; right: 18px;
  }
  #aiscb-btip { display:none; }
  #aiscb-btn { width:58px; height:58px; }
  #aiscb-win {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border: none !important;
    bottom: 0 !important; right: 0 !important;
  }
  .aiscb-prods { grid-template-columns: 1fr 1fr; }
}