/* Frontend styles for overlay, cards, and popup */
#lsai-search-overlay{display:none;position:fixed;inset:0;z-index:999999;background:#fff;overflow-y:auto;animation:lsaiFade .25s ease;}
#lsai-search-overlay.active{display:block;}
@keyframes lsaiFade{from{opacity:0}to{opacity:1}}

.lsai-header{display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #eee;gap:10px;}
#lsai-search-input{width:60%;max-width:600px;font-size:18px;border:none;border-bottom:2px solid #000;outline:none;padding:8px 10px;transition:.2s;}
#lsai-search-input:focus{border-color:#ff5b00;}
#lsai-search-close{background:none;border:none;font-size:25px;cursor:pointer;}

.lsai-body{padding:12px;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(180deg,#fff 0%,#fff7f4 100%);}
.lsai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;}
.lsai-card{position:relative;text-align:center;transition:.25s ease;background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(255,102,0,0.08);overflow:hidden;border:1px solid rgba(255,100,0,0.06);}
.lsai-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 6px 20px rgba(255,90,0,0.14);}
.lsai-card img{width:100%;height:260px;object-fit:cover;border-radius:14px 14px 0 0;}
.lsai-card .title{margin-top:8px;font-size:14px;font-weight:600;color:#111;text-transform:uppercase;padding:0 12px;}
.lsai-card .price{font-size:13px;margin-top:3px;}
.lsai-card .sold{font-size:12px;color:#ff4b2b;margin:6px 0 12px;display:flex;align-items:center;justify-content:center;gap:8px;}
.lsai-card .dot{width:6px;height:6px;border-radius:50%;background:#ff4b2b;animation:lsaiPulse 1.5s infinite ease-in-out;}
@keyframes lsaiPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.3}}
.badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;padding:6px 10px;border-radius:20px}
.badge.trend{background:linear-gradient(90deg,#ff8b00,#ff2d00);color:#fff}
.badge.top{background:linear-gradient(90deg,#FFD700,#FFA500);color:#111}

#lsai-live-popup{position:fixed;left:20px;bottom:-200px;z-index:1000000;display:flex;align-items:center;gap:12px;min-width:280px;max-width:340px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(255,100,0,0.06);box-shadow:0 6px 25px rgba(0,0,0,0.08);opacity:0;transform:translateY(60px) scale(0.95);transition:all .6s cubic-bezier(.18,.89,.32,1.28)}
#lsai-live-popup.show{opacity:1;transform:translateY(0) scale(1);bottom:24px}
#lsai-live-popup img{width:56px;height:56px;object-fit:cover;border-radius:8px}
#lsai-live-popup .info{font-size:13px;color:#111;line-height:1.35;flex:1}
#lsai-live-popup .info strong{display:block;font-weight:700;color:#000}
#lsai-live-popup .info .product-name{color:#0071e3;font-weight:600;text-decoration:underline}
#lsai-live-close{background:none;border:none;font-size:16px;line-height:1;cursor:pointer;color:#999;margin-left:auto}
.lsai-empty{opacity:.6;text-align:center;padding:20px}

@media(max-width:768px){
  .lsai-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
  .lsai-card img{height:180px!important}
}


/* Legacy-inspired title glow */
.lsai-title-glow{
  text-align:center;
  font-weight:700;
  color:#ff5b00;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:10px auto 14px;
  display:inline-block;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  border-radius:14px;
  box-shadow:0 0 25px rgba(255,91,0,.12);
}
@keyframes lsaiGlowPulse {
  0%,100%{ box-shadow:0 0 10px rgba(255,91,0,.35),0 0 25px rgba(255,150,0,.15); transform:translateX(-50%) scale(1); }
  50%{ box-shadow:0 0 25px rgba(255,120,0,.45),0 0 60px rgba(255,91,0,.25); transform:translateX(-50%) scale(1.04); }
}