#afa-guide{position:fixed;left:15px;bottom:15px;z-index:999999;font-family:Cairo,sans-serif}
.afa-btn{width:58px;height:58px;border:none;background:#fff;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18);cursor:pointer}
.afa-btn img{width:100%;height:100%}
.afa-box{width:320px;max-width:95vw;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.2);margin-bottom:10px}
.afa-head{background:linear-gradient(135deg,#12b8b2,#6ad6d0);padding:15px;color:#fff;font-size:22px;font-weight:700;display:flex;justify-content:space-between}
.afa-close{background:none;border:none;color:#fff;font-size:32px;cursor:pointer}
.afa-body{padding:12px;background:#f7fafa;max-height:420px;overflow:auto}
.afa-welcome{background:#fff;padding:12px;border-radius:15px;margin-bottom:12px;line-height:1.8}
.afa-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.afa-item{background:#fff;border:1px solid #dfecec;border-radius:14px;padding:12px;text-align:center;font-weight:700;cursor:pointer}
.afa-chat{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.msg{padding:10px;border-radius:12px;line-height:1.7}
.bot{background:#fff}
.user{background:#13203b;color:#fff}
.afa-foot{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:10px}
.afa-input{padding:12px;border-radius:12px;border:1px solid #ddd}
.afa-send{background:#13203b;color:#fff;border:none;border-radius:12px;padding:10px 14px}
.afa-wa{background:#25D366;color:#fff;text-decoration:none;padding:10px 14px;border-radius:12px}
@media(max-width:768px){
.afa-box{width:290px}
.afa-grid{grid-template-columns:1fr}
.afa-btn{width:52px;height:52px}
}