.movie-grid, .related-grid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px;}
.movie-card{display:flex; flex-direction:column; text-decoration:none; color:#fff; transition:.2s; min-width:0;}
.movie-card:hover{transform:translateY(-3px);}
.movie-card-poster{position:relative; width:100%; overflow:hidden; aspect-ratio:2/3; border-radius:6px;}
.movie-card-poster img{width:100%; height:100%; object-fit:cover; display:block;}
.movie-card-poster::after{content:"▶"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.8); opacity:0; font-size:28px; transition:.2s;}
.movie-card:hover .movie-card-poster::after{opacity:1; transform:translate(-50%,-50%) scale(1);}
.movie-card-title{margin-top:6px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; text-align:center;}
@media(max-width:1200px){.movie-grid, .related-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:768px){.movie-grid, .related-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.movie-grid, .related-grid{grid-template-columns:repeat(2,1fr);}}