.event-container{max-width:1200px;margin:auto}

.event-hero img{width:100%;border-radius:12px}

.event-main{display:flex;gap:30px;margin-top:20px}

.event-left{flex:2}
/* RIGHT SIDEBAR */
.event-right{
    width:100%;
    max-width:340px;
    position:sticky;
    top:100px;
}



/* PRICE + BUTTON BOX */
.ticket-box{
    background:#ffffff;
    padding:22px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    margin-bottom:20px;
    text-align:center;
}

.ticket-price{
    font-size:28px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.ticket-btn{
    display:block;
    background:#ff4d00;
    color:#fff;
    padding:14px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:16px;
    transition:0.3s;
}

.ticket-btn:hover{
    background:#e64500;
}

/* INFO CARDS */
.info-card{
    background:#ffffff;
    padding:20px;
    border-radius:14px;
    box-shadow:0 6px 20px rgba(0,0,0,0.05);
    margin-bottom:20px;
}

.info-card h3{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}

.venue-name{
    font-weight:600;
    margin-bottom:4px;
}

.venue-address{
    color:#666;
    font-size:14px;
}

.organizer-name{
    font-weight:600;
    margin-bottom:6px;
}

.organizer-link{
    color:#ff4d00;
    font-size:14px;
    text-decoration:none;
}


.event-card img{width:100%;border-radius:10px}
.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* MOBILE EVENT PAGE FIX */
@media(max-width:768px){

    .event-main{
        flex-direction:column;
    }

    .event-left{
        width:100%;
    }

    .event-right{
        width:100%;
        max-width:100%;
        position:relative;
        top:0;
        margin-top:20px;
    }

    .ticket-box{
        text-align:center;
        padding:18px;
    }

    .ticket-price{
        font-size:24px;
    }

    .ticket-btn{
        width:100%;
        font-size:16px;
        padding:14px;
    }

    .info-card{
        padding:18px;
    }

    .event-hero img{
        height:auto;
    }

}


.whatsapp-share{
display:block;
margin-top:12px;
background:#25D366;
color:#fff;
text-align:center;
padding:12px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}

.calendar-btn{
display:block;
margin-top:12px;
background:#4285F4;
color:#fff;
text-align:center;
padding:12px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}


.direction-btn{
display:block;
margin-top:12px;
background:#111;
color:#fff;
text-align:center;
padding:12px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}



.archive-header{
text-align:center;
margin:20px 0;
}

.city-filter, .category-filter{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:10px;
justify-content:center;
}

.city-chip, .category-chip{
padding:8px 14px;
background:#f1f1f1;
border-radius:20px;
text-decoration:none;
font-size:14px;
color:#111;
}

.event-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
}

.event-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
transition:0.3s;
}

.event-card:hover{
transform:translateY(-4px);
}

.card-img img{
width:100%;
height:180px;
object-fit:cover;
}

.card-content{
padding:14px;
}

.card-meta{
font-size:13px;
color:#666;
margin:8px 0;
display:flex;
justify-content:space-between;
}

.card-price{
font-weight:700;
color:#ff4d00;
}



.homepage-events{
    padding:60px 0;
    background:#fafafa;
}

.section-title{
    font-size:28px;
    margin-bottom:20px;
}