.card-media { position: relative; }
.ratio-16x9 { width: 100%; padding-top: 56.25%; }
.card-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-top-left-radius:inherit; border-top-right-radius:inherit; }
.skeleton { position:absolute; inset:0; background:linear-gradient(90deg,#eee,#f5f5f5,#eee); background-size:200% 100%; animation: shimmer 1.2s infinite linear; }
@keyframes shimmer { 0%{background-position:-200% 0;} 100%{background-position:200% 0;} }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-2.expanded { -webkit-line-clamp:unset; }