/* Global style fallback for templates that reference /static/css/style.css. */

/* D-4 CLS prevention — aspect-ratio placeholders for images without explicit dimensions. */
img:not([width]):not([height]) {
    aspect-ratio: 2 / 3;
    max-width: 100%;
    height: auto;
    display: block;
}

/* Portrait poster containers (movie covers). */
.vod-pic img,
.thumb img,
[class*="thumbnail"] img,
[class*="poster"] img,
[class*="cover-img"] img {
    aspect-ratio: 2 / 3;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Landscape cover/banner/hero images. */
.cover img,
[class*="cover"] img,
[class*="banner"] img,
[class*="hero"] img,
[class*="screenshot"] img {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    object-fit: cover;
}