@media(max-width:1200px){
  .archive-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
  .hero-title{font-size:36px}
  .hero-poster{width:140px}
  .hero-info{bottom:80px}
}
@media(max-width:960px){
  .primary-nav{display:none}
  .mobile-menu-toggle{display:flex}
  .header-search-input{width:200px}
  .detail-hero-content{flex-direction:column;align-items:center;text-align:center}
  .detail-poster{width:180px}
  .footer-widgets{grid-template-columns:1fr 1fr;gap:24px}
  .page-header{padding:80px 16px 30px}
  .page-header-content h1{font-size:28px}
}
@media(max-width:600px){
  .archive-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}
  .detail-title{font-size:26px}
  .detail-poster{width:150px}
  .footer-widgets{grid-template-columns:1fr}
  .pagination-links{flex-direction:column;gap:8px}
}