/**
 * CoreV2 — Mobil scroll + paket fiyat + sunucu görsel düzeltmeleri
 * touch-action: pan-x dikey kaydırmayı engelliyordu — pan-x pan-y ile düzeltildi
 */
@media (max-width: 991px) {
    html,
    body {
        touch-action: pan-y pinch-zoom;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: auto;
    }

    /* Yatay carousel — dikey sayfa kaydırması da çalışsın */
    .vertical--packs,
    .packs-cards-track,
    .ws-product-carousel,
    .coreservercart-slider-wrapper {
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain;
    }

    /* Paket fiyat — dar ekranda kırılma */
    .vertical--packs .pack .pack-detail .price-row {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 6px 8px !important;
        row-gap: 4px !important;
    }
    .vertical--packs .pack .pack-detail .price-main {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .vertical--packs .pack .pack-detail .current-price {
        flex-wrap: wrap !important;
        white-space: normal !important;
        word-break: break-word !important;
        max-width: 100% !important;
    }
    .vertical--packs .pack .pack-detail .current-price .amount {
        white-space: normal !important;
        word-break: break-word !important;
    }
    .vertical--packs .pack .pack-detail .price-compare {
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    /* Mobil header — aksiyon hizası */
    .CoreV2-mobile-header-top {
        min-width: 0 !important;
    }
    .CoreV2-mobile-logo {
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .CoreV2-mobile-logo img {
        max-height: 40px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .CoreV2-mobile-actions {
        flex-shrink: 0 !important;
    }
}

/* Sunucu kartı — görsel alanı (pack-image-area benzeri) */
.coreservercart-server-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
}
.server-oval-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(100%, 140px);
    height: min(100%, 100px);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        rgba(var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 59, 130, 246)), 0.14) 0%,
        rgba(var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 59, 130, 246)), 0.04) 55%,
        transparent 72%
    );
    pointer-events: none;
    z-index: 0;
}
.coreservercart-server-image-container img {
    position: relative;
    z-index: 1;
}

@media (min-width: 1025px) {
    .coreservercart-card-front {
        align-items: stretch !important;
    }
    .coreservercart-server-middle {
        position: sticky !important;
        top: calc(var(--CoreV2-topbar-height, 45px) + var(--CoreV2-header-height, 80px) + 10px) !important;
        align-self: flex-start !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .coreservercart-server-right {
        margin-top: 0 !important;
        align-self: center !important;
    }
}