/* Carousel Video Size Overrides - Make videos bigger while keeping images unchanged */

/* Desktop video overrides - increase video height to 450px in carousel */
@media (min-width: 768px) {
    .post-card .media-carousel .video-container,
    .post-card .media-carousel .video-container[style*="height"] {
        max-height: 450px !important;
        height: 450px !important;
        min-height: 450px !important;
        overflow: hidden !important;
    }
    
    .post-card .media-carousel .video-container video,
    .post-card .media-carousel .video-container video[style*="height"] {
        max-height: 450px !important;
        height: 450px !important;
        min-height: 450px !important;
        object-fit: contain !important;
    }
}

/* Firefox-specific override */
@-moz-document url-prefix() {
    @media (min-width: 768px) {
        .post-card .media-carousel .video-container,
        .post-card .media-carousel .video-container[style*="height"] {
            max-height: 450px !important;
            height: 450px !important;
            min-height: 450px !important;
            overflow: hidden !important;
        }
        
        .post-card .media-carousel .video-container video,
        .post-card .media-carousel .video-container video[style*="height"] {
            max-height: 450px !important;
            height: 450px !important;
            min-height: 450px !important;
            object-fit: contain !important;
        }
    }
}