/* Video gallery grid: 3 per row desktop, 1 per row mobile.
   Applies to any Elementor container marked with .video-grid > .video-card. */
.elementor-element.video-grid {
    flex-wrap: wrap;
}

.elementor-element.video-grid > .elementor-element.video-card {
    flex: 0 0 calc((100% - 2 * var(--video-grid-gap, 24px)) / 3);
    max-width: calc((100% - 2 * var(--video-grid-gap, 24px)) / 3);
}

@media (max-width: 767px) {
    .elementor-element.video-grid > .elementor-element.video-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}