#premium-popular-events {
        background: #fdfdfd;
        padding: 80px 0;
        font-family: 'Inter', sans-serif;
    }

    /* Forced Grid System - Integrated with Custom JS */
    #premium-popular-events .lux-grid-container {
        margin: 0 -8px !important;
        display: block !important;
        width: auto !important;
    }

    #premium-popular-events .lux-grid-item {
        float: left !important;
        width: 33.333% !important;
        padding: 8px !important; /* REDUCED MARGIN */
        box-sizing: border-box !important;
    }

    @media (max-width: 1199px) {
        #premium-popular-events .lux-grid-item { width: 50% !important; }
    }

    @media (max-width: 767px) {
        #premium-popular-events .lux-grid-item { width: 100% !important; }
    }

    /* Luxury Card Design - Ultra Clean */
    .lux-card {
        background: #ffffff;
        border-radius: 12px;
        border: 1px solid #edf2f7;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .lux-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
        border-color: #0d6efd30;
    }

    .lux-image-wrap {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9; /* FORCED ASPECT RATIO 16:9 (1920x1080 Style) */
        overflow: hidden;
        background: #f1f5f9;
        display: block;
    }

    .lux-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1s ease;
    }

    .lux-card:hover .lux-image-wrap img {
        transform: scale(1.08);
    }

    .lux-tag-badge {
        position: absolute;
        top: 15px;
        left: 15px;
        background: #0d6efd;
        color: #fff;
        padding: 5px 14px;
        border-radius: 6px;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
        z-index: 2;
    }

    .lux-body {
        padding: 22px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .lux-meta-top {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        margin-bottom: 15px;
        color: #64748b;
        font-weight: 700;
    }

    .lux-title {
        font-size: 18px;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.4;
        margin-bottom: 20px;
        height: 50px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .lux-title a { color: inherit; text-decoration: none; transition: 0.3s; }
    .lux-title a:hover { color: #0d6efd; }

    .lux-action-btn {
        color: #0d6efd;
        font-weight: 800;
        font-size: 13px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 20px;
        transition: 0.3s;
    }

    .lux-action-btn:hover { gap: 12px; }

    .lux-footer {
        padding-top: 18px;
        border-top: 1px solid #f1f5f9;
        font-size: 11px;
        color: #64748b;
        margin-top: auto;
    }

    /* Cool Premium Filter Tabs */
    /* Wizard-Style Category Filter */
    .lux-tabs-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 12px;
        margin: 0 auto 50px auto;
        gap: 12px;
        width: fit-content;
        max-width: 100%;
    }

    .lux-tabs-wrap .lux-tab-btn {
        background: #f1f5f9;
        border: none;
        padding: 8px 18px 8px 8px;
        font-weight: 700;
        font-size: 13px;
        color: #475569;
        border-radius: 100px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    .lux-tab-num {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        background: #94a3b8;
        color: #fff;
        border-radius: 50%;
        font-size: 11px;
        transition: all 0.3s ease;
    }

    .lux-tabs-wrap .lux-tab-btn:hover {
        background: #e2e8f0;
        transform: translateY(-2px);
    }

    .lux-tabs-wrap .lux-tab-btn.active {
        background: #1e293b;
        color: #ffffff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .lux-tabs-wrap .lux-tab-btn.active .lux-tab-num {
        background: #0d6efd;
        color: #fff;
    }

    @media (max-width: 575.98px) {
        #premium-popular-events { padding: 50px 0; }
        #premium-popular-events h2 { font-size: 28px !important; }
        .lux-tabs-wrap { border-radius: 14px; }
        .lux-tabs-wrap .lux-tab-btn { padding: 6px 12px; font-size: 11px; }
    }

    /* Stunning View All Button */
    .lux-view-all-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 15px;
        padding: 14px 40px;
        border-radius: 100px;
        background: #0f172a;
        color: #fff !important;
        font-weight: 800;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-decoration: none;
        border: none;
        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);
        transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
        overflow: hidden;
        z-index: 1;
    }

    .lux-view-all-btn:hover {
        background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
        background-size: 200% auto;
        animation: luxGradientMove 3s ease infinite;
        transform: translateY(-5px) scale(1.03);
        box-shadow: 0 15px 35px rgba(139, 92, 246, 0.4);
        color: #fff !important;
    }

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

    .lux-view-all-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.3),
            transparent
        );
        transition: 0.8s ease;
    }

    .lux-view-all-btn:hover::before {
        left: 100%;
    }

    .lux-view-all-btn i {
        font-size: 12px;
        background: rgba(255,255,255,0.1);
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.5s;
    }

    .lux-view-all-btn:hover i {
        transform: translateX(8px) rotate(-45deg);
        background: rgba(255,255,255,0.25);
    }