.ev-section, .ev-section * { 
    box-sizing: border-box !important; 
}

.ev-section {
    width: 100% !important;
    max-width: 100% !important;
    font-family: inherit !important;
}

/* Force hide extra cards so no cache can override it */
.ev-card.ev-is-hidden {
    display: none !important;
}

/* Grid */
.ev-section .ev-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(16px, 2.5vw, 24px) !important;
}
@media (max-width: 980px) {
    .ev-section .ev-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .ev-section .ev-grid {
        grid-template-columns: 1fr !important;
    }
    /* Hide cards 4, 5, and 6 on mobile initially */
    .ev-card.ev-hide-mobile {
        display: none !important;
    }
}

/* Card Styling */
.ev-card {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #1D4D5E !important;
    border-radius: clamp(16px, 2vw, 24px) !important;
    overflow: hidden !important;
    transition: transform .3s ease !important;
}
.ev-card:hover {
    transform: translateY(-5px) !important;
}

.ev-image {
    position: relative !important;
    width: 100% !important;
    height: clamp(200px, 25vw, 260px) !important; 
    overflow: hidden !important;
    background: #f0f0f0 !important;
}
.ev-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .4s ease !important;
}
.ev-card:hover .ev-image img {
    transform: scale(1.05) !important;
}
.ev-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    background: #e0e0e0 !important;
}

/* Category Pill */
.ev-category-pill {
    position: absolute !important;
    top: clamp(10px, 1.5vw, 16px) !important;
    right: clamp(10px, 1.5vw, 16px) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #F58232 !important;
    padding: clamp(4px, 0.8vw, 6px) clamp(10px, 1.5vw, 14px) !important;
    border-radius: 24px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(12px, 1.2vw, 16px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    backdrop-filter: blur(4px) !important;
    z-index: 2 !important;
}

.ev-content {
    padding: clamp(16px, 2.5vw, 24px) !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Date + Location */
.ev-meta-wrap {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: clamp(10px, 2vw, 20px) !important;
    margin-bottom: clamp(12px, 1.5vw, 16px) !important;
}
.ev-meta {
    display: flex !important;
    align-items: center !important;
    gap: clamp(6px, 1vw, 8px) !important;
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(13px, 1.3vw, 15px) !important;
    color: #444444 !important;
    font-weight: 400 !important;
}
.ev-meta svg {
    color: #444444 !important;
    flex-shrink: 0 !important;
    width: clamp(12px, 1.3vw, 16px) !important; 
    height: clamp(12px, 1.3vw, 16px) !important;
}
.ev-location span {
    white-space: pre-line !important;
}

.ev-title {
    margin: 0 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(20px, 2.5vw, 32px) !important;
    font-weight: 500 !important;
    color: #101010 !important;
    line-height: 150% !important;
    text-transform: capitalize;
}

/* Load More Button */
.ev-loadmore-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-top: clamp(30px, 5vw, 50px) !important;
}
.ev-loadmore-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(10px, 1.5vw, 18px) clamp(24px, 4vw, 36px) !important;
    background: transparent !important;
    color: #F58232 !important;
    border: 1px solid #F58232 !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(14px, 1.3vw, 16px) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all .3s ease !important;
}
.ev-loadmore-btn:hover {
    background: #F58232 !important;
    color: #ffffff !important;
}
.ev-loadmore-wrap.is-hidden {
    display: none !important;
}