/**
 * Responsive Styles
 */

@media (max-width: 768px) {
    .mvt-movie-hero {
        grid-template-columns: 1fr;
    }
    
    .mvt-movie-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }
    
    .mvt-movie-title {
        font-size: 2rem;
    }
}