.gulsaray-new-hero{
        --gs-wine:#57002f;
        --gs-wine-dark:#2d0018;
        --gs-wine-light:#7b0b49;
        --gs-gold:#c3a044;
        --gs-gold-light:#e2ca80;
        --gs-cream:#faf7f0;
        --gs-ink:#1c1720;

        position:relative;
        min-height:760px;
        overflow:hidden;
        background:var(--gs-cream);
        isolation:isolate;
    }

    
    .gulsaray-new-hero__slides{
        position:relative;
        height:680px;
        overflow:hidden;
    }


    /* =========================================================
    SLIDE
    ========================================================= */
    .gulsaray-new-slide{
        position:absolute;
        inset:0;
        z-index:0;
        opacity:0;
        visibility:hidden;
        transition:
            opacity .9s ease,
            visibility .9s ease;
    }

    .gulsaray-new-slide.is-active{
        z-index:1;
        opacity:1;
        visibility:visible;
    }

    .gulsaray-new-slide__image,
    .gulsaray-new-slide__fallback{
        position:absolute;

        /*
        |--------------------------------------------------------------------------
        | TXT DOSYASINDAKİ REVOLUTION SLIDER PANZOOM MANTIĞI
        |--------------------------------------------------------------------------
        | d:20000ms; ss:108%; se:100; os:120px/20px;
        |
        | - 20 saniye sürer
        | - %108 zoom ile başlar
        | - X:120px / Y:20px offset ile başlar
        | - yavaşça merkeze gelir
        | - %100 ölçeğe döner
        |--------------------------------------------------------------------------
        */

        /*
        | Kenarda boşluk oluşmaması için ufak taşma payı.
        | Zoom miktarı TXT'dekiyle aynı: sadece %108.
        */
        inset:-45px;

        background-size:cover;
        background-position:center center;

        transform-origin:center center;
        will-change:transform;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
    }

    .gulsaray-new-slide.is-active .gulsaray-new-slide__image{
        animation:gulsarayOriginalPanZoom 20000ms linear forwards;
    }

    @keyframes gulsarayOriginalPanZoom{
        0%{
            transform:translate3d(120px,20px,0) scale(1.08);
        }

        100%{
            transform:translate3d(0,0,0) scale(1);
        }
    }

    .gulsaray-new-slide__fallback{
        background:
            radial-gradient(circle at 75% 30%, rgba(195,160,68,.24), transparent 30%),
            linear-gradient(135deg,#2a0017,#650038);
    }


    /* =========================================================
    ATMOSFER / OVERLAY
    ========================================================= */
    .gulsaray-new-slide__shade{
        position:absolute;
        inset:0;

        /*
        |--------------------------------------------------------------------------
        | AYDINLATILMIŞ SLIDER OVERLAY
        |--------------------------------------------------------------------------
        | Eski değerler görselin tamamını fazla karartıyordu.
        | Solda yazının okunması için hafif bordo gölge korunuyor,
        | orta ve sağ tarafta ise fotoğrafın gerçek renkleri çok daha fazla görünür.
        |--------------------------------------------------------------------------
        */
        background:
            linear-gradient(
                90deg,
                rgba(23,0,13,.52) 0%,
                rgba(35,0,19,.38) 28%,
                rgba(35,0,19,.10) 57%,
                rgba(22,0,12,.03) 100%
            ),
            linear-gradient(
                0deg,
                rgba(24,0,13,.18) 0%,
                transparent 42%
            );
    }

    .gulsaray-new-slide__ornament{
        position:absolute;
        left:-110px;
        top:80px;
        width:430px;
        height:430px;
        opacity:.08;
        border:1px solid var(--gs-gold);
        border-radius:50%;
        box-shadow:
            0 0 0 45px rgba(195,160,68,.4),
            0 0 0 90px rgba(195,160,68,.25);
    }


    /* =========================================================
    İÇERİK
    ========================================================= */
    .gulsaray-new-slide__container{
        position:relative;
        z-index:2;
        height:100%;
        display:flex;
        align-items:center;

        /*
        |--------------------------------------------------------------------------
        | Oklar için güvenli alan
        |--------------------------------------------------------------------------
        | Sol/sağ okların metnin üstüne binmesini engeller.
        | Ekran büyüdükçe içerik hafifçe içeri alınır.
        */
        padding-left:clamp(95px, 7vw, 125px);
        padding-right:clamp(95px, 7vw, 125px);
        box-sizing:border-box;
    }

    .gulsaray-new-slide__content{
        width:min(610px, 100%);
        max-width:610px;
        margin-top:-15px;
        color:#fff;
    }

    .gulsaray-new-slide__eyebrow{
        display:block;
        margin-bottom:14px;
        color:var(--gs-gold-light);
        font-family:Poppins,sans-serif;
        font-size:12px;
        line-height:1.3;
        font-weight:700;
        letter-spacing:3.3px;
    }

    .gulsaray-new-slide__line{
        width:65px;
        height:3px;
        margin-bottom:23px;
        border-radius:10px;
        background:linear-gradient(
            90deg,
            var(--gs-gold),
            var(--gs-gold-light)
        );
    }

    .gulsaray-new-slide__title{
        margin:0;
        max-width:610px;
        color:#fff;
        font-family:Poppins,sans-serif;
        font-size:clamp(38px, 3vw, 46px);
        line-height:1.18;
        font-weight:700;
        letter-spacing:-1.2px;
        text-shadow:0 5px 25px rgba(0,0,0,.35);

        opacity:0;
        transform:translateY(34px);
        transition:
            opacity .7s ease .25s,
            transform .7s ease .25s;
    }

    .gulsaray-new-slide.is-active .gulsaray-new-slide__title{
        opacity:1;
        transform:translateY(0);
    }

    .gulsaray-new-slide__description{
        max-width:540px;
        margin:20px 0 0;
        color:rgba(255,255,255,.82);
        font-family:Poppins,sans-serif;
        font-size:17px;
        line-height:1.75;
        font-weight:400;

        opacity:0;
        transform:translateY(25px);
        transition:
            opacity .7s ease .45s,
            transform .7s ease .45s;
    }

    .gulsaray-new-slide.is-active .gulsaray-new-slide__description{
        opacity:1;
        transform:translateY(0);
    }


    /* =========================================================
    BUTON
    ========================================================= */
    .gulsaray-new-slide__button{
        display:inline-flex;
        align-items:center;
        gap:20px;
        margin-top:31px;
        padding:16px 27px;
        border:1px solid rgba(226,202,128,.65);
        border-radius:30px;
        background:rgba(87,0,47,.90);
        box-shadow:0 12px 35px rgba(0,0,0,.20);
        color:#fff!important;
        font-family:Poppins,sans-serif;
        font-size:13px;
        line-height:1;
        font-weight:700;
        letter-spacing:.7px;
        text-transform:uppercase;
        text-decoration:none!important;

        opacity:0;
        transform:translateY(22px);
        transition:
            opacity .7s ease .65s,
            transform .7s ease .65s,
            background .25s ease,
            border-color .25s ease;
    }

    .gulsaray-new-slide.is-active .gulsaray-new-slide__button{
        opacity:1;
        transform:translateY(0);
    }

    .gulsaray-new-slide__button:hover{
        background:var(--gs-gold);
        border-color:var(--gs-gold);
        color:#310019!important;
    }

    .gulsaray-new-slide__button-icon{
        font-size:19px;
        line-height:1;
        transition:transform .25s ease;
    }

    .gulsaray-new-slide__button:hover .gulsaray-new-slide__button-icon{
        transform:translateX(5px);
    }


    /* =========================================================
    OKLAR
    ========================================================= */
    .gulsaray-new-arrow{
        position:absolute;
        top:50%;
        z-index:8;
        width:54px;
        height:54px;
        margin-top:-62px;
        padding:0;
        border:1px solid rgba(255,255,255,.30);
        border-radius:50%;
        background:rgba(45,0,24,.56);
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px);
        box-shadow:0 8px 25px rgba(0,0,0,.18);
        color:#fff;
        cursor:pointer;
        transition:
            background .25s ease,
            transform .25s ease,
            border-color .25s ease;
    }

    .gulsaray-new-arrow span{
        display:block;
        margin-top:-4px;
        font-family:Arial,sans-serif;
        font-size:38px;
        line-height:50px;
        font-weight:300;
    }

    .gulsaray-new-arrow:hover{
        background:var(--gs-wine);
        border-color:rgba(255,255,255,.65);
        transform:scale(1.07);
    }

    .gulsaray-new-arrow--prev{
        left:30px;
    }

    .gulsaray-new-arrow--next{
        right:30px;
    }


    /* =========================================================
    SAYFA GÖSTERGESİ
    ========================================================= */
    .gulsaray-new-navigation{
        position:absolute;
        right:max(30px, calc((100% - 1180px) / 2));
        bottom:150px;
        z-index:8;
        display:flex;
        align-items:center;
        gap:22px;
        color:#fff;
    }

    .gulsaray-new-counter{
        display:flex;
        align-items:center;
        gap:9px;
        font-family:Poppins,sans-serif;
        font-size:12px;
        font-weight:600;
        letter-spacing:1px;
    }

    .gulsaray-new-counter__line{
        width:28px;
        height:1px;
        background:rgba(255,255,255,.55);
    }

    .gulsaray-new-dots{
        display:flex;
        align-items:center;
        gap:7px;
    }

    .gulsaray-new-dot{
        width:7px;
        height:7px;
        padding:0;
        border:0;
        border-radius:10px;
        background:rgba(255,255,255,.45);
        cursor:pointer;
        transition:
            width .25s ease,
            background .25s ease;
    }

    .gulsaray-new-dot.is-active{
        width:25px;
        background:var(--gs-gold);
    }


    /* =========================================================
    ALT KIVRIM
    Tek bir dev oval ile çok yumuşak geçiş
    ========================================================= */
    .gulsaray-new-hero__curve{
        position:absolute;
        left:50%;
        bottom:-70px;
        z-index:3;
        width:125%;
        height:205px;
        transform:translateX(-50%);
        border-radius:50% 50% 0 0 / 100% 100% 0 0;
        background:var(--gs-cream);
        pointer-events:none;
    }


    /* =========================================================
    ALT KATEGORİ KARTLARI
    ========================================================= */
    .gulsaray-new-services{
        position:absolute;
        left:0;
        right:0;
        bottom:18px;
        z-index:6;
    }

    .gulsaray-new-services__grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:18px;
    }

    .gulsaray-new-service{
        position:relative;
        display:flex;
        align-items:center;
        gap:16px;
        min-height:112px;
        padding:20px 20px;
        overflow:hidden;
        border:1px solid rgba(87,0,47,.08);
        border-radius:22px;
        background:rgba(255,255,255,.97);
        box-shadow:0 16px 42px rgba(43,15,28,.13);
        color:var(--gs-ink)!important;
        text-decoration:none!important;
        transition:
            transform .3s ease,
            box-shadow .3s ease,
            border-color .3s ease;
    }

    .gulsaray-new-service::before{
        content:"";
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        width:4px;
        background:linear-gradient(
            180deg,
            var(--gs-gold),
            var(--gs-wine)
        );
        transform:scaleY(0);
        transform-origin:bottom;
        transition:transform .3s ease;
    }

    .gulsaray-new-service:hover{
        transform:translateY(-8px);
        border-color:rgba(195,160,68,.42);
        box-shadow:0 24px 54px rgba(43,15,28,.19);
    }

    .gulsaray-new-service:hover::before{
        transform:scaleY(1);
    }

    .gulsaray-new-service--featured{
        background:
            radial-gradient(circle at 100% 0%,rgba(195,160,68,.15),transparent 34%),
            linear-gradient(135deg,#650037,#3d0021);
        color:#fff!important;
        border-color:rgba(255,255,255,.08);
    }

    .gulsaray-new-service__icon{
        width:60px;
        height:60px;
        min-width:60px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:18px;
        background:#f3e9ee;
        color:var(--gs-wine);
        font-size:25px;
        transition:
            transform .3s ease,
            background .3s ease;
    }

    .gulsaray-new-service--featured .gulsaray-new-service__icon{
        background:rgba(255,255,255,.12);
        color:#fff;
    }

    .gulsaray-new-service:hover .gulsaray-new-service__icon{
        transform:translateY(-2px) scale(1.06);
    }

    .gulsaray-new-service__body{
        display:block;
        min-width:0;
        flex:1;
    }

    .gulsaray-new-service__small{
        display:block;
        margin-bottom:2px;
        color:var(--gs-gold);
        font-family:Poppins,sans-serif;
        font-size:9px;
        line-height:1.3;
        font-weight:700;
        letter-spacing:1.4px;
    }

    .gulsaray-new-service__title{
        display:block;
        margin-bottom:4px;
        font-family:Poppins,sans-serif;
        font-size:20px;
        line-height:1.25;
        font-weight:700;
        color:inherit;
    }

    .gulsaray-new-service__text{
        display:block;
        color:inherit;
        opacity:.63;
        font-family:Poppins,sans-serif;
        font-size:12px;
        line-height:1.5;
    }

    .gulsaray-new-service--featured .gulsaray-new-service__text{
        opacity:.72;
    }

    .gulsaray-new-service__arrow{
        min-width:28px;
        color:var(--gs-wine);
        font-size:23px;
        transition:transform .25s ease;
    }

    .gulsaray-new-service--featured .gulsaray-new-service__arrow{
        color:var(--gs-gold-light);
    }

    .gulsaray-new-service:hover .gulsaray-new-service__arrow{
        transform:translateX(5px);
    }


    /* =========================================================
    TABLET
    ========================================================= */
    @media(max-width:1024px){

        .gulsaray-new-hero{
            min-height:690px;
        }

        .gulsaray-new-hero__slides{
            height:610px;
        }

        .gulsaray-new-slide__container{
            padding-left:88px;
            padding-right:88px;
        }

        .gulsaray-new-slide__content{
            width:min(540px,100%);
            padding-left:0;
        }

        .gulsaray-new-slide__title{
            font-size:37px;
        }

        .gulsaray-new-slide__description{
            font-size:15px;
        }

        .gulsaray-new-navigation{
            bottom:137px;
        }

        .gulsaray-new-services__grid{
            gap:12px;
        }

        .gulsaray-new-service{
            min-height:104px;
            padding:17px 15px;
        }

        .gulsaray-new-service__icon{
            width:52px;
            height:52px;
            min-width:52px;
            font-size:22px;
        }

        .gulsaray-new-service__title{
            font-size:17px;
        }

        .gulsaray-new-service__text{
            font-size:11px;
        }
    }


    /* =========================================================
    MOBİL
    ========================================================= */
    @media(max-width:767px){

        .gulsaray-new-hero{
            min-height:auto;
            overflow:hidden;
        }

        .gulsaray-new-hero__slides{
            height:510px;
        }

        /*
        |--------------------------------------------------------------------------
        | MOBİL SLIDER GÖRSEL HAREKETİ
        |--------------------------------------------------------------------------
        | Masaüstündeki 120px yatay kayma 430px gibi dar ekranlarda fazla
        | agresif kaldığı için görsel kadrajın dışına taşıyormuş gibi görünüyordu.
        | Mobilde yatay/dikey pan kaldırıldı; sadece çok hafif sinematik zoom var.
        */
        .gulsaray-new-slide__image,
        .gulsaray-new-slide__fallback{
            inset:-18px;
            background-position:center center;
            transform-origin:center center;
        }

        .gulsaray-new-slide.is-active .gulsaray-new-slide__image{
            animation:gulsarayMobileZoom 20000ms linear forwards;
        }

        @keyframes gulsarayMobileZoom{
            0%{
                transform:translate3d(0,0,0) scale(1.04);
            }

            100%{
                transform:translate3d(0,0,0) scale(1);
            }
        }

        .gulsaray-new-slide__shade{
            /*
            | Mobilde metin görselin üzerinde olduğu için masaüstünden
            | biraz daha belirgin gölge bırakıyoruz; yine de eski halden
            | bariz şekilde daha aydınlık.
            */
            background:
                linear-gradient(
                    90deg,
                    rgba(27,0,15,.52),
                    rgba(27,0,15,.24)
                ),
                linear-gradient(
                    0deg,
                    rgba(24,0,13,.28),
                    transparent 48%
                );
        }

        .gulsaray-new-slide__container{
            align-items:flex-end;
            padding:0 0 88px;
        }

        .gulsaray-new-slide__content{
            width:100%;
            margin:0;
            padding:0 54px 0 24px;
        }

        .gulsaray-new-slide__eyebrow{
            font-size:9px;
            letter-spacing:2px;
        }

        .gulsaray-new-slide__line{
            width:45px;
            margin-bottom:17px;
        }

        .gulsaray-new-slide__title{
            font-size:16px;
            line-height:1.15;
            letter-spacing:-.25px;
            max-width:235px;
        }

        .gulsaray-new-slide__description{
            margin-top:12px;
            font-size:13px;
            line-height:1.6;
        }

        .gulsaray-new-slide__button{
            margin-left: 35px;
            margin-top:19px;
            padding:13px 21px;
            font-size:11px;
        }

        .gulsaray-new-arrow{
            top:48%;
            width:42px;
            height:42px;
            margin-top:0;
        }

        .gulsaray-new-arrow span{
            font-size:31px;
            line-height:38px;
        }

        .gulsaray-new-arrow--prev{
            left:9px;
        }

        .gulsaray-new-arrow--next{
            right:9px;
        }

        .gulsaray-new-navigation{
            right:20px;
            bottom:27px;
        }

        .gulsaray-new-counter{
            display:none;
        }

        .gulsaray-new-hero__curve{
            bottom:-55px;
            width:155%;
            height:130px;
        }

        .gulsaray-new-services{
            position:relative;
            bottom:auto;
            padding:14px 14px 26px;
            background:var(--gs-cream);
        }

        .gulsaray-new-services__grid{
            grid-template-columns:1fr;
            gap:10px;
        }

        .gulsaray-new-service{
            min-height:88px;
            border-radius:17px;
            padding:14px 15px;
        }

        .gulsaray-new-service__icon{
            width:49px;
            height:49px;
            min-width:49px;
            border-radius:15px;
            font-size:21px;
        }

        .gulsaray-new-service__small{
            font-size:8px;
        }

        .gulsaray-new-service__title{
            margin-bottom:1px;
            font-size:16px;
        }

        .gulsaray-new-service__text{
            font-size:10px;
        }

    }


    @media(max-width:390px){
        .gulsaray-new-slide__title{
            font-size:15px;
            line-height:1.14;
            max-width:220px;
        }
    }


    /* =========================================================
    HAREKET AZALTMA TERCİHİ
    ========================================================= */
    @media(prefers-reduced-motion:reduce){

        .gulsaray-new-slide,
        .gulsaray-new-slide__image,
        .gulsaray-new-slide__title,
        .gulsaray-new-slide__description,
        .gulsaray-new-slide__button{
            transition:none!important;
        }

    }


    /* =========================================================
   SLIDER ALT KARTLARI - DAHA AŞAĞI + DAHA KOMPAKT
========================================================= */

@media (min-width: 1025px) {

    .gulsaray-new-services {
        bottom: -4px;
    }

    .gulsaray-new-services__grid {
        gap: 10px;
    }

    .gulsaray-new-service {
        min-height: 96px;
        padding: 15px 18px;
        gap: 14px;
        border-radius: 20px;
        
    }

    .gulsaray-new-service__icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        font-size: 22px;
    }

    .gulsaray-new-service__small {
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .gulsaray-new-service__title {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .gulsaray-new-service__text {
        font-size: 11px;
    }

    .gulsaray-new-service__arrow {
        font-size: 20px;
    }

     .gulsaray-new-hero {
        min-height: 790px;
    }

    /* Kart tamamen slider alanının içinde kalsın */
    .gulsaray-new-services {
        bottom: 12px;
    }

    /* Kartları kompakt tut */
    .gulsaray-new-service {
        min-height: 96px;
        padding: 15px 18px;

        border: 1px solid rgba(87, 0, 47, 0.12);
        border-radius: 20px;
    }
  


}