.movie-night { background: #10213d; color: #fff; border-radius: 16px; padding: clamp(1.4rem, 4vw, 3rem); }
.movie-night .eyebrow { color: #ffd23f; }
.movie-night p { color: #e2eaf5; max-width: 720px; }
.movie-night h2, .movie-night h1 { color: #fff; }
.movie-night h1 { font-size: clamp(2.2rem, 7vw, 4.5rem); }
.movie-night .btn-primary { background: #ffd23f; color: #10213d; }
.movie-night .detail-actions { gap: .75rem; }
.movie-night .btn { max-width: 100%; text-align: center; white-space: normal; }
.movie-night-note { font-size: .9rem; }
.movie-night-grid { display: grid; gap: 1rem; margin-top: 1.5rem; }
.movie-night-grid h2 { font-size: 1.4rem; }
@media (min-width: 720px) { .movie-night-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 480px) { .movie-night .detail-actions { align-items: stretch; flex-direction: column; } }