/* ================================
   NOKTA - ANA SAYFA BANNER FIX
   ================================ */

.nk-hero-section {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    overflow: hidden;
}

    /* Template'in mavi eğimli arka planını kapatır */
    .nk-hero-section .mainslider__wrapper {
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

        .nk-hero-section .mainslider__wrapper:before {
            display: none !important;
            content: none !important;
        }

    /* Slider ana ölçüsü */
    .nk-hero-section .mainslider {
        width: 100% !important;
        height: clamp(360px, 40.8vw, 750px) !important;
        max-height: 750px !important;
        min-height: 360px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    /* Swiper iç alan */
    .nk-hero-section .swiper-wrapper,
    .nk-hero-section .swiper-slide {
        height: 100% !important;
    }

    .nk-hero-section .swiper-slide {
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    /* Görsel alanı */
    .nk-hero-section .mainslider__imgbg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
    }

    .nk-hero-section .slide-inner,
    .nk-hero-section .slide-inner picture {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

        /* Banner görseli tam otursun */
        .nk-hero-section .slide-inner img {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            object-fit: cover !important;
            object-position: center center !important;
        }

    /* Görselin içinde yazı olduğu için eski HTML overlay alanını kapatıyoruz */
    .nk-hero-section .mainslider__holder,
    .nk-hero-section .nk-hero-holder,
    .nk-hero-section .nk-hero-content {
        display: none !important;
    }

    /* Slider okları daha temiz dursun */
    .nk-hero-section .mainslider__button {
        width: 48px !important;
        height: 48px !important;
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: rgba(255, 255, 255, 0.88) !important;
        color: #0c4c93 !important;
        border-radius: 50% !important;
        font-size: 24px !important;
        z-index: 20 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .nk-hero-section .mainslider__button-prev {
        left: 24px !important;
        right: auto !important;
    }

    .nk-hero-section .mainslider__button-next {
        right: 24px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        filter: none !important;
    }

    .nk-hero-section .mainslider__button:before,
    .nk-hero-section .mainslider__button:after {
        display: none !important;
    }

/* Mobil */
@media (max-width: 767.98px) {
    .nk-hero-section .mainslider {
        height: clamp(300px, 40.6vw, 416px) !important;
        min-height: 300px !important;
    }

    .nk-hero-section .mainslider__button {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }

    .nk-hero-section .mainslider__button-prev {
        left: 12px !important;
    }

    .nk-hero-section .mainslider__button-next {
        right: 12px !important;
    }
}