@media (max-width: 480px) {
    .container { padding: 16px; }
    .movie-card .info { padding: 7px; min-height: 52px; }
    .movie-card .info h3 { font-size: 0.84rem; min-height: 1.25em; }
    .movie-card .info .movie-submeta { font-size: 0.7rem; }
    .detail-header { padding: 16px; }
    .detail-info { min-width: 100%; }
    .detail-info h1 { font-size: 1.3rem; }
    .player-container { border-radius: 5px; }
    .scroll-top-btn { right: 16px; }
    .scroll-top-btn.in-list { bottom: 113px; width: 39px; height: 36px; }
    .scroll-top-btn.in-detail { bottom: 45px; width: 39px; height: 36px; }
}
@media (max-width: 480px) {
    .nav-links.open .dropdown-content,
    .nav-links.open .genre-dropdown-content {
        width: min(190px, calc(100vw - 56px));
        max-width: calc(100vw - 56px);
    }
    .nav-links.open #phimDropdown {
        grid-template-columns: 1fr;
    }
    .nav-links.open #phimDropdown a:last-child {
        grid-column: auto;
    }

    .movie-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .movie-card .info { min-height: 50px; }
    .movie-card .info h3 { font-size: 0.82rem; min-height: 1.2em; }
    .movie-card .info .movie-submeta { font-size: 0.66rem; }
    .movie-card .badge { font-size: 0.6rem; padding: 4px 8px; top: 6px; left: 6px; }
    .movie-card .quality-badge { font-size: 0.6rem; padding: 4px 8px; top: 6px; right: 6px; }
    .movie-card .thumb-tags { bottom: 6px; left: 6px; right: 6px; }
    .movie-card .thumb-tags span { font-size: 0.6rem; padding: 4px 8px; }
    .section-title { font-size: 1.1rem; }
    .detail-info h1 { font-size: 1.1rem; }
}