/* ===========================
   EVENT DETAIL PAGE STYLES
   =========================== */

.event-layout {
    display: flex;
    gap: 25px;
    margin-top: 25px;
}

/* MAIN IMAGE STYLE (Like the screenshot) */
.event-banner {
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0px 8px 22px rgba(0,0,0,0.15);
    display: block;
    margin: 20px auto;
    transition: transform .3s ease, box-shadow .3s ease;
}

.event-banner:hover {
    transform: translateY(-5px);
    box-shadow: 0px 14px 30px rgba(0,0,0,0.20);
}

/* SPONSOR IMAGE STYLE */
.sponsor img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    margin-bottom: 18px;
    box-shadow: 0px 8px 18px rgba(0,0,0,0.12);
}

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {
    .event-layout {
        flex-direction: column;
    }

    .event-banner {
        max-width: 220px;
    }
}