.movie-card{background-color:var(--card-bg);border-radius:8px;flex-direction:column;width:100%;display:flex;overflow:hidden}.movie-card.size-sm{width:120px;min-width:120px}.movie-card.size-md{width:160px;min-width:160px}.movie-card.size-lg{width:200px;min-width:200px}.movie-card.landscape{width:260px;min-width:260px}@media (min-width:768px){.movie-card.size-sm{width:140px;min-width:140px}.movie-card.size-md{width:180px;min-width:180px}.movie-card.size-lg{width:250px;min-width:250px}.movie-card.landscape{width:300px;min-width:300px}}.movie-card-image-container{position:relative;overflow:hidden}.movie-card.portrait .movie-card-image-container{aspect-ratio:2/3}.movie-card.landscape .movie-card-image-container{aspect-ratio:16/9}.top-10-badge{background-color:var(--primary);color:var(--on-primary);font-family:var(--font-plus-jakarta), sans-serif;text-align:center;z-index:2;border-bottom-right-radius:4px;padding:6px 4px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:0;left:0}.movie-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.movie-card-no-image{text-align:center;background:linear-gradient(135deg,#1f2a2a 0%,#0d0e12 100%);border:1px solid #45a29e26;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;transition:transform .4s;display:flex;position:relative;overflow:hidden}.movie-card-no-image:before{content:"";pointer-events:none;background:radial-gradient(circle,#45a29e26 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.no-image-content{flex-direction:column;align-items:center;gap:8px;display:flex}.no-image-title{font-family:var(--font-plus-jakarta), sans-serif;color:#fff;font-weight:700;line-height:1.3}.no-image-sub{font-family:var(--font-inter), sans-serif;color:#fff;background:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.movie-card-overlay{opacity:0;z-index:1;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,transform .4s;display:flex;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.movie-card:hover .movie-card-overlay{opacity:1;transform:scale(1.1)}.movie-card:hover .movie-card-image,.movie-card:hover .movie-card-no-image{transform:scale(1.1)}}.view-details-btn{background-color:var(--primary);color:#fff;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:700}.movie-card-info{background-color:var(--background);flex-direction:column;flex-grow:1;padding:12px 0;display:flex}.movie-card-title{font-family:var(--font-inter), sans-serif;color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:15px;font-weight:600;overflow:hidden}.movie-card-meta{font-family:var(--font-inter), sans-serif;color:var(--on-surface-variant);align-items:center;gap:8px;font-size:12px;display:flex}.movie-card-rating{color:var(--primary);font-weight:600}.movie-card-separator{color:#555}.movie-card-type{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:10px}