/* ==========================================================
   assets/css/responsive-mobile.css
   استایل‌های اختصاصیِ ریسپانسیو موبایل (max-width) — استخراج‌شده از nq-theme.css
   این فایل فقط وقتی لود می‌شه که عرض صفحه <= 759px باشه (media روی <link>)
   ========================================================== */

@media (max-width:760px){
  .artist-details,.movie-details{grid-template-columns:1fr;gap:22px}
  .artist-image,.movie-image,.cinema-hero-poster{max-width:210px;margin:0 auto}
}

@media (max-width:600px){
  .filmography-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
  .movie-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
}

@media (max-width:600px){
  .nq-article{padding-top:calc(var(--nq-header-h) + 14px)}
  .nq-article__lead{font-size:var(--nq-fs-md)}
}

@media (max-width:600px){
  .nq-backdrop{filter:blur(18px) brightness(.25) saturate(1.4)}
  .cinema-hero-backdrop{filter:blur(16px) saturate(1.5) brightness(.22)}
  body.is-light .cinema-hero-backdrop{filter:blur(16px) saturate(1.3) brightness(.55)}
  .nq-promo__glow,.nq-cta__glow{filter:blur(36px)}
  .nq-header{backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%)}
  .nq-tabbar{backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%)}
}