/* GRID */
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.movie-card{
  background:linear-gradient(180deg,#141c2f,#0c1222);
  border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;position:relative;
}
.movie-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(0,0,0,.55)}
.movie-poster{aspect-ratio:2/3;background:#020617}
.movie-poster img{width:100%;height:100%;object-fit:cover}
.movie-body{padding:14px;display:grid;grid-template-rows:auto auto;gap:10px}
.movie-title{font-size:15px;font-weight:600;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.movie-overview{font-size:12px;line-height:18px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:54px}
.movie-footer{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}
.badge{background:#020617;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text);white-space:nowrap}
.badge.muted{color:var(--muted)}
.card-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.mini-select{
  height:30px;padding:0 8px;border-radius:10px;border:1px solid var(--border);
  background:var(--panel-2);color:var(--text);font-size:12px;outline:none;max-width:120px;
}
.mini-select:focus{border-color:rgba(239,68,68,.55);box-shadow:0 0 0 3px rgba(239,68,68,.12)}

/* Bottom pager */
.bottom-pager{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.pager-info{color:var(--muted);font-size:12px}
.pager-info strong{color:var(--text)}

/* Recommendations */
.reco{margin:6px 0 18px}
.reco-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
.reco-title{font-weight:700}
.reco-sub{font-size:12px;color:var(--muted)}
.reco-row{display:flex;gap:16px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.reco-row .movie-card{min-width:200px;scroll-snap-align:start}