/*
 * Sunucular sayfası mobil reklam kanalları.
 *
 * Sol ve sağ dikey reklamlar için güvenli boşluk bırakır.
 * Sunucu kartları bu iki kanalın arasında kalır.
 */

@media (max-width: 760px) {
    html body:has(.server-market-shell)
    .server-market-shell {
        width: calc(100% - 108px) !important;
        max-width: calc(100% - 108px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    html body:has(.server-market-shell)
    .server-market-title h1 {
        font-size: 22px !important;
    }

    html body:has(.server-market-shell)
    .server-market-title p {
        font-size: 9px !important;
    }

    html body:has(.server-market-shell)
    .server-market-toolbar {
        padding: 7px !important;
    }

    html body:has(.server-market-shell)
    .market-filter {
        padding-right: 8px !important;
        padding-left: 8px !important;
        font-size: 9px !important;
    }

    html body:has(.server-market-shell)
    .market-search {
        height: 36px !important;
        min-height: 36px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 420px) {
    html body:has(.server-market-shell)
    .server-market-shell {
        width: calc(100% - 96px) !important;
        max-width: calc(100% - 96px) !important;
    }

    html body:has(.server-market-shell)
    .server-market-title h1 {
        font-size: 20px !important;
    }
}