.movies-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.movie-card{background:var(--bg-card);border-radius:var(--radius-md);transition:all var(--transition-normal);text-decoration:none;display:block;overflow:hidden}.movie-card:hover{box-shadow:0 15px 30px #0006,0 0 20px var(--primary-glow);transform:translateY(-6px)}.movie-image{aspect-ratio:3/4;position:relative;overflow:hidden}.movie-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.movie-card:hover .movie-image img{transform:scale(1.1)}.movie-badges{top:var(--space-sm);left:var(--space-sm);flex-direction:column;gap:4px;display:flex;position:absolute}.movie-overlay{opacity:0;transition:opacity var(--transition-normal);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.movie-card:hover .movie-overlay{opacity:1}.movie-content{padding:var(--space-md)}.movie-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.movie-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.movie-rating{color:gold;font-weight:600;font-size:var(--font-size-xs);align-items:center;gap:3px;display:flex}.movie-duration{color:var(--text-secondary);font-size:var(--font-size-xs);align-items:center;gap:3px;display:flex}.movie-year{color:var(--text-muted);font-size:var(--font-size-xs)}.movie-genres{flex-wrap:wrap;gap:4px;display:flex}.movie-genres .genre-tag{background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px}.loading-container{justify-content:center;align-items:center;gap:var(--space-lg);min-height:50vh;color:var(--text-secondary);flex-direction:column;display:flex}@media (max-width:768px){.movies-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.movie-content{padding:var(--space-sm)}.movie-title{font-size:var(--font-size-xs)}}@media (max-width:480px){.movies-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.movie-content{padding:8px}.movie-title{font-size:11px}.movie-meta{gap:4px}.movie-rating,.movie-duration,.movie-year{font-size:10px}}