/**
 * CoreV2 — Tablet (992–1024) & Laptop (1025–1366)
 * Masaüstü ile mobil arasındaki boşluğu kapatır; tüm sayfalarda yüklenir.
 */

/* ── Ortak: yatay taşma ve yan boşluk ── */
@media (min-width: 992px) and (max-width: 1366px) {
    .ws-main-wrapper,
    #intro-section,
    .intro-slider,
    .tablopaketler,
    #main-service-standalone,
    .CoreV2paktsb-container,
    .logocarts,
    .logocarts-wrapper,
    #coremklcrts,
    #coremklcrts .cmk-container,
    .coresss-wrapper,
    .corenedenbiz-container,
    .coreyorumcrt-section,
    .cnb-section,
    .corerakmlar-section,
    .hakimizdaalani-container,
    #CoreV2rticle-section,
    .corevideoply-wrapper,
    .packs-slider-container,
    .hosting-nav-container {
        padding-left: clamp(16px, 2.5vw, 24px) !important;
        padding-right: clamp(16px, 2.5vw, 24px) !important;
        box-sizing: border-box !important;
    }

    .vertical--packs,
    .packs-slider-container .vertical--packs {
        overflow-x: visible !important;
    }

    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        min-width: 0 !important;
    }
}

/* ── Tablet: 992–1024 ── */
@media (min-width: 992px) and (max-width: 1024px) {
    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        width: calc((100% - 16px) / 2) !important;
        max-width: calc((100% - 16px) / 2) !important;
        flex: 0 0 calc((100% - 16px) / 2) !important;
    }

    .vertical--packs {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
        overflow-x: visible !important;
    }

    .hosting-plans,
    .product-grid,
    .pricing-grid,
    .CoreV2info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    /* Yazılım carousel — dar sütun yerine yatay kaydırma */
    .ws-product-carousel-container {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        gap: 18px !important;
        padding: 18px 16px !important;
        align-items: stretch !important;
    }

    .ws-carousel-header-area {
        width: 100% !important;
        text-align: center !important;
        padding: 0 8px !important;
    }

    .ws-carousel-wrapper,
    .ws-product-carousel {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ws-product-carousel {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: thin !important;
    }

    .ws-carousel-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        padding: 8px 4px 12px !important;
        gap: 14px !important;
        transition: none !important;
    }

    .ws-carousel-inner .sw-card,
    .ws-carousel-inner .ws-product-card,
    .ws-product-card {
        width: min(300px, 44vw) !important;
        min-width: 260px !important;
        max-width: 320px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
    }

    .ws-carousel-controls {
        display: none !important;
    }

    .ws-carousel-pagination {
        display: flex !important;
    }

    /* Video hero */
    .corevideoply-wrapper {
        width: calc(100% - 32px) !important;
        max-width: 100% !important;
    }

    .corevideoply-hero-section {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .corevideoply-btn-group {
        max-width: 100% !important;
    }

    .coreyorumcrt-alani {
        margin-top: 18px !important;
    }

    /* CMK kartları — tek sütun metin/görsel */
    #coremklcrts .cmk-card {
        flex-direction: column !important;
    }

    #coremklcrts .cmk-card.cmk-reverse {
        flex-direction: column !important;
    }

    #coremklcrts .cmk-text-area {
        padding: 1.5rem !important;
    }

    /* Paket şeridi */
    .CoreV2paktsb-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .CoreV2paktsb-hero {
        grid-column: 1 / -1 !important;
        min-height: 300px !important;
    }

    /* Başlıklar — tablet satır kırılması */
    .genelbaslik-ana-baslik,
    h1.genelbaslik-ana-baslik,
    h2.genelbaslik-ana-baslik {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    .corevideoply-title {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    .footer-widgets,
    .footer-cols,
    .corefooter-widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* ── Laptop: 1025–1366 ── */
@media (min-width: 1025px) and (max-width: 1366px) {
    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        width: calc((100% - 32px) / 3) !important;
        max-width: calc((100% - 32px) / 3) !important;
        flex: 0 0 calc((100% - 32px) / 3) !important;
    }

    .vertical--packs {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 14px !important;
    }

    .ws-product-carousel-container {
        grid-template-columns: minmax(200px, 220px) minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 20px 18px !important;
    }

    .ws-carousel-header-area {
        padding: 0 6px !important;
    }

    .ws-product-carousel {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
    }

    .ws-carousel-inner {
        gap: 18px !important;
        padding: 8px 2px 10px !important;
    }

    .ws-carousel-inner .sw-card,
    .ws-carousel-inner .ws-product-card,
    .ws-product-card {
        width: min(280px, 32vw) !important;
        min-width: 240px !important;
        max-width: 300px !important;
        flex: 0 0 auto !important;
    }

    .ws-carousel-controls {
        left: -12px !important;
        right: -12px !important;
    }

    .CoreV2paktsb-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    .CoreV2paktsb-hero {
        grid-column: 1 / -1 !important;
    }

    .corevideoply-wrapper {
        width: calc(100% - 40px) !important;
    }

    .hosting-plans,
    .product-grid,
    .pricing-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .CoreV2info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .genelbaslik-ana-baslik,
    h1.genelbaslik-ana-baslik,
    h2.genelbaslik-ana-baslik {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    :root {
        --gb-title-size: 28px;
        --gb-title-size-mobile: 22px;
    }
}

/* ── Orta laptop: header menü sıkışması (1181–1366 zaten main-head’de; 992–1180 destek) ── */
@media (min-width: 992px) and (max-width: 1180px) {
    .CoreV2-header-inner,
    .CoreV2-header-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }

    .CoreV2-logo img,
    .CoreV2-logo .logo-img {
        max-height: 38px !important;
        width: auto !important;
    }
}

/* Popup — tablet/laptop */
@media (min-width: 992px) and (max-width: 1366px) {
    .core-popupmp {
        max-width: min(540px, calc(100vw - 40px)) !important;
    }

    .core-popup2-banner {
        max-width: min(920px, calc(100vw - 32px)) !important;
    }
}

/* Domain / hosting tabloları */
@media (min-width: 992px) and (max-width: 1366px) {
    .sepethosting-table,
    .sepetsoftware-table,
    .sepetdomain-table,
    .pricing-container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 100% !important;
    }
}