/* 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}

/* SHOWLY_MOVIE_ACTIONS_FIX_START */
/* Final controls layout: Status wide, Rating medium, Collection square */
.movie-body{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.movie-title{
  line-height:18px;
  min-height:36px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.movie-actions{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  width:100%;
}

.movie-actions > .mini-select{
  height:32px;
  min-width:0;
  width:auto;
  max-width:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Status — dominant */
.movie-actions > .mini-select:first-child{
  flex:1 1 0;
  min-width:0;
  padding:0 10px;
}

/* Rating — fixed, compact but readable */
.movie-actions > .mini-select:nth-child(2){
  flex:0 0 60px;
  width:60px;
  min-width:60px;
  padding:0;
  text-align:center;
}

/* Collection — square */
.movie-actions > .mini-select:nth-child(3){
  flex:0 0 44px;
  width:44px;
  min-width:44px;
  padding:0;
  text-align:center;
}

/* Ensure the third select looks like a square "+" control */
.movie-actions > .mini-select:nth-child(3){
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-position:center;
}

.movie-actions > .mini-select:nth-child(2){
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
/* SHOWLY_MOVIE_ACTIONS_FIX_END */