/*
 * SunucuRadar mobil dikey reklam dönüşümü.
 *
 * Masaüstündeki sol ve sağ 190x620 slotlar korunur.
 * Telefonda aynı slotlar kısa yatay kart olarak gösterilir.
 */

.sr-ad-mobile-card {
    display: none;
}

@media (max-width: 760px) {
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card {
        position: relative;
        z-index: 26;
        width: calc(100% - 20px);
        height: 92px;
        margin: 10px auto;
        overflow: hidden;
        display: block;
        border: 1px solid rgba(34, 197, 94, .22);
        border-radius: 17px;
        background:
            linear-gradient(
                135deg,
                rgba(4, 34, 25, .82),
                rgba(3, 8, 20, .96)
            );
        box-shadow:
            0 14px 42px rgba(0, 0, 0, .25),
            inset 0 1px 0 rgba(255, 255, 255, .035);
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card-left {
        margin-top: -12px;
        margin-bottom: 12px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card-right {
        margin-top: 8px;
        margin-bottom: 14px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-live {
        height: 100%;
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: stretch;
        background: transparent;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-mobile-media {
        width: 92px;
        height: 92px;
        display: block;
        object-fit: cover;
        object-position: center;
        background: #020617;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy {
        position: static;
        min-width: 0;
        height: 92px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-content: center;
        align-items: center;
        gap: 3px 10px;
        padding: 11px 12px;
        background:
            linear-gradient(
                90deg,
                rgba(2, 6, 23, .15),
                rgba(2, 6, 23, .68)
            );
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy .sr-ad-label {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        padding: 3px 7px;
        font-size: 8px;
        letter-spacing: .08em;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy strong {
        grid-column: 1;
        grid-row: 2;
        min-width: 0;
        overflow: hidden;
        color: #f8fafc;
        font-size: 14px;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy p {
        display: none;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy .sr-ad-open {
        grid-column: 2;
        grid-row: 1 / 3;
        min-height: 34px;
        padding: 8px 10px;
        border-radius: 10px;
        font-size: 11px;
        white-space: nowrap;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty {
        height: 92px;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center;
        gap: 2px 9px;
        padding: 10px 12px;
        text-align: left;
        background:
            repeating-linear-gradient(
                135deg,
                rgba(34, 197, 94, .025) 0 10px,
                transparent 10px 20px
            ),
            linear-gradient(
                135deg,
                rgba(5, 46, 34, .30),
                rgba(2, 6, 23, .60)
            );
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty::before {
        content: "SR";
        grid-column: 1;
        grid-row: 1 / 3;
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border-radius: 14px;
        color: #04130a;
        font-size: 15px;
        font-weight: 1000;
        background:
            linear-gradient(
                135deg,
                #4ade80,
                #15803d
            );
        box-shadow:
            0 0 22px rgba(34, 197, 94, .22);
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty .sr-ad-label {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        padding: 3px 7px;
        font-size: 8px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty strong {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty p,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty small {
        display: none;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty .sr-ad-buy {
        grid-column: 3;
        grid-row: 1 / 3;
        min-height: 34px;
        padding: 8px 10px;
        border-radius: 10px;
        font-size: 11px;
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card {
        width: calc(100% - 16px);
        height: 84px;
        border-radius: 15px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-live {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-mobile-media {
        width: 82px;
        height: 84px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty {
        height: 84px;
        padding: 9px 10px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy strong,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty strong {
        font-size: 12px;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy .sr-ad-open,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty .sr-ad-buy {
        padding: 7px 8px;
        font-size: 10px;
    }
}

/* MOBILE_EDGE_VERTICAL_ADS_START */
/*
 * Mobil takip eden dikey reklamlar.
 *
 * Kapak ve sponsor vitrini bölgesinde ekranı takip eder.
 * Sponsor alanının altı geçilince gizlenir.
 */
@media (max-width: 760px) {
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card {
        position: fixed !important;
        top: 112px !important;
        bottom: auto !important;
        z-index: 42 !important;
        width: 44px !important;
        height: 250px !important;
        min-width: 44px !important;
        min-height: 250px !important;
        margin: 0 !important;
        display: block !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        border:
            1px solid rgba(74, 222, 128, .42) !important;
        border-radius: 14px !important;
        background:
            linear-gradient(
                180deg,
                rgba(5, 46, 34, .96),
                rgba(2, 6, 23, .98)
            ) !important;
        box-shadow:
            0 15px 36px rgba(0, 0, 0, .40),
            0 0 18px rgba(34, 197, 94, .12) !important;
        transform: none !important;
        transition:
            opacity .16s ease,
            visibility .16s ease !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card.is-following {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card-left {
        left: 5px !important;
        right: auto !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card-right {
        right: 5px !important;
        left: auto !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-live {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        overflow: hidden !important;
        border-radius: inherit !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-mobile-media {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 4px !important;
        background:
            linear-gradient(
                180deg,
                rgba(2, 6, 23, .62),
                transparent 38%,
                rgba(2, 6, 23, .90)
            ) !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy strong,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-copy p {
        display: none !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-label {
        padding: 3px 2px !important;
        border: 0 !important;
        background: rgba(2, 6, 23, .72) !important;
        font-size: 7px !important;
        line-height: 1 !important;
        letter-spacing: .04em !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-open,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card .sr-ad-buy {
        min-width: 29px !important;
        min-height: 62px !important;
        padding: 6px 3px !important;
        border-radius: 9px !important;
        font-size: 8px !important;
        line-height: 1 !important;
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 8px 4px !important;
        text-align: center !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty::before {
        content: "SR" !important;
        width: 30px !important;
        height: 30px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 9px !important;
        color: #04130a !important;
        font-size: 11px !important;
        font-weight: 1000 !important;
        background:
            linear-gradient(
                135deg,
                #4ade80,
                #15803d
            ) !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty strong,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty p,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card > .sr-ad-empty small {
        display: none !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card-left .sr-ad-label::after,
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page))
    .sr-ad-mobile-card-right .sr-ad-label::after {
        content: "" !important;
    }
}

@media (max-width: 420px) {
    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card {
        width: 40px !important;
        height: 230px !important;
        min-width: 40px !important;
        min-height: 230px !important;
        border-radius: 13px !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card-left {
        left: 4px !important;
    }

    :is(body:has(.home-hero), body:has(.server-market-shell), body:has(.sr-analyze-page), body:has(.afk-dashboard-page)) .sr-ad-mobile-card-right {
        right: 4px !important;
    }
}
/* MOBILE_EDGE_VERTICAL_ADS_END */