/* Desktop side banners follow Itemci's tall edge placement without squeezing the hero. */
.hero-page-ad-row {
    display: block;
    width: min(1280px, calc(100% - 32px));
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

.hero-page-ad-center {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

/* Kenar reklamlar içeriğin dışında, başlığın hemen altında. Boşluk yetmezse gizlenir. */
@media (max-width: 1719px) {
    .ad-sidebar--hero-flank {
        display: none !important;
    }
}

@media (min-width: 1720px) {
    .ad-sidebar--hero-flank {
        display: flex !important;
        position: fixed !important;
        top: 196px !important;
        bottom: 84px !important;
        width: calc((100vw - 1440px) / 2 - 28px) !important;
        max-width: 230px !important;
        height: auto !important;
        z-index: 8 !important;
        transform: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .ad-sidebar--hero-flank.ad-sidebar-left {
        left: 12px !important;
        right: auto !important;
    }
    .ad-sidebar--hero-flank.ad-sidebar-right {
        right: 12px !important;
        left: auto !important;
    }
    .ad-sidebar--hero-flank .ad-unit,
    .ad-sidebar--hero-flank .ad-slot,
    .ad-sidebar--hero-flank .ad-slot-body,
    .ad-sidebar--hero-flank .ad-item,
    .ad-sidebar--hero-flank .ad-link,
    .ad-sidebar--hero-flank img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
        image-rendering: auto !important;
        border-radius: 16px !important;
    }
    .ad-sidebar--hero-flank .ad-slot-body,
    .ad-sidebar--hero-flank .ad-item {
        overflow: hidden;
    }
}