/* ============================================================
   EliteYTDeals v3.0 — 10 NEW Premium Themes
   Adds: cred, eternity, simplify, bootstrap, material, fluent,
         glassmorphism, black-gold, apple, cyber-neon
   All themes preserve existing structure and add new variables
   ============================================================ */

/* ---------- THEME: Cred (Ultra Premium Dark) ---------- */
body[data-theme="cred"] {
  --bg:#0a0a0a; --bg-elev:#141414; --text:#ffffff; --muted:#a3a3a3; --border:#262626;
  --accent:#00ff88; --accent-2:#00d9ff;
  --btn-a:#00ff88; --btn-b:#00d9ff;
  --hero-bg: radial-gradient(1200px 600px at 30% 20%, rgba(0,255,136,.15), transparent), 
             radial-gradient(900px 500px at 80% 60%, rgba(0,217,255,.1), transparent), #0a0a0a;
  --hero-text:#ffffff; --nav-bg:#000000; --nav-text:#ffffff;
  --card-radius:20px; --card-shadow:0 20px 60px rgba(0,255,136,.08);
  font-family: 'Inter', -apple-system, sans-serif;
}
body[data-theme="cred"] .navbar-elite { background:#000000; border-bottom:1px solid #262626; }
body[data-theme="cred"] .channel-card { background:#141414; border:1px solid #262626; }
body[data-theme="cred"] .channel-card:hover { border-color:#00ff88; box-shadow:0 20px 60px rgba(0,255,136,.15); }
body[data-theme="cred"] .price-inr { color:#00ff88; font-weight:800; }
body[data-theme="cred"] .btn-primary-elite { background:linear-gradient(135deg,#00ff88,#00d9ff); color:#000; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
body[data-theme="cred"] .section:nth-child(even) { background:#0f0f0f; }
body[data-theme="cred"] .admin-card, body[data-theme="cred"] .detail-price-box,
body[data-theme="cred"] .review-card, body[data-theme="cred"] .dash-card,
body[data-theme="cred"] .auth-wrap { background:#141414; border-color:#262626; color:#ffffff; }
body[data-theme="cred"] .form-control, body[data-theme="cred"] .form-select { background:#0a0a0a; border-color:#262626; color:#fff; }

/* ---------- THEME: Eternity (Cosmic Purple) ---------- */
body[data-theme="eternity"] {
  --bg:#0f0623; --bg-elev:#1a0b2e; --text:#e9d5ff; --muted:#a78bfa; --border:#3b0764;
  --accent:#c084fc; --accent-2:#f0abfc;
  --btn-a:#8b5cf6; --btn-b:#ec4899;
  --hero-bg: 
    radial-gradient(1500px 700px at 20% 20%, rgba(139,92,246,.35), transparent),
    radial-gradient(1000px 600px at 80% 60%, rgba(236,72,153,.25), transparent),
    linear-gradient(180deg, #0f0623, #1a0b2e);
  --hero-text:#ffffff; --nav-bg:#0f0623; --nav-text:#e9d5ff;
  --card-radius:24px; --card-shadow:0 20px 60px rgba(139,92,246,.2);
  font-family: 'Playfair Display', Georgia, serif;
}
body[data-theme="eternity"] .navbar-elite { background:rgba(15,6,35,.85); backdrop-filter:blur(20px); }
body[data-theme="eternity"] .channel-card { background:linear-gradient(135deg,#1a0b2e,#2d1b4e); border:1px solid #3b0764; }
body[data-theme="eternity"] .channel-card:hover { transform:translateY(-8px) scale(1.02); box-shadow:0 30px 80px rgba(192,132,252,.3); }
body[data-theme="eternity"] .btn-primary-elite { background:linear-gradient(135deg,#8b5cf6,#ec4899); border-radius:999px; padding:14px 32px; }
body[data-theme="eternity"] .section-title { background:linear-gradient(90deg,#c084fc,#f0abfc); -webkit-background-clip:text; background-clip:text; color:transparent; }
body[data-theme="eternity"] .hero h1 span { background:linear-gradient(90deg,#f0abfc,#c084fc,#a78bfa); -webkit-background-clip:text; background-clip:text; color:transparent; }
body[data-theme="eternity"] .price-inr { color:#c084fc; }
body[data-theme="eternity"] .admin-card, body[data-theme="eternity"] .review-card,
body[data-theme="eternity"] .dash-card, body[data-theme="eternity"] .auth-wrap { background:#1a0b2e; border-color:#3b0764; color:#e9d5ff; }

/* ---------- THEME: Simplify (Minimal B&W) ---------- */
body[data-theme="simplify"] {
  --bg:#ffffff; --bg-elev:#fafafa; --text:#000000; --muted:#525252; --border:#e5e5e5;
  --accent:#000000; --accent-2:#404040;
  --btn-a:#000000; --btn-b:#000000;
  --hero-bg:#ffffff;
  --hero-text:#000000; --nav-bg:#ffffff; --nav-text:#000000;
  --card-radius:0px; --card-shadow:none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
body[data-theme="simplify"] .navbar-elite { background:#fff; border-bottom:2px solid #000; }
body[data-theme="simplify"] .navbar-elite .nav-link { color:#000 !important; font-weight:400; }
body[data-theme="simplify"] .hero { border-bottom:2px solid #000; }
body[data-theme="simplify"] .channel-card { background:#fff; border:1px solid #000; border-radius:0; box-shadow:none; }
body[data-theme="simplify"] .channel-card:hover { background:#000; color:#fff; transform:none; }
body[data-theme="simplify"] .channel-card:hover .channel-title,
body[data-theme="simplify"] .channel-card:hover .price-inr { color:#fff; }
body[data-theme="simplify"] .btn-primary-elite { background:#000; border-radius:0; box-shadow:none; text-transform:uppercase; letter-spacing:2px; padding:14px 32px; }
body[data-theme="simplify"] .btn-primary-elite:hover { background:#fff; color:#000; border:2px solid #000; }
body[data-theme="simplify"] .section-title { font-weight:300; letter-spacing:-1px; }
body[data-theme="simplify"] .price-inr { color:#000; }
body[data-theme="simplify"] .admin-card, body[data-theme="simplify"] .review-card,
body[data-theme="simplify"] .dash-card, body[data-theme="simplify"] .auth-wrap { background:#fff; border:1px solid #000; border-radius:0; box-shadow:none; }

/* ---------- THEME: Bootstrap (Classic) ---------- */
body[data-theme="bootstrap"] {
  --bg:#f8f9fa; --bg-elev:#ffffff; --text:#212529; --muted:#6c757d; --border:#dee2e6;
  --accent:#0d6efd; --accent-2:#6c757d;
  --btn-a:#0d6efd; --btn-b:#0d6efd;
  --hero-bg:linear-gradient(135deg,#0d6efd 0%,#6c757d 100%);
  --hero-text:#ffffff; --nav-bg:#212529; --nav-text:#ffffff;
  --card-radius:8px; --card-shadow:0 .5rem 1rem rgba(0,0,0,.15);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body[data-theme="bootstrap"] .navbar-elite { background:#212529; }
body[data-theme="bootstrap"] .channel-card { background:#fff; border:1px solid #dee2e6; border-radius:8px; }
body[data-theme="bootstrap"] .btn-primary-elite { background:#0d6efd; border-radius:6px; padding:10px 20px; box-shadow:none; }
body[data-theme="bootstrap"] .btn-primary-elite:hover { background:#0b5ed7; }
body[data-theme="bootstrap"] .price-inr { color:#0d6efd; }
body[data-theme="bootstrap"] .section-title { color:#212529; }

/* ---------- THEME: Material Design ---------- */
body[data-theme="material"] {
  --bg:#f5f5f5; --bg-elev:#ffffff; --text:#212121; --muted:#757575; --border:#e0e0e0;
  --accent:#6200ea; --accent-2:#03dac6;
  --btn-a:#6200ea; --btn-b:#03dac6;
  --hero-bg:linear-gradient(135deg,#6200ea 0%,#3700b3 100%);
  --hero-text:#ffffff; --nav-bg:#6200ea; --nav-text:#ffffff;
  --card-radius:4px; --card-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);
  font-family: 'Roboto', sans-serif;
}
body[data-theme="material"] .navbar-elite { background:#6200ea; box-shadow:0 2px 4px rgba(0,0,0,.15); }
body[data-theme="material"] .channel-card { background:#fff; border:none; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,.1); transition:box-shadow .2s; }
body[data-theme="material"] .channel-card:hover { box-shadow:0 8px 16px rgba(0,0,0,.15); transform:none; }
body[data-theme="material"] .btn-primary-elite { background:#6200ea; border-radius:4px; text-transform:uppercase; font-weight:500; letter-spacing:.5px; padding:10px 24px; box-shadow:0 2px 4px rgba(98,0,234,.3); }
body[data-theme="material"] .btn-primary-elite:hover { background:#3700b3; box-shadow:0 4px 8px rgba(98,0,234,.4); }
body[data-theme="material"] .price-inr { color:#6200ea; font-weight:500; }
body[data-theme="material"] .badge-pill { border-radius:4px; }

/* ---------- THEME: Fluent UI (Microsoft) ---------- */
body[data-theme="fluent"] {
  --bg:#faf9f8; --bg-elev:#ffffff; --text:#323130; --muted:#605e5c; --border:#edebe9;
  --accent:#0078d4; --accent-2:#005a9e;
  --btn-a:#0078d4; --btn-b:#005a9e;
  --hero-bg:linear-gradient(135deg,#0078d4 0%,#005a9e 100%);
  --hero-text:#ffffff; --nav-bg:#ffffff; --nav-text:#323130;
  --card-radius:8px; --card-shadow:0 1.6px 3.6px rgba(0,0,0,.132),0 .3px .9px rgba(0,0,0,.108);
  font-family: 'Segoe UI', -apple-system, sans-serif;
}
body[data-theme="fluent"] .navbar-elite { background:#fff; border-bottom:1px solid #edebe9; box-shadow:0 2px 4px rgba(0,0,0,.05); }
body[data-theme="fluent"] .navbar-elite .nav-link { color:#323130 !important; }
body[data-theme="fluent"] .navbar-elite .navbar-brand { color:#0078d4 !important; }
body[data-theme="fluent"] .channel-card { background:#fff; border:1px solid #edebe9; border-radius:8px; }
body[data-theme="fluent"] .channel-card:hover { border-color:#0078d4; box-shadow:0 4px 8px rgba(0,120,212,.2); }
body[data-theme="fluent"] .btn-primary-elite { background:#0078d4; border-radius:2px; box-shadow:none; padding:8px 20px; font-weight:600; }
body[data-theme="fluent"] .btn-primary-elite:hover { background:#005a9e; }
body[data-theme="fluent"] .price-inr { color:#0078d4; }

/* ---------- THEME: Glassmorphism ---------- */
body[data-theme="glassmorphism"] {
  --bg:linear-gradient(135deg,#667eea 0%,#764ba2 100%); --bg-elev:rgba(255,255,255,.15); 
  --text:#ffffff; --muted:rgba(255,255,255,.7); --border:rgba(255,255,255,.2);
  --accent:#4facfe; --accent-2:#00f2fe;
  --btn-a:#4facfe; --btn-b:#00f2fe;
  --hero-bg:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);
  --hero-text:#ffffff; --nav-bg:rgba(255,255,255,.1); --nav-text:#ffffff;
  --card-radius:20px; --card-shadow:0 8px 32px rgba(0,0,0,.1);
  font-family: 'Poppins', sans-serif;
}
body[data-theme="glassmorphism"] { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important; min-height:100vh; }
body[data-theme="glassmorphism"] .navbar-elite { background:rgba(255,255,255,.1) !important; backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,.2); }
body[data-theme="glassmorphism"] .channel-card,
body[data-theme="glassmorphism"] .admin-card,
body[data-theme="glassmorphism"] .review-card,
body[data-theme="glassmorphism"] .dash-card,
body[data-theme="glassmorphism"] .auth-wrap,
body[data-theme="glassmorphism"] .detail-price-box {
  background:rgba(255,255,255,.15) !important; backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.2) !important; color:#fff;
}
body[data-theme="glassmorphism"] .btn-primary-elite { background:rgba(255,255,255,.25); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.3); }
body[data-theme="glassmorphism"] .btn-primary-elite:hover { background:rgba(255,255,255,.4); }
body[data-theme="glassmorphism"] .section { background:transparent !important; }
body[data-theme="glassmorphism"] .price-inr { color:#4facfe; }
body[data-theme="glassmorphism"] .channel-title { color:#fff; }
body[data-theme="glassmorphism"] footer.site-footer { background:rgba(0,0,0,.3); backdrop-filter:blur(20px); }

/* ---------- THEME: Black Gold (Luxury) ---------- */
body[data-theme="black-gold"] {
  --bg:#000000; --bg-elev:#0a0a0a; --text:#f5f5f5; --muted:#a3a3a3; --border:#1a1a1a;
  --accent:#d4af37; --accent-2:#ffd700;
  --btn-a:#d4af37; --btn-b:#b8860b;
  --hero-bg:linear-gradient(135deg,#000000 0%,#1a1a1a 50%,#000000 100%);
  --hero-text:#d4af37; --nav-bg:#000000; --nav-text:#d4af37;
  --card-radius:2px; --card-shadow:0 8px 24px rgba(212,175,55,.15);
  font-family: 'Playfair Display', 'Georgia', serif;
}
body[data-theme="black-gold"] .navbar-elite { background:#000; border-bottom:2px solid #d4af37; }
body[data-theme="black-gold"] .navbar-elite .navbar-brand { color:#d4af37 !important; letter-spacing:3px; }
body[data-theme="black-gold"] .navbar-elite .nav-link { color:#d4af37 !important; letter-spacing:1px; text-transform:uppercase; font-size:12px; }
body[data-theme="black-gold"] .channel-card { background:#0a0a0a; border:1px solid #d4af37; border-radius:2px; }
body[data-theme="black-gold"] .channel-card:hover { box-shadow:0 15px 40px rgba(212,175,55,.3); border-color:#ffd700; }
body[data-theme="black-gold"] .channel-title { color:#d4af37; letter-spacing:1px; }
body[data-theme="black-gold"] .price-inr { color:#d4af37; font-family:'Playfair Display',serif; font-weight:700; }
body[data-theme="black-gold"] .btn-primary-elite { background:linear-gradient(135deg,#d4af37,#ffd700); color:#000; border-radius:2px; text-transform:uppercase; letter-spacing:3px; font-weight:700; padding:14px 32px; box-shadow:0 4px 15px rgba(212,175,55,.4); }
body[data-theme="black-gold"] .section-title { color:#d4af37; letter-spacing:2px; text-transform:uppercase; }
body[data-theme="black-gold"] .section:nth-child(even) { background:#050505; }
body[data-theme="black-gold"] .admin-card, body[data-theme="black-gold"] .review-card,
body[data-theme="black-gold"] .dash-card, body[data-theme="black-gold"] .auth-wrap { background:#0a0a0a; border:1px solid #d4af37; color:#f5f5f5; }

/* ---------- THEME: Apple Style ---------- */
body[data-theme="apple"] {
  --bg:#ffffff; --bg-elev:#fbfbfd; --text:#1d1d1f; --muted:#86868b; --border:#d2d2d7;
  --accent:#0071e3; --accent-2:#0077ed;
  --btn-a:#0071e3; --btn-b:#0071e3;
  --hero-bg:linear-gradient(180deg,#fbfbfd 0%,#ffffff 100%);
  --hero-text:#1d1d1f; --nav-bg:rgba(251,251,253,.72); --nav-text:#1d1d1f;
  --card-radius:18px; --card-shadow:0 4px 12px rgba(0,0,0,.05);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
body[data-theme="apple"] .navbar-elite { background:rgba(251,251,253,.72) !important; backdrop-filter:saturate(180%) blur(20px); }
body[data-theme="apple"] .navbar-elite .nav-link { color:#1d1d1f !important; font-size:14px; font-weight:400; }
body[data-theme="apple"] .navbar-elite .navbar-brand { color:#1d1d1f !important; font-weight:600; }
body[data-theme="apple"] .hero h1 { font-size:56px; font-weight:700; letter-spacing:-.03em; color:#1d1d1f; }
body[data-theme="apple"] .hero p { color:#86868b; font-size:21px; }
body[data-theme="apple"] .channel-card { background:#fff; border:none; border-radius:18px; box-shadow:0 4px 12px rgba(0,0,0,.05); }
body[data-theme="apple"] .channel-card:hover { transform:scale(1.02); box-shadow:0 12px 40px rgba(0,0,0,.1); }
body[data-theme="apple"] .btn-primary-elite { background:#0071e3; border-radius:980px; padding:12px 24px; font-weight:400; font-size:16px; }
body[data-theme="apple"] .btn-primary-elite:hover { background:#0077ed; }
body[data-theme="apple"] .section-title { font-size:48px; font-weight:600; letter-spacing:-.02em; color:#1d1d1f; }
body[data-theme="apple"] .price-inr { color:#1d1d1f; font-weight:600; }

/* ---------- THEME: Cyber Neon (Futuristic) ---------- */
body[data-theme="cyber-neon"] {
  --bg:#0a0014; --bg-elev:#12002a; --text:#e0e0ff; --muted:#8a8aff; --border:#3a0a5a;
  --accent:#ff00ff; --accent-2:#00ffff;
  --btn-a:#ff00ff; --btn-b:#00ffff;
  --hero-bg: 
    radial-gradient(circle at 20% 20%, rgba(255,0,255,.3), transparent 40%),
    radial-gradient(circle at 80% 60%, rgba(0,255,255,.3), transparent 40%),
    #0a0014;
  --hero-text:#ffffff; --nav-bg:#0a0014; --nav-text:#00ffff;
  --card-radius:0; --card-shadow:0 0 30px rgba(255,0,255,.2);
  font-family: 'Orbitron', 'Rajdhani', 'Courier New', monospace;
}
body[data-theme="cyber-neon"] .navbar-elite { background:#0a0014; border-bottom:2px solid #ff00ff; box-shadow:0 4px 20px rgba(255,0,255,.3); }
body[data-theme="cyber-neon"] .navbar-elite .navbar-brand { color:#ff00ff !important; text-shadow:0 0 10px #ff00ff; letter-spacing:3px; }
body[data-theme="cyber-neon"] .navbar-elite .nav-link { color:#00ffff !important; text-transform:uppercase; letter-spacing:1px; }
body[data-theme="cyber-neon"] .channel-card { background:#12002a; border:1px solid #ff00ff; border-radius:0; box-shadow:0 0 20px rgba(255,0,255,.2); position:relative; overflow:hidden; }
body[data-theme="cyber-neon"] .channel-card::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent); transition:left 1s; z-index:1; pointer-events:none; }
body[data-theme="cyber-neon"] .channel-card:hover { border-color:#00ffff; box-shadow:0 0 40px rgba(0,255,255,.5); transform:translateY(-5px); }
body[data-theme="cyber-neon"] .channel-card:hover::before { left:100%; }
body[data-theme="cyber-neon"] .channel-title { color:#00ffff; text-transform:uppercase; letter-spacing:1px; }
body[data-theme="cyber-neon"] .price-inr { color:#ff00ff; text-shadow:0 0 10px #ff00ff; font-weight:900; }
body[data-theme="cyber-neon"] .btn-primary-elite { background:linear-gradient(135deg,#ff00ff,#00ffff); color:#000; border-radius:0; text-transform:uppercase; letter-spacing:3px; font-weight:700; box-shadow:0 0 20px rgba(255,0,255,.5); padding:14px 32px; }
body[data-theme="cyber-neon"] .btn-primary-elite:hover { box-shadow:0 0 40px rgba(0,255,255,.8); }
body[data-theme="cyber-neon"] .section-title { color:#ff00ff; text-shadow:0 0 15px rgba(255,0,255,.6); text-transform:uppercase; letter-spacing:3px; }
body[data-theme="cyber-neon"] .section:nth-child(even) { background:#0f0020; }
body[data-theme="cyber-neon"] .admin-card, body[data-theme="cyber-neon"] .review-card,
body[data-theme="cyber-neon"] .dash-card, body[data-theme="cyber-neon"] .auth-wrap { background:#12002a; border:1px solid #ff00ff; color:#e0e0ff; }
body[data-theme="cyber-neon"] .form-control, body[data-theme="cyber-neon"] .form-select { background:#0a0014; border-color:#ff00ff; color:#00ffff; }

/* ---------- Enhanced Channel Card (All Themes) ---------- */
.channel-card {
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Priority indicator */
.channel-card[data-priority="high"]::before {
  content: '⭐';
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  background: linear-gradient(90deg, #f5c518, #ff6b35);
  color: #000;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

/* Additional Badges */
.badge-premium { background: linear-gradient(90deg, #d4af37, #ffd700); color: #000; }
.badge-sold { background: #ef4444; color: #fff; }
.badge-reserved { background: #f59e0b; color: #fff; }
.badge-trending { background: linear-gradient(90deg, #ff2d55, #ff6b35); color: #fff; }

/* Enhanced hover effects */
.channel-card:hover .channel-thumb img {
  transform: scale(1.05);
  transition: transform .5s ease;
}

/* Fullscreen image preview overlay */
.image-fullscreen-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.95);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.image-fullscreen-overlay.active { display: flex; }
.image-fullscreen-overlay img {
  max-width: 95%;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 8px;
}
.image-fullscreen-overlay .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255,255,255,.2);
  color: #fff;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  backdrop-filter: blur(10px);
}
.image-fullscreen-overlay .close-btn:hover { background: rgba(255,255,255,.3); }

/* Announcement Bar */
.broadcast-announcement-bar {
  background: linear-gradient(90deg, var(--btn-a, #ff2d55), var(--btn-b, #ff6b35));
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  animation: slideDown 0.5s ease;
}
.broadcast-announcement-bar .close-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  opacity: .8;
}
.broadcast-announcement-bar .close-btn:hover { opacity: 1; }
.broadcast-announcement-bar a { color:#fff; text-decoration:underline; margin-left:8px; }

/* Broadcast Popup */
.broadcast-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  backdrop-filter: blur(10px);
  animation: fadeIn 0.3s ease;
}
.broadcast-popup {
  background: #fff;
  border-radius: 20px;
  max-width: 500px;
  width: 100%;
  padding: 30px;
  position: relative;
  animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.broadcast-popup .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #f0f0f0;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}
.broadcast-popup img, .broadcast-popup video { max-width: 100%; border-radius: 12px; margin-bottom: 15px; }

@keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* PWA Install Banner Enhancement */
.pwa-install-banner {
  background: linear-gradient(135deg, var(--btn-a, #ff2d55), var(--btn-b, #ff6b35));
  color: #fff;
  border: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  animation: slideUp 0.5s ease;
}
@keyframes slideUp { from { transform: translate(-50%, 100%); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }

/* Wallet UI */
.wallet-balance-card {
  background: linear-gradient(135deg, var(--btn-a, #ff2d55), var(--btn-b, #ff6b35));
  color: #fff;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.wallet-balance-card::before {
  content: '';
  position: absolute;
  right: -50px;
  top: -50px;
  width: 200px;
  height: 200px;
  background: rgba(255,255,255,.1);
  border-radius: 50%;
}
.wallet-balance-card .balance-label { font-size: 14px; opacity: .9; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
.wallet-balance-card .balance-amount { font-size: 42px; font-weight: 800; }

/* Enhanced Buttons Animation */
.btn-buy, .btn-primary-elite {
  position: relative;
  overflow: hidden;
}
.btn-buy:active, .btn-primary-elite:active { transform: translateY(1px) scale(0.98); }

/* Enhanced Typography */
.section-title { font-weight: 800; letter-spacing: -0.5px; }

/* Lazy loading placeholder */
img[loading="lazy"] {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
img[loading="lazy"].loaded { animation: none; background: none; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }