@media (min-width: 768px) {
    .container { padding: 0 24px; }
    .hero { margin: 0 24px; border-radius: 0 0 var(--radius-xl) var(--radius-xl); margin-top: var(--header-height); }
    .hero-content h1 { font-size: 2.5rem; }
    .hero-content p { font-size: 1rem; -webkit-line-clamp: 3; }
    .carousel-item { width: 160px; }
    .big-card { width: 320px; }
    .detail-poster { width: 160px; }
    .detail-info h1 { font-size: 2rem; }
    .footer-nav { display: none; }
    body { padding-bottom: 0; }
    #main-content { min-height: calc(100vh - var(--header-height) - 250px); }
}

@media (max-width: 767px) {
    .navbar .nav-actions .search-trigger { display: none; }
    .detail-poster-row { align-items: flex-start; }
    .detail-info { padding-top: 40px; }
    .detail-info h1 { font-size: 1.3rem; }
}