/**
 * CoreV2 — Tüm cihazlarda sığınma (mobil / tablet / laptop)
 * cv2-tablet-laptop.css sonrası yüklenir; tema paneli genişliği + güvenli kenar boşluğu.
 */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body,
#wrapper,
#main-wrapper,
.main-wrapper,
.rightcontent,
.page-wrapper {
    max-width: 100%;
    overflow-x: clip;
}

img,
video,
svg,
canvas,
iframe {
    max-width: 100%;
    height: auto;
}

/* ── Konteyner + bölüm şeritleri ── */
.CoreV2-container,
.CoreV2-topbar .CoreV2-container,
.musteripaneli-ana-duzen,
#CoreV2-sticky-ann-wrapper,
:is(
    .hosting-container,
    .genelbaslik-container,
    .modern-pricing-body,
    .pricing-container,
    .faq-container,
    .theme-services-container,
    .CoreV2info-container,
    .corevideoply-wrapper,
    .corebarst-container,
    .coresliders-grid,
    .CoreV2-campaign-countdown,
    #intro-section,
    .intro-slider,
    .tablopaketler,
    .hosting-nav-container,
    #main-domain-index,
    #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,
    .ws-main-wrapper,
    .ws-product-carousel-container,
    #faq-section,
    .corefooter-main-container,
    .coredomain-page-wrap,
    .dql-wrap,
    .coresepeteim-container,
    .co-shell,
    .ys-page-wrapper,
    .pronews-container
) {
    max-width: var(--cv2-container-fit, var(--CoreV2-container-width, 1360px)) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--cv2-gutter, clamp(12px, 2.5vw, 24px)) !important;
    padding-right: var(--cv2-gutter, clamp(12px, 2.5vw, 24px)) !important;
    box-sizing: border-box !important;
}

/* İç içe çift padding önleme */
.CoreV2-container .CoreV2-container,
#coremklcrts .cmk-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Paket kartları — sabit min-width taşmasını kır */
.pack-card-wrapper,
.vertical--packs .pack-card-wrapper {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.vertical--packs {
    max-width: 100% !important;
    overflow-x: clip !important;
}

/* Carousel paket şeridi — dar ekranda kart genişliği */
.packs-cards-panel--3v .packs-cards-track.carousel-enabled .pack-card-wrapper {
    width: min(280px, calc(100vw - 48px)) !important;
    max-width: min(280px, calc(100vw - 48px)) !important;
    min-width: min(240px, calc(100vw - 64px)) !important;
}

/* Yazılım / ürün carousel kartları */
.ws-carousel-inner .sw-card,
.ws-carousel-inner .ws-product-card,
.ws-product-card {
    min-width: min(260px, 78vw) !important;
    max-width: min(320px, 88vw) !important;
}

.coreyorumcrt {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Tablolar — yatay kaydırma */
table {
    max-width: 100%;
}

.sepethosting-table,
.sepetsoftware-table,
.sepetdomain-table,
.pricing-container,
.table-responsive,
.hosting-plans-table {
    display: block;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Mega menü — dar laptop */
@media (max-width: 1366px) {
    .megahedars-mega-menu-container {
        width: min(740px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
    }
}

/* Tablet yatay (mobil header ama geniş ekran) */
@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --cv2-gutter: clamp(14px, 3vw, 22px);
    }

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

    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        width: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
        flex: 0 0 calc((100% - 12px) / 2) !important;
    }

    .hosting-container {
        flex-direction: column !important;
        height: auto !important;
        max-height: none !important;
    }

    .hosting-container > .slider-main,
    .hosting-container > .grid-wrapper,
    .hosting-container > .intro--boxes {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ws-product-carousel-container {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        gap: 16px !important;
    }

    .ws-product-carousel {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .ws-carousel-inner {
        flex-wrap: nowrap !important;
    }

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

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

/* Küçük laptop — intro 3 sütun sıkışması */
@media (min-width: 992px) and (max-width: 1280px) {
    .hosting-container {
        gap: 14px !important;
    }

    .hosting-container > .grid-wrapper {
        flex: 0 1 min(340px, 30vw) !important;
        width: min(340px, 30vw) !important;
        max-width: 340px !important;
    }

    .hosting-container > .intro--boxes {
        flex: 0 1 min(300px, 26vw) !important;
        width: min(300px, 26vw) !important;
        max-width: 300px !important;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        min-width: 0 !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    :root {
        --cv2-gutter: clamp(12px, 4vw, 18px);
    }

    .vertical--packs .pack-card-wrapper,
    .pack-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .CoreV2info-grid,
    .hosting-plans,
    .product-grid,
    .pricing-grid,
    .footer-widgets,
    .footer-cols,
    .corefooter-widgets {
        grid-template-columns: 1fr !important;
    }

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

    .intro-slider,
    #intro-section,
    .introslider-container {
        padding-left: var(--cv2-gutter) !important;
        padding-right: var(--cv2-gutter) !important;
    }

    .domain-search-box,
    .coredomain-search-box,
    .dql-wrap form {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .domain-search-box input,
    .coredomain-search-box input,
    .domain-search-box button,
    .coredomain-search-box button {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Çok dar telefon */
@media (max-width: 380px) {
    :root {
        --cv2-gutter: 10px;
    }
}

/* Modüller — sabit genişlikli popup / modal */
@media (max-width: 1366px) {
    .core-popupmp,
    .core-popup2-banner,
    .iziModal,
    .modal-dialog {
        max-width: min(100%, calc(100vw - 24px)) !important;
    }
}

/* Sipariş adımları — tablet/laptop */
@media (max-width: 1366px) {
    .sepethosting-steps-container,
    .sepetsoftware-steps-container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .sepetsunucu-config-container {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
    }
}

/* Son katman — tema paneli sayfa genişliği ile tüm şeritler aynı hizada */
.hosting-container,
.genelbaslik-container,
.packs-slider-container,
.hosting-nav-container,
.tablopaketler,
#coremklcrts,
.coresss-wrapper,
.coreyorumcrt-section,
.ws-main-wrapper,
#faq-section,
#main-domain-index,
#main-service-standalone {
    max-width: var(--cv2-container-fit, var(--CoreV2-container-width, 1360px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--cv2-gutter, clamp(12px, 2.5vw, 24px)) !important;
    padding-right: var(--cv2-gutter, clamp(12px, 2.5vw, 24px)) !important;
    box-sizing: border-box !important;
}