/* ========================================= */
/*       STORE DYNAMIC BACKGROUND            */
/* ========================================= */
body.store-page-body {
    background-color: #030305;
    background-image: 
        radial-gradient(circle at 50% -10%, rgba(239, 68, 68, 0.12) 0%, transparent 60%),
        radial-gradient(circle at 0% 100%, rgba(220, 38, 38, 0.08) 0%, transparent 40%),
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 50px 50px, 50px 50px;
    background-position: center top, bottom left, center center, center center;
    background-attachment: fixed;
    color: #fff;
}

@keyframes storePulse {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#add-funds {
    position: relative;
    z-index: 1;
}

/* STORE HERO HEADER */
.store-hero-header {
    text-align: center;
    margin-bottom: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.store-hero-header .store-tag {
    background: rgba(139, 92, 246, 0.1);
    color: #a855f7;
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
}

.store-hero-header .store-title {
    font-family: 'Syncopate', sans-serif;
    font-size: 3rem;
    font-weight: 950;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}

.store-hero-header .store-gradient-text {
    background: linear-gradient(90deg, #a855f7, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.store-hero-header .store-subtitle {
    color: #9ca3af;
    font-size: 1.1rem;
    max-width: 600px;
    line-height: 1.6;
    margin: 0;
}

#add-funds .vip-section-title {
    font-family: 'Syncopate', 'Inter', sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 3.5rem 0 1.8rem;
    color: #fff;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
#add-funds .vip-section-title i {
    color: #a855f7;
}

#creditos-jarvis {
    scroll-margin-top: 96px;
}

/* ABSOLUTE VIP HERO FEATURE */
#add-funds .absolute-vip-hero {
    position: relative;
    border: 2px solid #8b5cf6;
    border-radius: 24px;
    padding: 3rem 2.5rem;
    overflow: hidden;
    margin-bottom: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.5rem;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5);
}
#add-funds .hero-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translate(-50%, -50%);
    object-fit: cover;
    opacity: 0.6;
    pointer-events: none;
}
#add-funds .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(10, 10, 15, 0.94) 0%, rgba(10, 10, 15, 0.4) 50%, rgba(10, 10, 15, 0.94) 100%);
    z-index: 1;
}
#add-funds .absolute-vip-content {
    flex: 1.5;
    min-width: 320px;
    z-index: 2;
}
#add-funds .absolute-vip-badge {
    display: inline-block;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 900;
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 1.2rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
#add-funds .absolute-vip-title {
    font-family: 'Syncopate', sans-serif;
    font-size: 2.6rem;
    font-weight: 900;
    background: linear-gradient(90deg, #c084fc, #8b5cf6, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#add-funds .absolute-vip-subtitle {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 650px;
    margin-bottom: 2rem;
}
#add-funds .absolute-vip-benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
}
#add-funds .absolute-benefit-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(139, 92, 246, 0.2);
    padding: 1.1rem 1.3rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: border-color 0.3s ease, background 0.3s ease;
}
#add-funds .absolute-benefit-card:hover {
    border-color: rgba(139, 92, 246, 0.5);
    background: rgba(255, 255, 255, 0.05);
}
#add-funds .absolute-benefit-card i {
    font-size: 1.4rem;
    color: #a78bfa;
    min-width: 24px;
    text-align: center;
}
#add-funds .absolute-benefit-card span {
    font-size: 0.85rem;
    color: #ddd;
    line-height: 1.4;
}
#add-funds .absolute-vip-action-card {
    flex: 1;
    min-width: 280px;
    background: rgba(10, 10, 15, 0.85);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 20px;
    padding: 2.5rem 2.2rem;
    text-align: center;
    z-index: 2;
    backdrop-filter: blur(12px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.6);
}
#add-funds .absolute-price-tag {
    margin-bottom: 1.8rem;
}
#add-funds .absolute-old-price {
    text-decoration: line-through;
    color: #666;
    font-size: 1rem;
    display: block;
    margin-bottom: 6px;
}
#add-funds .absolute-price {
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}
#add-funds .absolute-price span {
    font-size: 0.95rem;
    color: #888;
    font-weight: 500;
}
#add-funds .absolute-buy-btn {
    width: 100%;
    padding: 1.2rem;
    font-size: 1.1rem;
    font-weight: 900;
    background: linear-gradient(90deg, #7c3aed, #6366f1);
    color: #fff;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
#add-funds .absolute-buy-btn:hover {
    transform: translateY(-4px);
    filter: brightness(1.1);
}
#add-funds .absolute-security-note {
    margin-top: 1.2rem;
    font-size: 0.8rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* GRIDS */
#add-funds .vip-tiers-grid,
#add-funds .packages-grid,
#add-funds .jarvis-credits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
    margin-bottom: 3.5rem;
}

/* VIP CARD BASE */
#add-funds .vip-card {
    background: rgba(20, 15, 25, 0.5);
    border-radius: 20px;
    padding: 2.2rem 1.4rem 1.8rem;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 540px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
#add-funds .vip-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
    background: rgba(30, 25, 40, 0.6);
}
#add-funds .vip-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

/* VIP Tiers Styling */
#add-funds .vip-card.tier-bronze::before { background: linear-gradient(90deg, #CD7F32, #b07238); }
#add-funds .vip-card.tier-bronze:hover { border-color: rgba(205, 127, 50, 0.3); }

#add-funds .vip-card.tier-silver::before { background: linear-gradient(90deg, #C0C0C0, #8A8A8A); }
#add-funds .vip-card.tier-silver:hover { border-color: rgba(192, 192, 192, 0.3); }

#add-funds .vip-card.tier-gold::before { background: linear-gradient(90deg, #FFD700, #FFA500); }
#add-funds .vip-card.tier-gold:hover { border-color: rgba(255, 215, 0, 0.4); box-shadow: 0 10px 40px rgba(255, 215, 0, 0.15); }

#add-funds .vip-card.tier-diamond::before { background: linear-gradient(90deg, #00E5FF, #00B0FF); }
#add-funds .vip-card.tier-diamond:hover { border-color: rgba(0, 229, 255, 0.4); box-shadow: 0 10px 40px rgba(0, 229, 255, 0.15); }

/* SC Packages Styling */
#add-funds .vip-card.tier-starter::before { background: linear-gradient(90deg, #71717a, #52525b); }
#add-funds .vip-card.tier-starter:hover { border-color: rgba(113, 113, 122, 0.3); }

#add-funds .vip-card.tier-soldier::before { background: linear-gradient(90deg, #10b981, #059669); }
#add-funds .vip-card.tier-soldier:hover { border-color: rgba(16, 185, 129, 0.3); }

#add-funds .vip-card.tier-elite::before { background: linear-gradient(90deg, #3b82f6, #1d4ed8); }
#add-funds .vip-card.tier-elite:hover { border-color: rgba(59, 130, 246, 0.4); }

#add-funds .vip-card.tier-champion::before { background: linear-gradient(90deg, #8b5cf6, #6d28d9); }
#add-funds .vip-card.tier-champion:hover { border-color: rgba(139, 92, 246, 0.4); box-shadow: 0 10px 40px rgba(139, 92, 246, 0.15); }

#add-funds .vip-card.tier-legend::before { background: linear-gradient(90deg, #ef4444, #b91c1c); }
#add-funds .vip-card.tier-legend:hover { border-color: rgba(239, 68, 68, 0.4); }

#add-funds .vip-card.tier-king::before { background: linear-gradient(90deg, #f59e0b, #d97706); }
#add-funds .vip-card.tier-king:hover { border-color: rgba(245, 158, 11, 0.45); box-shadow: 0 10px 40px rgba(245, 158, 11, 0.15); }

/* Jarvis Credits Styling */
#add-funds .vip-card.tier-jarvis-basic::before { background: linear-gradient(90deg, #00d2ff, #0072ff); }
#add-funds .vip-card.tier-jarvis-basic:hover { border-color: rgba(0, 210, 255, 0.4); }

#add-funds .vip-card.tier-jarvis-pro::before { background: linear-gradient(90deg, #06b6d4, #0891b2); }
#add-funds .vip-card.tier-jarvis-pro:hover { border-color: rgba(6, 182, 212, 0.4); }

#add-funds .vip-card.tier-jarvis-advanced::before { background: linear-gradient(90deg, #3b82f6, #2563eb); }
#add-funds .vip-card.tier-jarvis-advanced:hover { border-color: rgba(59, 130, 246, 0.4); }

#add-funds .vip-card.tier-jarvis-supreme::before { background: linear-gradient(90deg, #6366f1, #4f46e5); }
#add-funds .vip-card.tier-jarvis-supreme:hover { border-color: rgba(99, 102, 241, 0.4); box-shadow: 0 10px 40px rgba(99, 102, 241, 0.2); }

/* ELEMENTS INSIDE VIP CARD */
#add-funds .vip-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 2;
}
#add-funds .vip-card.tier-gold .vip-badge { background: linear-gradient(90deg, #FFD700, #FFA500); color: #000; }
#add-funds .vip-card.tier-king .vip-badge { background: linear-gradient(90deg, #f59e0b, #d97706); color: #000; }
#add-funds .vip-card.tier-jarvis-supreme .vip-badge { background: linear-gradient(90deg, #6366f1, #4f46e5); color: #fff; }

#add-funds .vip-header {
    margin-bottom: 1.2rem;
    text-align: center;
}
#add-funds .vip-visual {
    font-size: 2.6rem;
    margin-bottom: 0.6rem;
    transition: transform 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
#add-funds .vip-card:hover .vip-visual {
    transform: scale(1.18);
}

/* Colors of visuals */
#add-funds .vip-card.tier-bronze .vip-visual { color: #CD7F32; }
#add-funds .vip-card.tier-silver .vip-visual { color: #C0C0C0; }
#add-funds .vip-card.tier-gold .vip-visual { color: #FFD700; }
#add-funds .vip-card.tier-diamond .vip-visual { color: #00E5FF; }

#add-funds .vip-card.tier-starter .vip-visual { color: #a1a1aa; }
#add-funds .vip-card.tier-soldier .vip-visual { color: #34d399; }
#add-funds .vip-card.tier-elite .vip-visual { color: #60a5fa; }
#add-funds .vip-card.tier-champion .vip-visual { color: #a78bfa; }
#add-funds .vip-card.tier-legend .vip-visual { color: #f87171; }
#add-funds .vip-card.tier-king .vip-visual { color: #fbbf24; }

#add-funds .vip-card.tier-jarvis-basic .vip-visual { color: #00d2ff; }
#add-funds .vip-card.tier-jarvis-pro .vip-visual { color: #06b6d4; }
#add-funds .vip-card.tier-jarvis-advanced .vip-visual { color: #3b82f6; }
#add-funds .vip-card.tier-jarvis-supreme .vip-visual { color: #6366f1; }

#add-funds .vip-name {
    font-family: 'Syncopate', sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
}
#add-funds .vip-card.tier-bronze .vip-name { color: #d68f4d; }
#add-funds .vip-card.tier-silver .vip-name { color: #d1d1d1; }
#add-funds .vip-card.tier-gold .vip-name { color: #ffd700; }
#add-funds .vip-card.tier-diamond .vip-name { color: #64e3ff; }

#add-funds .coin-amount-title {
    font-family: 'Syncopate', sans-serif;
    font-size: 1.45rem;
    font-weight: 900;
    color: #fff;
    margin-bottom: 0.4rem;
    text-align: center;
    letter-spacing: 0.5px;
}
#add-funds .vip-card.tier-king .coin-amount-title {
    background: linear-gradient(90deg, #ffd700, #fbbf24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#add-funds .vip-price-container {
    margin-bottom: 1.5rem;
    text-align: center;
}
#add-funds .vip-old-price {
    font-size: 0.78rem;
    text-decoration: line-through;
    color: #666;
    display: block;
    margin-bottom: 2px;
}
#add-funds .vip-price {
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}
#add-funds .vip-price span {
    font-size: 0.8rem;
    color: #888;
    font-weight: 500;
}

#add-funds .vip-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.8rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-grow: 1;
}
#add-funds .vip-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.82rem;
    color: #aaa;
    line-height: 1.4;
}
#add-funds .vip-benefit-item i {
    font-size: 0.85rem;
    margin-top: 3px;
    min-width: 16px;
    text-align: center;
}
#add-funds .vip-card.tier-bronze .vip-benefit-item i { color: #CD7F32; }
#add-funds .vip-card.tier-silver .vip-benefit-item i { color: #C0C0C0; }
#add-funds .vip-card.tier-gold .vip-benefit-item i { color: #FFD700; }
#add-funds .vip-card.tier-diamond .vip-benefit-item i { color: #00E5FF; }

#add-funds .vip-card.tier-starter .vip-benefit-item i { color: #a1a1aa; }
#add-funds .vip-card.tier-soldier .vip-benefit-item i { color: #10b981; }
#add-funds .vip-card.tier-elite .vip-benefit-item i { color: #3b82f6; }
#add-funds .vip-card.tier-champion .vip-benefit-item i { color: #8b5cf6; }
#add-funds .vip-card.tier-legend .vip-benefit-item i { color: #ef4444; }
#add-funds .vip-card.tier-king .vip-benefit-item i { color: #f59e0b; }

#add-funds .vip-card.tier-jarvis-basic .vip-benefit-item i { color: #00d2ff; }
#add-funds .vip-card.tier-jarvis-pro .vip-benefit-item i { color: #06b6d4; }
#add-funds .vip-card.tier-jarvis-advanced .vip-benefit-item i { color: #3b82f6; }
#add-funds .vip-card.tier-jarvis-supreme .vip-benefit-item i { color: #6366f1; }

#add-funds .vip-btn {
    width: 100%;
    padding: 0.9rem;
    font-size: 0.85rem;
    font-weight: 800;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Buttons styling by tier */
#add-funds .vip-card.tier-bronze .vip-btn { background: rgba(205, 127, 50, 0.12); color: #e59c58; border: 1px solid rgba(205, 127, 50, 0.25); }
#add-funds .vip-card.tier-bronze .vip-btn:hover { background: #CD7F32; color: #000; }

#add-funds .vip-card.tier-silver .vip-btn { background: rgba(192, 192, 192, 0.1); color: #e0e0e0; border: 1px solid rgba(192, 192, 192, 0.2); }
#add-funds .vip-card.tier-silver .vip-btn:hover { background: #C0C0C0; color: #000; }

#add-funds .vip-card.tier-gold .vip-btn { background: linear-gradient(90deg, #FFD700, #FFA500); color: #000; }
#add-funds .vip-card.tier-gold .vip-btn:hover { transform: scale(1.02); }

#add-funds .vip-card.tier-diamond .vip-btn { background: rgba(0, 229, 255, 0.12); color: #00E5FF; border: 1px solid rgba(0, 229, 255, 0.25); }
#add-funds .vip-card.tier-diamond .vip-btn:hover { background: #00E5FF; color: #000; }

#add-funds .vip-card.tier-starter .vip-btn { background: rgba(255, 255, 255, 0.05); color: #ccc; border: 1px solid rgba(255, 255, 255, 0.1); }
#add-funds .vip-card.tier-starter .vip-btn:hover { background: #71717a; color: #fff; }

#add-funds .vip-card.tier-soldier .vip-btn { background: rgba(16, 185, 129, 0.1); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.2); }
#add-funds .vip-card.tier-soldier .vip-btn:hover { background: #10b981; color: #000; }

#add-funds .vip-card.tier-elite .vip-btn { background: linear-gradient(90deg, #3b82f6, #1d4ed8); color: #fff; }
#add-funds .vip-card.tier-elite .vip-btn:hover { transform: scale(1.02); }

#add-funds .vip-card.tier-champion .vip-btn { background: rgba(139, 92, 246, 0.1); color: #a78bfa; border: 1px solid rgba(139, 92, 246, 0.2); }
#add-funds .vip-card.tier-champion .vip-btn:hover { background: #8b5cf6; color: #fff; }

#add-funds .vip-card.tier-legend .vip-btn { background: rgba(239, 68, 68, 0.1); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.2); }
#add-funds .vip-card.tier-legend .vip-btn:hover { background: #ef4444; color: #fff; }

#add-funds .vip-card.tier-king .vip-btn { background: linear-gradient(90deg, #f59e0b, #d97706); color: #000; font-weight: 800; }
#add-funds .vip-card.tier-king .vip-btn:hover { transform: scale(1.02); }

#add-funds .vip-card.tier-jarvis-basic .vip-btn { background: rgba(0, 210, 255, 0.1); color: #00d2ff; border: 1px solid rgba(0, 210, 255, 0.2); }
#add-funds .vip-card.tier-jarvis-basic .vip-btn:hover { background: #00d2ff; color: #000; }

#add-funds .vip-card.tier-jarvis-pro .vip-btn { background: rgba(6, 182, 212, 0.1); color: #22d3ee; border: 1px solid rgba(6, 182, 212, 0.2); }
#add-funds .vip-card.tier-jarvis-pro .vip-btn:hover { background: #06b6d4; color: #000; }

#add-funds .vip-card.tier-jarvis-advanced .vip-btn { background: rgba(59, 130, 246, 0.1); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.2); }
#add-funds .vip-card.tier-jarvis-advanced .vip-btn:hover { background: #3b82f6; color: #fff; }

#add-funds .vip-card.tier-jarvis-supreme .vip-btn { background: linear-gradient(90deg, #6366f1, #4f46e5); color: #fff; }
#add-funds .vip-card.tier-jarvis-supreme .vip-btn:hover { transform: scale(1.02); }

/* ========================================= */
/*           MOBILE RESPONSIVENESS           */
/* ========================================= */
@media (max-width: 900px) {
    #add-funds .absolute-vip-hero {
        flex-direction: column;
        padding: 2.5rem 1.2rem;
        text-align: center;
        gap: 2rem;
        box-sizing: border-box;
        width: 100%;
    }
    
    #add-funds .absolute-vip-content {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }

    #add-funds .absolute-vip-subtitle {
        text-align: center;
        width: 100%;
    }

    #add-funds .absolute-vip-action-card {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 2rem 1.5rem;
    }
    
    #add-funds .absolute-vip-title {
        font-size: 2.1rem;
        word-break: break-word;
    }
    
    #add-funds .absolute-vip-benefits-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }
}

@media (max-width: 768px) {
    #add-funds {
        padding: 90px 1.2rem 3rem !important;
    }

    .store-hero-header .store-title {
        font-size: 2rem;
    }
    
    .store-hero-header .store-subtitle {
        font-size: 0.95rem;
    }

    #add-funds .vip-tiers-grid,
    #add-funds .packages-grid,
    #add-funds .jarvis-credits-grid {
        grid-template-columns: 1fr;
    }

    #add-funds .vip-card {
        min-height: auto;
    }
    
    body.store-page-body {
        background-size: 400% 400%; /* Animacao mais aparente no mobile */
    }
}
.legacy-ai-model-lists { display: none !important; }

.ai-models-summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 24px; color: #a5b4fc; font-size: .82rem; }
.ai-models-count { border: 1px solid rgba(129,140,248,.35); background: rgba(99,102,241,.12); padding: 7px 11px; border-radius: 999px; font-weight: 800; }
.ai-models-live { color: #94a3b8; }
.ai-models-section { margin-top: 25px; }
.ai-models-section.is-empty { display: none; }
.ai-models-section h3 { color: #f8fafc; font-size: 1rem; margin: 0 0 6px; }
.ai-models-section > p { color: #94a3b8; font-size: .82rem; margin: 0 0 12px; }
.ai-models-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.ai-model-card { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 12px; border: 1px solid rgba(148,163,184,.14); border-radius: 11px; background: rgba(255,255,255,.025); }
.ai-model-card--featured { border-color: rgba(250,204,21,.42); background: linear-gradient(135deg, rgba(250,204,21,.13), rgba(139,92,246,.12)); box-shadow: inset 0 0 18px rgba(250,204,21,.04); }
.ai-model-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #f8fafc; }
.ai-model-card__heading strong { overflow-wrap: anywhere; }
.ai-model-card__badge { flex: 0 0 auto; color: #111827; background: #facc15; border-radius: 999px; padding: 3px 7px; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.ai-model-card__meta { color: #a5b4fc; font-size: .75rem; }
.ai-model-card__capabilities { color: #94a3b8; line-height: 1.35; }
.ai-discord-section { padding: 16px; border: 1px solid rgba(88,101,242,.3); border-radius: 13px; background: rgba(88,101,242,.07); }
.ai-discord-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 13px 0 0; padding: 0; list-style: none; }
.ai-discord-benefit { display: flex; align-items: flex-start; gap: 8px; color: #dbeafe; font-size: .82rem; line-height: 1.4; }
.ai-discord-benefit i { color: #818cf8; margin-top: 2px; }
.ai-models-loading, .ai-models-error { grid-column: 1 / -1; padding: 18px; text-align: center; color: #94a3b8; }
.ai-models-error { color: #fca5a5; }

@media (max-width: 640px) {
    .ai-models-summary { align-items: flex-start; flex-direction: column; }
    .ai-models-grid, .ai-discord-benefits { grid-template-columns: 1fr; }
}