.event-grid {
    grid-gap: var(--wp--style--block-gap);
}

@media (max-width: 781px) {
    .event-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.event-item {
    background: var(--wp--preset--color--accent-1);
    text-decoration: none;
}

.event-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.event-item p, .event-item h4 {
    color: var(--wp--preset--color--base);
    margin: 0;
}

.event-info {
    padding: var(--wp--preset--spacing--20);
    text-align: center;
}