/* ============================================
   Movie Gallery Page Styles
============================================ */

/* Movie Gallery Grid */
.movie-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

@media (max-width: 768px) {
  .movie-gallery-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}

.movie-gallery-grid .small-text {
  font-size: clamp(10px, 0.12vw, 12px);
}