/* Auto-split from global-responsive — hosting */
@media (max-width: 991px) {
    .hosting-container {
        margin-top: 6px;
        padding: 0 8px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    /* Sticky kapatılınca boşluk bırakma */
    body.cv2-sticky-dismissed .hosting-container {
        padding-top: 0;
    }
    body.cv2-sticky-dismissed.cv2-sticky-no-transition .hosting-container {
        transition: none;
    }
    .hosting-container > .slider-main,
    .slider-main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 1 1 100%;
        box-sizing: border-box;
        padding: 16px 14px 18px;
        border-radius: 16px;
        margin: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient));
        height: auto;
    }
    .slider-main::after { display: none; }
    .slider--content,
    .slider-features-modern,
    .slider-controls { max-width: 100%; width: 100%; box-sizing: border-box; }
    .introslider-container {
        padding: 10px 12px;
        width: 100%;
        max-width: 100%;
    }
    .introslider-single-card {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: var(--cv2-radius-card, 16px);
    }
    .sc--tabs .item {
        font-size: 9px;
        height: 28px;
    }
    .slider-title {
        font-size: clamp(1rem, 4.2vw, 1.25rem);
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.25;
    }
    /* slider-controls: butonların (slider-cta-row) hemen altında, sıfır boşlukla */
    .slider-controls {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        padding: 8px 0 0;
        box-sizing: border-box;
        flex-shrink: 0;
        order: 10;
    }
    /* slider-left-foot alt boşluğunu sıfırla — slider-controls hemen alttan gelsin */
    .slider-left-foot {
        padding-bottom: 0;
    }
    /* Özellik kutuları daha kompakt */
    .slider-features-modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
        margin: 10px 0 0;
    }
    .feature-card-modern {
        padding: 7px 8px;
        gap: 6px;
    }
    .feature-icon-modern {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
    }
    .feature-icon-modern svg,
    .feature-icon-modern i {
        width: 15px;
        height: 15px;
        font-size: 14px;
    }
    .feature-title-modern {
        font-size: 12px;
        line-height: 1.25;
    }
    .feature-desc-modern {
        font-size: 10px;
        line-height: 1.3;
    }
    /* slider--content overflow gizleme kaldır, controls görünsün */
    .slider--content {
        overflow: visible;
        flex: 1 1 auto;
    }
    .slider-nav-row {
        width: 100%;
        justify-content: center;
        gap: 6px;
    }
    .slider-progress-wrapper {
        flex: 1 1 0;
        min-width: 0;
        width: 100%;
        max-width: none;
    }
    .slider-progress-wrapper .sc-timer-progress {
        width: 100%;
    }
    .sc--tabs-viewport {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        margin: 0;
        padding: 0;
    }
    .sc--tabs {
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        padding: 0 0 4px;
        margin: 4px 0 0;
        overflow-x: auto;
        overflow-y: visible;
        flex-wrap: nowrap;
    }
    .sc--tabs .item {
        flex-shrink: 0;
    }
    .slider-cta-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        max-width: 100%;
        margin: 12px 0 0;
        padding: 0;
        gap: 10px;
        box-sizing: border-box;
    }
    .slider-cta-row .feature-cta-modern {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 100%;
        min-width: 0;
        padding: 9px 10px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
        text-align: center;
        box-sizing: border-box;
        border-radius: 50px;
        gap: 6px;
        margin-top: 0;
        outline: none;
    }
    .slider-cta-row .feature-cta-modern svg {
        flex-shrink: 0;
        width: 15px;
        height: 15px;
    }
    .slider-description { font-size: 12px; }
}

@media (max-width: 1300px) {
    .hosting-container {
        flex-direction: column;
        gap: 20px;
        height: auto;
        max-height: none;
    }
    .hosting-container > .slider-main {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: auto;
    }
    .hosting-container > .grid-wrapper {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: auto;
    }
}

@media (max-width: 991px) {
  body .hosting-container, body#home .hosting-container {
    padding-left: 8px;
    padding-right: 8px;
  }
  body .hosting-container > .slider-main,
  body .slider-main,
  body#home .slider-main {
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
    margin: 0;
    padding: 16px 14px 18px;
    border-radius: 16px;
    background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient));
    box-sizing: border-box;
  }
  body .slider-left, body#home .slider-left {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}