/**
 * Medya performans — CLS önleme, banner ve kart görselleri
 */
.full-banner-img,
.web-banner-section picture,
.web-banner-section img {
    display: block;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1152 / 360;
    object-fit: cover;
}

.news-card-image picture,
.news-card-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.pp-about-me-thumb picture,
.pp-about-me-thumb img {
    max-width: 100%;
    height: auto;
}

.the-reel-video {
    background-color: #050505;
    object-fit: cover;
}

body.reels-page .reel-item .video-wrapper {
    aspect-ratio: 9 / 16;
    max-height: 100dvh;
}

@media (max-width: 767px) {
    .full-banner-img,
    .web-banner-section picture,
    .web-banner-section img {
        aspect-ratio: 4 / 3;
    }
}