/* Responsive */
@media(max-width:1400px){.grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .popover{top:calc(var(--topbar-h) + 86px)}
  .modal-hero-content{grid-template-columns:1fr}
}

/* NAV */
.nav-sep{width:10px}

/* Grid footer stability (fix “Просмотрено” layout jump) */
.movie-footer{grid-template-columns:auto auto 1fr;min-height:34px}
.movie-overview{min-height:54px}
.card-controls{min-width:0}
.mini-select{max-width:118px}

/* Responsive: keep it tight on small screens */
@media(max-width:900px){
  .modal{ width: calc(100vw - 24px); max-width: 720px; }
  .modal-hero{ padding: 18px 16px; }
  .modal-hero-content{ grid-template-columns: 1fr; }
  .modal-actions{ grid-template-columns: 1fr; }
}

/* Mobile header */
@media(max-width:900px){
  .header .container{padding:0 12px;gap:10px}
  .header-left{gap:10px}
  .header-nav{overflow:auto;max-width:46vw}
  .header-nav::-webkit-scrollbar{display:none}
  .header-search{min-width:0;max-width:none;flex:1}
  #filtersToggle{display:none}
  #scopeSeg{display:none}
  .search{height:38px;border-radius:12px;padding:0 12px}
  #clearSearch{height:38px;min-width:38px}
  #authBtn{height:38px}
}

@media(max-width:520px){
  .logo{font-size:18px}
  .header-nav{max-width:42vw}
}