/**
 * Orijinal sayfa yerleşimi — vh tuval + mutlak konumlar (masaüstü)
 * Mobil: mobile.css geçerli kalır
 */

@media (min-width: 992px) {
    .page-content {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
        margin: 0;
        min-height: 0;
        flex: none;
    }

    .containers {
        position: relative;
        display: block;
        max-width: 100vw;
        width: 100%;
        min-height: 0;
        height: auto;
        overflow: visible;
        padding: 0;
        background: transparent;
        justify-content: flex-start;
        align-items: stretch;
    }

    .containers:has(.hero-slider) {
        min-height: 500vh;
    }

    /* Üst menü — sol sidebar alanını kaplamasın */
    .side-nav {
        z-index: 40 !important;
    }

    .containers .top-nav,
    .top-nav {
        position: fixed !important;
        top: 0 !important;
        left: 108px !important;
        right: 12px !important;
        width: auto !important;
        max-width: calc(100vw - 120px) !important;
        z-index: 35 !important;
        margin: 0 !important;
        margin-left: auto !important;
        justify-content: flex-end !important;
        box-sizing: border-box;
        transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.45s ease;
    }

    .top-nav .menu {
        margin-left: auto !important;
        justify-content: flex-end !important;
    }

    /* Sol menü açılınca navbar sağda kalır, üst üste binmez */
    .containers:has(.side-nav:hover) .top-nav,
    .containers:has(.side-nav.is-flyout-active) .top-nav {
        left: 366px !important;
        max-width: calc(100vw - 378px) !important;
    }

    .page-content {
        padding-left: 100px !important;
        box-sizing: border-box;
    }

    /* Hero metni — sidebar/nav altında kalmasın, sola taşmasın */
    .slidings .text-box {
        left: max(8%, 24px) !important;
        transform: none !important;
        width: min(58%, 760px) !important;
        top: clamp(100px, 18vh, 160px) !important;
    }

    /* Çözüm ortaklarımız — başlık (logo şeridinin üstünde, bindirme yok) */
    .middle8 {
        position: absolute !important;
        top: calc(180vh - 9rem) !important;
        left: 100px !important;
        right: 0 !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 20px !important;
        background: transparent !important;
        box-shadow: none !important;
        z-index: 7 !important;
        pointer-events: none;
        text-align: center;
    }

    /* Ortaklar logo şeridi — başlığın altında */
    .landing-page3.partner-marquee {
        position: absolute !important;
        top: calc(180vh + 1rem) !important;
        height: auto !important;
        min-height: 112px !important;
        z-index: 6 !important;
    }

    /* Çözümler — logo şeridinin altında */
    .service-wrapper {
        position: absolute !important;
        top: calc(180vh + 11.5rem) !important;
        right: 0 !important;
        left: 100px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: stretch !important;
        padding: 16px 20px 80px !important;
        background: transparent;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 7 !important;
    }

    .service-wrapper .solutions-section {
        width: 100%;
        max-width: min(1395px, calc(100vw - 120px)) !important;
    }

    /* Ürün listeleri: products-list.css (.page-content içinde akış) */

}