/* Homepage ile paylaşılan grid'ler (hero-grid, actor-grid, character-grid,
   latest-news__grid, video-grid, series-grid) zaten assets/css/responsive.css
   içinde mobil/tablet kurallarına sahip — dizi hero'su ve oyuncu/karakter/
   haber/video bölümleri bu ortak kuralları otomatik miras alır. Burada
   yalnızca bugün eklenen YENİ bileşenler (bölüm/galeri kartları, dizi
   navigasyonu) için responsive kurallar tanımlanır. */

@media (max-width: 1279px) {
	.gallery-grid { grid-template-columns: repeat(3, 1fr); }
	.faq-actor-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1023px) {
	.episode-grid { grid-template-columns: repeat(2, 1fr); }
	.gallery-grid { grid-template-columns: repeat(3, 1fr); }
	.series-nav__link { height: 46px; padding: 0 12px; font-size: 13px; }
	.faq-actor-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.episode-grid { grid-template-columns: 1fr; }
	.gallery-grid { grid-template-columns: repeat(2, 1fr); }
	.series-nav { top: 0; }
	.series-nav__link { height: 44px; padding: 0 12px; }
	.faq-actor-grid { grid-template-columns: repeat(2, 1fr); }
	.faq-page-header__title { font-size: 24px; }
}

@media (max-width: 420px) {
	.gallery-grid { grid-template-columns: 1fr; }
	.faq-actor-grid { grid-template-columns: repeat(2, 1fr); }
}