/*
 * SunucuRadar mobil sponsor vitrini yan reklam kanalları.
 *
 * Sponsor vitrini takip eden sol ve sağ dikey reklamların
 * arasındaki kullanılabilir orta alana yerleşir.
 */

@media (max-width: 760px) {
    html body:has(.home-hero) .sr-home-ads {
        width: calc(100% - 116px) !important;
        max-width: calc(100% - 116px) !important;
        margin-top: -36px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-bottom: 12px !important;
    }

    html body:has(.home-hero) .sr-home-ad-heading {
        top: 8px !important;
        right: 8px !important;
        left: 8px !important;
    }

    html body:has(.home-hero) .sr-home-ad-heading span {
        font-size: 7px !important;
    }

    html body:has(.home-hero) .sr-home-ad-heading strong {
        font-size: 13px !important;
    }

    html body:has(.home-hero) .sr-ad-slider-stage {
        height: 126px !important;
        min-height: 126px !important;
        border-radius: 15px !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty {
        padding:
            34px
            7px
            8px !important;
        gap: 3px !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty > span {
        padding: 3px 5px !important;
        font-size: 7px !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty strong {
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty p,
    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty small {
        display: none !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty .sr-ad-open,
    html body:has(.home-hero)
    .sr-ad-copy .sr-ad-open {
        min-height: 28px !important;
        padding: 6px 8px !important;
        border-radius: 9px !important;
        font-size: 9px !important;
    }

    html body:has(.home-hero) .sr-ad-slider-controls {
        min-height: 27px !important;
        margin-top: 4px !important;
    }

    html body:has(.home-hero) .sr-ad-arrow {
        width: 24px !important;
        height: 24px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 420px) {
    html body:has(.home-hero) .sr-home-ads {
        width: calc(100% - 104px) !important;
        max-width: calc(100% - 104px) !important;
        margin-top: -32px !important;
    }

    html body:has(.home-hero) .sr-ad-slider-stage {
        height: 118px !important;
        min-height: 118px !important;
        border-radius: 14px !important;
    }

    html body:has(.home-hero)
    .sr-ad-slide .sr-ad-empty strong {
        font-size: 12px !important;
    }
}