:root{
    /* === GRİ AĞIRLIKLI PREMIUM PALET === */
    --bg0:#F3F5F8;
    --bg1:#EEF1F5;
    --panel:#FFFFFF;
    --panel2:#F7F8FA;
    --stroke:#E3E7EE;
    --stroke2:#D7DDE7;

    --text:#0F172A;
    --muted:#475569;

    /* Lacivert sadece vurgu */
    --navy:#0B1220;
    --navy2:#121B2E;
    --accent:#1E3A8A;
    --accentSoft:#E6ECFF;
    --ok:#16A34A;

    --radius: 16px;
    --radius2: 22px;
    --shadow: 0 16px 45px rgba(15,23,42,.10);
    --shadow2: 0 10px 30px rgba(15,23,42,.08);
    --blur: blur(10px);

    /* “tam ekran olmasın, hafif boşluk” */
    --pagePad: clamp(10px, 2.2vw, 28px);
    --sectionInnerPad: clamp(14px, 2.0vw, 22px);
}

html,body{height:100%;}
body{
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--text);
    background:
            radial-gradient(900px 520px at 12% 0%, rgba(30,58,138,.06), transparent 60%),
            radial-gradient(900px 520px at 88% 10%, rgba(15,23,42,.05), transparent 60%),
            linear-gradient(180deg, var(--bg0), var(--bg1));
    overflow-x:hidden;
}

a{color:inherit; text-decoration:none;}
a:hover{color: var(--accent);}

/* sayfa genel genişliği: full hissi + iki yanda hafif boşluk */
.container-fluid-premium{
    width: 100%;
    padding-left: var(--pagePad);
    padding-right: var(--pagePad);
}

/* TOPBAR */
.topbar{
    padding: 10px 0;
    border-bottom: 1px solid var(--stroke);
    background: rgba(255,255,255,.72);
    backdrop-filter: var(--blur);
}
.pill{
    display:inline-flex; align-items:center; gap:10px;
    padding:8px 12px;
    border: 1px solid var(--stroke);
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    color: rgba(15,23,42,.88);
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 6px 18px rgba(15,23,42,.06);
    white-space: nowrap;
}
.pill i{color: var(--accent);}
.chip-btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid var(--stroke);
    background: rgba(255,255,255,.75);
    transition:.2s ease;
    color: rgba(15,23,42,.86);
    font-weight: 800;
    font-size: 13px;
    box-shadow: 0 6px 18px rgba(15,23,42,.06);
}
.chip-btn:hover{
    transform: translateY(-1px);
    border-color: var(--stroke2);
    background: rgba(255,255,255,.95);
}

/* NAVBAR: sayfadan 1 tık koyu gri */
.nav-wrap{
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(235, 239, 245, .92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(15,23,42,.10);
}
.navbar{padding: 14px 0;}
.brand{display:flex; align-items:center; gap:12px;}
.brand img{height: 42px;}

.navbar-toggler{
    border: 1px solid rgba(15,23,42,.15) !important;
    border-radius: 12px;
    padding: 8px 10px;
}

.nav-link{
    color: rgba(15,23,42,.86) !important;
    font-weight: 800;
    padding: 10px 12px !important;
    border-radius: 12px;
    transition: .18s ease;
    white-space: nowrap;
}
.nav-link:hover{
    background: rgba(15,23,42,.06);
    color: rgba(15,23,42,.96) !important;
}

/* CTA */
.nav-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding: 10px 14px;
    border-radius: 14px;
    font-weight: 900;
    color: #fff;
    background: rgba(15,23,42,.92);
    border: 1px solid rgba(15,23,42,.12);
    transition:.18s ease;
    text-decoration: none;
}
.nav-cta:hover{background: rgba(15,23,42,.98); transform: translateY(-1px); color:#fff;}
.nav-cta i{color: rgba(255,255,255,.92);}

/* DROPDOWN (gri tema) */
.dropdown-menu{
    background: rgba(255,255,255,.98) !important;
    border: 1px solid var(--stroke) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 10px;
}
.dropdown-item{
    color: rgba(15,23,42,.88) !important;
    font-weight: 800;
    border-radius: 12px;
    padding: 10px 12px;
}
.dropdown-item:hover{
    background: rgba(15,23,42,.06) !important;
    color: rgba(15,23,42,.98) !important;
}

/* HERO */
.hero{padding: 26px 0 0;}
.hero-grid{
    display:grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 20px;
    align-items: stretch; /* slider + form aynı yükseklik */
}
@media (max-width: 992px){ .hero-grid{grid-template-columns: 1fr;} }

.hero-slider{
    border-radius: var(--radius2);
    overflow:hidden;
    border: 1px solid var(--stroke);
    background: var(--panel);
    box-shadow: var(--shadow);
    height: 100%;            /* form yüksekliğine yetişsin */
    min-height: 560px;       /* desktopta güzel durur */
    position: relative;
}
@media (max-width: 992px){ .hero-slider{min-height: 520px;} }

.hero-slider .swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide{height: 100%;}

.hero-slider .swiper-slide{
    position: relative;
    display:flex;
    align-items:flex-end;
}
.hero-slide-bg{position:absolute; inset:0; background-size: cover; background-position:center; transform: scale(1.02);}
.hero-overlay{
    position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.62) 72%);
}

.hero-content{
    position: relative;
    padding: 26px;
    width: 100%;
    display:flex;
    align-items:flex-end;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.kicker{
    display:inline-flex; align-items:center; gap:10px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
    font-weight: 800;
    font-size: 13px;
    backdrop-filter: blur(8px);
}
.kicker .dot{
    width:8px; height:8px; border-radius:50%;
    background: var(--ok);
    box-shadow: 0 0 0 4px rgba(22,163,74,.18);
}
.hero-title{
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    font-size: clamp(30px, 3.0vw, 54px);
    line-height: 1.03;
    margin: 10px 0 10px;
    color: #fff;
    text-shadow: 0 14px 34px rgba(0,0,0,.28);
}
.hero-desc{
    color: rgba(255,255,255,.88);
    max-width: 66ch;
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 14px;
    text-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.hero-actions{display:flex; gap: 12px; flex-wrap: wrap;}
.btn-premium{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(255,255,255,.14);
    color: rgba(255,255,255,.95);
    font-weight: 900;
    transition:.22s ease;
    min-width: 170px;
    backdrop-filter: blur(8px);
}
.btn-premium:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.34);
    color:#fff;
}
.btn-primary-premium{
    background: rgba(30,58,138,.40);
    border-color: rgba(255,255,255,.22);
}
.btn-primary-premium i{color: #fff;}

.hero-stats{display:flex; gap:10px; flex-wrap: wrap; align-items:center;}
.stat{
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.26);
    background: rgba(255,255,255,.12);
    min-width: 160px;
    backdrop-filter: blur(8px);
}
.stat .label{color: rgba(255,255,255,.78); font-size: 12px; font-weight: 800;}
.stat .value{font-size: 16px; font-weight: 900; margin-top: 2px; color: #fff;}

/* HERO oklar */
.hero-arrow{
    position:absolute;
    top: 18px;
    z-index: 20;
    width: 44px; height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(15,23,42,.25);
    backdrop-filter: blur(8px);
    display:flex; align-items:center; justify-content:center;
    color: rgba(255,255,255,.92);
    transition:.18s ease;
    user-select:none;
    cursor:pointer;
}
.hero-arrow:hover{transform: translateY(-1px); background: rgba(15,23,42,.34);}
.hero-arrow:focus-visible{
    outline: 3px solid rgba(255,255,255,.9);
    outline-offset: 3px;
}
.hero-prev{left: 18px;}
.hero-next{left: 70px;}

/* HERO caption (resmin altında açıklama) */
.hero-caption{
    position:absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 18;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(15,23,42,.30);
    backdrop-filter: blur(8px);
    padding: 10px 12px;
    color: rgba(255,255,255,.90);
    font-weight: 900;
    font-size: 13px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
}
.hero-caption small{
    font-weight: 800;
    color: rgba(255,255,255,.78);
}

/* RIGHT CARD */
.side-card{
    border-radius: var(--radius2);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.88);
    box-shadow: var(--shadow);
    overflow:hidden;
    height: 100%;          /* slider ile eşit */
    display:flex;
    flex-direction: column;
}
.side-card .head{padding: 18px 18px 0;}
.side-card h3{
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin: 0 0 6px;
    color: var(--navy);
}
.side-card p{
    color: var(--muted);
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.55;
}
.side-card .body{padding: 14px 18px 18px; flex: 1;}
.side-card .foot{
    padding: 14px 18px 18px;
    border-top: 1px solid var(--stroke);
    background: var(--panel2);
}

.form-control-premium{
    background: #fff;
    border: 1px solid var(--stroke);
    color: var(--text);
    border-radius: 14px;
    padding: 12px 12px;
    box-shadow: none !important;
}
.form-control-premium::placeholder{color: #64748B;}
.form-control-premium:focus{
    border-color: rgba(30,58,138,.35);
    box-shadow: 0 0 0 4px rgba(30,58,138,.10) !important;
}

.trust{
    display:flex; gap: 10px; flex-wrap: wrap;
    color: rgba(15,23,42,.72);
    font-size: 12px;
    font-weight: 900;
}
.trust span{
    display:inline-flex; align-items:center; gap:8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: #fff;
}
.trust i{color: var(--accent);}

.subtle-line{
    height:1px;
    background: linear-gradient(90deg, transparent, var(--stroke2), transparent);
    margin: 18px 0;
}

/* SECTION */
.section{padding: 54px 0;}
.section-title{
    display:flex; align-items:flex-end; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 18px;
}
.section-title h2{
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    font-size: clamp(26px, 2.2vw, 40px);
    margin: 0;
    color: var(--navy);
}
.section-title p{
    color: var(--muted);
    margin: 0;
    max-width: 74ch;
    font-size: 14px;
    line-height: 1.6;
}

/* === SECTION FRAME (card içinde) === */
.section-frame{
    border-radius: var(--radius2);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.86);
    box-shadow: var(--shadow2);
    overflow:hidden;
    padding: var(--sectionInnerPad);
}

/* ABOUT (iç frame) */
.about-wrap{
    border-radius: var(--radius2);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.86);
    box-shadow: var(--shadow2);
    overflow:hidden;
}
.about-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
}
@media (max-width: 992px){ .about-grid{grid-template-columns: 1fr;} }
.about-media{
    padding: 22px;
    background: linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,.00));
}
.about-media .imgbox{
    border-radius: 18px;
    overflow:hidden;
    border: 1px solid var(--stroke);
    box-shadow: 0 14px 34px rgba(15,23,42,.08);
    height: 100%;
    min-height: 320px;
    background: #fff;
}
.about-media img{width:100%; height:100%; object-fit: cover;}
.about-body{
    padding: 26px;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.about-badges{
    display:flex; flex-wrap: wrap; gap:10px; margin-top: 14px;
}
.badge-soft{
    display:inline-flex; align-items:center; gap:8px;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: #fff;
    font-weight: 900;
    font-size: 13px;
    color: rgba(15,23,42,.86);
}
.badge-soft i{color: var(--accent);}

/* COUNTERS (ayrı bölümde kullanılacak) */
.kpi-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 8px;
}
@media (max-width: 992px){ .kpi-grid{grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 520px){ .kpi-grid{grid-template-columns: 1fr;} }
.kpi{
    border-radius: 18px;
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.92);
    box-shadow: var(--shadow2);
    padding: 16px 16px;
}
.kpi .kpi-top{display:flex; align-items:center; justify-content: space-between; gap:10px;}
.kpi .icon{
    width: 40px; height: 40px;
    border-radius: 14px;
    display:flex; align-items:center; justify-content:center;
    background: var(--accentSoft);
    border: 1px solid rgba(30,58,138,.16);
    color: var(--accent);
    font-size: 18px;
}
.kpi .label{font-weight: 900; color: rgba(15,23,42,.65); font-size: 12px; margin-top: 10px;}
.kpi .value{font-weight: 900; font-size: 28px; line-height: 1.05; margin-top: 4px; color: var(--navy);}
.kpi .sub{color: rgba(15,23,42,.55); font-weight: 700; font-size: 12px; margin-top: 6px;}

/* CARDS */
.card-glass{
    border-radius: var(--radius2);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.88);
    box-shadow: var(--shadow2);
    overflow:hidden;
    transition: .22s ease;
    height: 100%;
}
.card-glass:hover{
    transform: translateY(-4px);
    border-color: var(--stroke2);
    background: rgba(255,255,255,.96);
}
.service-media{aspect-ratio: 16/10; overflow:hidden; position:relative;}
.service-media img{
    width:100%; height:100%;
    object-fit: cover;
    transform: scale(1.03);
    transition: .3s ease;
    filter: saturate(1.03) contrast(1.02);
}
.card-glass:hover .service-media img{transform: scale(1.08);}
.service-body{padding: 16px 16px 18px;}
.service-body h3{
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 8px;
    color: var(--navy);
}
.service-body p{
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 14px;
    min-height: 66px;
}
.link-arrow{
    display:inline-flex; align-items:center; gap:10px;
    font-weight: 900;
    color: var(--accent);
    transition:.18s ease;
}
.link-arrow i{
    width: 26px; height: 26px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius: 999px;
    background: var(--accentSoft);
    border: 1px solid rgba(30,58,138,.18);
    color: var(--accent);
}
.link-arrow:hover{color: var(--navy);}

/* SLIDER HEAD (oklar) */
.slider-head{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.slider-arrows{display:flex; gap: 10px; align-items:center;}
.arrow-btn{
    width: 44px; height: 44px;
    border-radius: 999px;
    border: 1px solid var(--stroke2);
    background: rgba(255,255,255,.86);
    box-shadow: var(--shadow2);
    display:flex; align-items:center; justify-content:center;
    color: var(--navy);
    transition:.18s ease;
    user-select:none;
}
.arrow-btn:focus-visible{
    outline: 3px solid rgba(30,58,138,.45);
    outline-offset: 3px;
}
#contactFormStatus,
#newsletterFormStatus{
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
}
.arrow-btn:hover{transform: translateY(-1px); background: #fff;}
.arrow-btn.swiper-button-disabled{opacity:.45; cursor:not-allowed; transform:none;}

/* PARTNERS / REFERENCES cards */
.logo-card{
    border-radius: var(--radius);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.88);
    padding: 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    height: 110px;
    transition:.22s ease;
    box-shadow: var(--shadow2);
}
.logo-card:hover{
    transform: translateY(-3px);
    border-color: var(--stroke2);
    background: rgba(255,255,255,.96);
}
.logo-card img{
    max-height: 62px;
    max-width: 90%;
    filter: drop-shadow(0 10px 22px rgba(15,23,42,.10));
}

.ref-card{
    border-radius: var(--radius2);
    border: 1px solid var(--stroke);
    background: rgba(255,255,255,.88);
    box-shadow: var(--shadow2);
    overflow:hidden;
    transition: .22s ease;
    height: 100%;
}
.ref-card:hover{transform: translateY(-3px); border-color: var(--stroke2); background: rgba(255,255,255,.96);}
.ref-card .img{aspect-ratio: 16/9; overflow:hidden;}
.ref-card .img img{width:100%; height:100%; object-fit: cover; transform: scale(1.02); transition:.3s ease;}
.ref-card:hover .img img{transform: scale(1.07);}
.ref-card .body{padding: 14px 14px 16px;}
.ref-card .title{font-weight: 900; color: var(--navy); margin: 0 0 6px; font-size: 16px;}
.ref-card .desc{margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55;}

/* FOOTER */
.footer{
    border-top: 1px solid rgba(15,23,42,.08);
    background: linear-gradient(180deg, rgba(11,18,32,.96), rgba(11,18,32,.98));
    padding: 46px 0 22px;
    color: rgba(255,255,255,.92);
}
.footer p{color: rgba(255,255,255,.75); font-size: 14px; line-height: 1.65;}
.footer h4{
    font-family: Rajdhani, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 12px;
    color: rgba(255,255,255,.92);
}
.footer a{color: rgba(255,255,255,.86);}
.footer a:hover{color: #fff;}
.footer-bottom{
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.64);
    font-size: 13px;
}

/* ScrollTop */
#scrollTop{
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999;
    width: 46px; height: 46px;
    border-radius: 999px;
    border: 1px solid var(--stroke2);
    background: rgba(255,255,255,.88);
    color: var(--navy);
    display:none;
    align-items:center; justify-content:center;
    box-shadow: var(--shadow2);
    transition:.18s ease;
}
#scrollTop:hover{transform: translateY(-2px); background:#fff;}

/* === ÖNEMLİ: “pat pat” değil, kayarak hissettir === */
.heroSwiper .swiper-wrapper,
.serviceSwiper .swiper-wrapper,
.partnerSwiper .swiper-wrapper,
.refSwiper .swiper-wrapper{
    transition-timing-function: linear !important; /* marquee için */
}

/* Hizmetler kart slider daha “yumuşak” */
.serviceSwiper .swiper-wrapper{
    transition-timing-function: cubic-bezier(.22,.61,.36,1) !important;
}

/* Swiper varsayılan oklarını gizle (biz kendi oklarımızı kullanıyoruz) */
.swiper-button-next, .swiper-button-prev{display:none !important;}

/* pagination hero altında kalsın */
.heroSwiper .swiper-pagination{
    bottom: 10px !important;
}
.heroSwiper .swiper-pagination-bullet{
    background: rgba(255,255,255,.75);
    opacity: .55;
}
.heroSwiper .swiper-pagination-bullet-active{
    opacity: 1;
    background: rgba(255,255,255,.92);
}
/* ==========================================================
   KTL KIMYA — SWIPER FINAL PREMIUM MOTION FIX
   CSS DOSYASININ EN ALTINA AYNEN EKLE
========================================================== */

/*
   Slider okları her zaman tıklanabilir olsun.
*/
.slider-arrows{
    position: relative;
    z-index: 60;
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrow-btn{
    position: relative;
    z-index: 61;
    pointer-events: auto !important;
    cursor: pointer;
}

/*
   Hizmetlerimiz:
   yumuşak hareket
*/
.serviceSwiper .swiper-wrapper{
    transition-timing-function:
            cubic-bezier(.22,.61,.36,1)
    !important;
}

/*
   Referanslar:
   autoplay yok.
   Oka basıldığında yumuşak kayar.
*/
.refSwiper .swiper-wrapper{
    transition-timing-function:
            cubic-bezier(.22,.61,.36,1)
    !important;
}

/*
   Çözüm Ortaklarımız:
   autoplay yok.
   Oka basıldığında yumuşak kayar.
*/
.partnerSwiper .swiper-wrapper{
    transition-timing-function:
            cubic-bezier(.22,.61,.36,1)
    !important;
}

/*
   Slide transform animasyonlarının
   donuk / pat pat görünmesini önler.
*/
.serviceSwiper .swiper-slide,
.refSwiper .swiper-slide,
.partnerSwiper .swiper-slide{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}

/*
   Swiper alanı okların üstüne çıkmasın.
*/
.serviceSwiper,
.refSwiper,
.partnerSwiper{
    position: relative;
    z-index: 1;
}

/*
   Disabled ok görünümü.
   Loop açık olduğu için normalde referans
   ve partnerda disabled olmayacak.
*/
.arrow-btn.swiper-button-disabled{
    opacity: .38;
    cursor: default;
    pointer-events: none !important;
}

/*
   Ok hover
*/
.arrow-btn:not(.swiper-button-disabled):hover{
    transform: translateY(-2px);
    background: #fff;
    border-color: rgba(30,58,138,.24);
    box-shadow:
            0 14px 30px
            rgba(15,23,42,.12);
}

/*
   Ok tıklama hissi
*/
.arrow-btn:not(.swiper-button-disabled):active{
    transform: translateY(0) scale(.96);
}

/*
   Reduced motion kullanan ziyaretçiler
   için erişilebilirlik.
*/
@media (prefers-reduced-motion: reduce){

    .serviceSwiper .swiper-wrapper,
    .refSwiper .swiper-wrapper,
    .partnerSwiper .swiper-wrapper{
        transition-duration: 250ms !important;
    }

}

/* ==========================================================
   KTL KİMYA — KURUMSAL ANA SAYFA YENİLEME
   Çözüm odaklı, katmanlı başlık ve daha net içerik hiyerarşisi
========================================================== */
:root{
    --bg0:#f7f8fa;
    --bg1:#eef1f5;
    --panel:#ffffff;
    --panel2:#f4f7fb;
    --stroke:#dfe5ed;
    --stroke2:#c7d2df;
    --text:#111c2d;
    --muted:#526176;
    --navy:#081b33;
    --navy2:#0d2b4e;
    --accent:#d48a1d;
    --accentSoft:#fff3df;
    --shadow:0 22px 55px rgba(8,27,51,.12);
    --shadow2:0 8px 24px rgba(8,27,51,.08);
    --radius:12px;
    --radius2:18px;
}

body{
    background:#f7f8fa;
    letter-spacing:.005em;
}

.topbar-pro{
    background:var(--navy) !important;
    border:0 !important;
}
.top-pill,.lang-pill,.soc{
    border-color:rgba(255,255,255,.14) !important;
    background:transparent !important;
    color:rgba(255,255,255,.82) !important;
    box-shadow:none !important;
}
.top-pill .ico,.lang-pill i,.soc i{color:#f5b74a !important;}

.nav-pro{
    background:#fff !important;
    border-bottom:1px solid var(--stroke) !important;
    box-shadow:none !important;
}
.nav-pro.is-stuck{box-shadow:0 8px 22px rgba(8,27,51,.08) !important;}
.brand-logo-clean{height:44px !important;}
.nav-link-pro{
    color:var(--navy) !important;
    font-size:13px !important;
    letter-spacing:.01em;
}
.nav-link-pro:hover,.nav-link-pro.is-active{
    color:var(--accent) !important;
    background:transparent !important;
}
.nav-link-pro.is-active:after{background:var(--accent) !important;}
.nav-cta-pro{
    background:var(--accent) !important;
    border-radius:8px !important;
    box-shadow:none !important;
}
.nav-cta-pro:hover{background:#b87010 !important;}

.solution-rail{
    background:#fff;
    border-bottom:1px solid var(--stroke);
    overflow-x:auto;
}
.solution-rail-inner{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:0;
    white-space:nowrap;
}
.solution-rail a,.solution-rail-label{
    display:inline-flex;
    align-items:center;
    min-height:48px;
    padding:0 17px;
    border-left:1px solid var(--stroke);
    color:#40516a;
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
}
.solution-rail-label{
    padding-left:0;
    border:0;
    color:var(--navy);
}
.solution-rail-label i{color:var(--accent); margin-right:8px;}
.solution-rail a:hover{background:var(--panel2); color:var(--navy);}
.solution-rail .solution-rail-action{
    margin-left:auto;
    color:var(--accent);
    border-right:1px solid var(--stroke);
}
.solution-rail-action i{margin-left:8px;}

.hero{padding:0 !important;}
.hero .container-fluid-premium{padding-left:0; padding-right:0;}
.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.65fr) !important; gap:0 !important;}
.hero-slider{
    min-height:610px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.hero-slide-bg{transform:scale(1) !important;}
.hero-overlay{background:linear-gradient(90deg,rgba(4,18,35,.86) 0%,rgba(4,18,35,.58) 46%,rgba(4,18,35,.20) 100%) !important;}
.hero-content{padding:76px clamp(30px,6vw,100px) 58px !important; align-items:flex-start !important; justify-content:flex-end !important; flex-direction:column;}
.kicker{
    background:rgba(212,138,29,.13) !important;
    border-color:rgba(255,196,91,.5) !important;
    color:#fff !important;
    border-radius:5px !important;
    font-size:11px !important;
    letter-spacing:.08em;
}
.kicker .dot{background:#f5b74a !important; box-shadow:none !important;}
.hero-title{
    max-width:720px;
    margin-top:19px !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:clamp(40px,4.5vw,68px) !important;
    line-height:.98 !important;
    letter-spacing:-.025em;
}
.hero-desc{max-width:570px !important; color:rgba(255,255,255,.81) !important; font-size:15px !important;}
.btn-premium{border-radius:7px !important; font-size:13px !important; box-shadow:none !important;}
.btn-primary-premium{background:var(--accent) !important; border-color:var(--accent) !important;}
.hero-stats{width:100%; max-width:720px; margin-top:36px !important; border-top:1px solid rgba(255,255,255,.3); padding-top:20px;}
.hero-stats .stat{border-radius:0 !important; border:0 !important; border-right:1px solid rgba(255,255,255,.24) !important; background:transparent !important; padding:0 24px !important;}
.hero-stats .stat:first-child{padding-left:0 !important;}
.hero-stats .label{color:#f5b74a !important; text-transform:uppercase; font-size:10px !important; letter-spacing:.1em;}
.hero-stats .value{color:#fff !important; font-size:13px !important;}
.hero-arrow{background:rgba(255,255,255,.09) !important; border-radius:4px !important;}

.side-card{
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--navy) !important;
    box-shadow:none !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(30px,4vw,58px) !important;
}
.side-card .head h3{font-family:Rajdhani,Inter,sans-serif !important; color:#fff !important; font-size:32px !important; letter-spacing:-.01em;}
.side-card .head p{color:rgba(255,255,255,.68) !important;}
.side-card .body{padding:24px 0 !important; border:0 !important;}
.side-card .foot{padding:20px 0 0 !important; border-top:1px solid rgba(255,255,255,.15);}
.side-card .trust,.side-card .foot div{color:rgba(255,255,255,.72) !important;}
.side-card .form-control-premium{border-radius:6px !important; border:1px solid rgba(255,255,255,.18) !important; background:rgba(255,255,255,.08) !important; color:#fff !important;}
.side-card .form-control-premium::placeholder{color:rgba(255,255,255,.55) !important;}
.side-card .btn-dark{background:var(--accent) !important; border-color:var(--accent) !important; border-radius:6px !important;}
.subtle-line{background:rgba(255,255,255,.15) !important;}

.section{padding:58px 0 !important;}
.section .container-fluid-premium{max-width:1400px; margin:0 auto;}
.section-frame{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
}
.section-title{border-bottom:2px solid var(--navy); padding-bottom:16px !important; margin-bottom:26px !important;}
.section-title h2{font-family:Rajdhani,Inter,sans-serif !important; font-size:36px !important; color:var(--navy) !important; letter-spacing:-.02em;}
.section-title p{max-width:600px; color:var(--muted) !important;}
.section-title .btn{border-radius:6px !important; border-color:var(--navy) !important; color:var(--navy) !important;}
.kpi-grid{gap:1px !important; background:var(--stroke); border:1px solid var(--stroke);}
.kpi{background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;}
.kpi .icon{border-radius:6px !important; background:var(--accentSoft) !important; color:var(--accent) !important;}
.card-glass,.ref-card,.logo-card{
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
}
.card-glass,.ref-card{border:1px solid var(--stroke) !important;}
.card-glass:hover,.ref-card:hover,.logo-card:hover{transform:translateY(-4px) !important; border-color:var(--accent) !important;}
.service-body h3,.ref-card .title{color:var(--navy) !important;}
.link-arrow{color:var(--accent) !important;}
.arrow-btn{border-radius:5px !important; box-shadow:none !important;}
.footer{background:var(--navy) !important; border-top:4px solid var(--accent);}

@media (max-width: 991.98px){
    .solution-rail-label{display:none;}
    .solution-rail .solution-rail-action{margin-left:0;}
    .hero .container-fluid-premium{padding-left:var(--pagePad); padding-right:var(--pagePad);}
    .hero-grid{grid-template-columns:1fr !important; gap:18px !important;}
    .hero-slider,.side-card{border-radius:14px !important;}
    .hero-slider{min-height:540px !important;}
    .side-card{padding:30px !important;}
}

/* ==========================================================
   KTL KİMYA — FINAL SLIDER / MENU FIX
========================================================== */

/* Slider okları */
.slider-arrows{
    position:relative;
    z-index:50;
}

.arrow-btn{
    position:relative;
    z-index:51;
    cursor:pointer;
    pointer-events:auto !important;
}

/* Hizmet / Referans / Partner gerçek yumuşak geçiş */
.serviceSwiper .swiper-wrapper,
.refSwiper .swiper-wrapper,
.partnerSwiper .swiper-wrapper{
    transition-timing-function:
            cubic-bezier(.22,.61,.36,1)
    !important;
}

/* Kart animasyonu GPU'da daha temiz */
.serviceSwiper .swiper-slide,
.refSwiper .swiper-slide,
.partnerSwiper .swiper-slide{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* Swiper okların üstüne çıkmasın */
.serviceSwiper,
.refSwiper,
.partnerSwiper{
    position:relative;
    z-index:1;
}

/* Dropdown kesin görünür olsun */
.nav-pro .dropdown-menu{
    z-index:1000;
}

/* Desktop mega menu */
@media (min-width:992px){

    .nav-pro .dropdown:hover > .dropdown-menu.show{
        display:block;
    }

}

/* Aktif ana menü */
.nav-link-pro.is-active{
    background:rgba(30,58,138,.10) !important;
    border:1px solid rgba(30,58,138,.18);
    color:rgba(15,23,42,.98) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.nav-link-pro.is-active::after{
    transform:scaleX(1) !important;
    opacity:1 !important;
}

/* Aktif dropdown parent */
.nav-link-pro.dropdown-toggle.is-active{
    background:rgba(30,58,138,.10) !important;
    border:1px solid rgba(30,58,138,.18);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}
/* ==========================================================
   KTL KİMYA — SHADOW CLEANUP
   TÜM KART / PANEL GÖLGELERİNİ KALDIRIR
========================================================== */

/* Ana bölüm çerçeveleri */
.section-frame{
    box-shadow: none !important;
}

/* Hero */
.hero-slider{
    box-shadow: none !important;
}

/* Sağ iletişim kartı */
.side-card{
    box-shadow: none !important;
}

/* Hakkımızda */
.about-wrap{
    box-shadow: none !important;
}

.about-media .imgbox{
    box-shadow: none !important;
}

/* KPI / sayaç kartları */
.kpi{
    box-shadow: none !important;
}

/* Hizmet kartları */
.card-glass{
    box-shadow: none !important;
}

.card-glass:hover{
    box-shadow: none !important;
}

/* Referans kartları */
.ref-card{
    box-shadow: none !important;
}

.ref-card:hover{
    box-shadow: none !important;
}

/* Çözüm ortakları logo kartları */
.logo-card{
    box-shadow: none !important;
}

.logo-card:hover{
    box-shadow: none !important;
}

/* Logo görselindeki drop shadow */
.logo-card img{
    filter: none !important;
}

/* Slider yön butonları */
.arrow-btn{
    box-shadow: none !important;
}

.arrow-btn:hover,
.arrow-btn:not(.swiper-button-disabled):hover{
    box-shadow: none !important;
}

/* Hakkımızda / badge benzeri küçük kartlar */
.badge-soft{
    box-shadow: none !important;
}

/* Header üst bilgi kartları */
.top-pill,
.lang-pill,
.soc{
    box-shadow: none !important;
}

/* Logo kutusu */
.brand-badge{
    box-shadow: none !important;
}

/* Navbar telefon/mail hızlı butonları */
.nav-quick{
    box-shadow: none !important;
}

/* Mobil menü butonu */
.togg-pro{
    box-shadow: none !important;
}

/* Aktif menü */
.nav-link-pro.is-active,
.nav-link-pro.dropdown-toggle.is-active{
    box-shadow: none !important;
}

/* Mega dropdown içerisindeki kartlar */
.mega-item,
.mega-side,
.mega-badge,
.mega-mini span{
    box-shadow: none !important;
}

/* Dropdown dış gölgesi */
.dropdown-menu,
.dropdown-pro{
    box-shadow: none !important;
}

/* CTA hariç tüm kart görünümü daha temiz */
.pill,
.chip-btn{
    box-shadow: none !important;
}

/* Scroll top */
#scrollTop{
    box-shadow: none !important;
}

/* ==========================================================
   HOVER'LARDA GÖLGE GERİ GELMESİN
========================================================== */

.section-frame:hover,
.about-wrap:hover,
.kpi:hover,
.card-glass:hover,
.ref-card:hover,
.logo-card:hover,
.side-card:hover,
.arrow-btn:hover,
.top-pill:hover,
.lang-pill:hover,
.soc:hover,
.brand-badge:hover,
.nav-quick:hover,
.mega-item:hover,
.mega-badge:hover{
    box-shadow: none !important;
}

/* ==========================================================
   KARTLARIN DERİNLİĞİ BORDER İLE KALSIN
========================================================== */

.section-frame,
.about-wrap,
.kpi,
.card-glass,
.ref-card,
.logo-card,
.side-card{
    border-color: rgba(15,23,42,.10) !important;
}

/* Hover'da yalnızca çok hafif border değişsin */
.card-glass:hover,
.ref-card:hover,
.logo-card:hover,
.kpi:hover{
    border-color: rgba(30,58,138,.18) !important;
}


/* ==========================================================
   KTL KİMYA — HEADER CLEAN FINAL
   - Logo kutusuz / gölgesiz
   - Logo yanında yazı yok
   - Menü daha toplu
   - Teklif / İletişim tek satır
   - Kurumsal dropdown sade ve küçük
========================================================== */

.site-header{
    position:relative;
    z-index:200;
}

/* ---------- TOPBAR ---------- */
.topbar-pro{
    position:relative;
    background:rgba(255,255,255,.82);
    border-bottom:1px solid rgba(15,23,42,.08);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.topbar-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:9px 0;
    flex-wrap:wrap;
}

.topbar-left,
.topbar-right{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}

.lang-group,
.social-group{
    display:flex;
    align-items:center;
    gap:8px;
}

.top-pill,
.lang-pill,
.soc{
    box-shadow:none !important;
}

.top-pill{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:7px 11px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.09);
    background:rgba(255,255,255,.72);
    color:rgba(15,23,42,.84);
    font-weight:800;
    font-size:13px;
    white-space:nowrap;
    transition:.18s ease;
}

.top-pill:hover,
.lang-pill:hover,
.soc:hover{
    background:#fff;
    transform:translateY(-1px);
}

.top-pill .ico{
    width:28px;
    height:28px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--accent);
    background:rgba(30,58,138,.07);
    border:1px solid rgba(30,58,138,.12);
}

.lang-pill{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 11px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.09);
    background:rgba(255,255,255,.72);
    color:rgba(15,23,42,.84);
    font-weight:900;
    font-size:13px;
    transition:.18s ease;
}

.soc{
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid rgba(15,23,42,.09);
    background:rgba(255,255,255,.72);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:rgba(15,23,42,.80);
    transition:.18s ease;
}

/* ---------- MAIN NAV ---------- */
.nav-pro{
    position:sticky;
    top:0;
    z-index:220;
    background:linear-gradient(180deg, rgba(238,241,245,.96), rgba(238,241,245,.91));
    border-bottom:1px solid rgba(15,23,42,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:none !important;
}

.nav-pro.is-stuck{
    background:linear-gradient(180deg, rgba(238,241,245,.98), rgba(238,241,245,.94));
    box-shadow:none !important;
}

.navbar-pro{
    min-height:82px;
    padding:12px 0;
    gap:18px;
    transition:min-height .18s ease, padding .18s ease;
}

.nav-pro.is-stuck .navbar-pro{
    min-height:72px;
    padding:9px 0;
}

/* ---------- LOGO ---------- */
.brand-pro{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    margin-right:18px;
    padding:0;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-decoration:none;
}

.brand-logo-clean{
    display:block;
    width:auto;
    height:54px;
    max-width:168px;
    object-fit:contain;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
    filter:none !important;
}

.brand-badge,
.brand-meta,
.brand-title,
.brand-sub{
    display:none !important;
}

/* ---------- NAV LINKS ---------- */
.nav-links-pro{
    gap:2px;
    flex-wrap:nowrap;
}

.nav-link-pro{
    position:relative;
    display:flex;
    align-items:center;
    color:rgba(15,23,42,.84) !important;
    font-weight:800;
    font-size:14px;
    line-height:1;
    padding:11px 10px !important;
    border-radius:11px;
    border:1px solid transparent;
    white-space:nowrap;
    transition:background .18s ease, border-color .18s ease, color .18s ease;
}

.nav-link-pro:hover{
    background:rgba(15,23,42,.045);
    color:var(--navy) !important;
}

.nav-link-pro::after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:5px;
    height:2px;
    border-radius:999px;
    background:var(--accent);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .18s ease;
    opacity:.78;
}

.nav-link-pro:hover::after,
.nav-link-pro.is-active::after{
    transform:scaleX(1);
}

.nav-link-pro.is-active,
.nav-link-pro.dropdown-toggle.is-active{
    background:rgba(30,58,138,.07) !important;
    border-color:rgba(30,58,138,.13) !important;
    color:var(--navy) !important;
    box-shadow:none !important;
}

.nav-dropdown-simple > .dropdown-toggle{
    gap:6px;
}

.nav-dropdown-simple > .dropdown-toggle::before{
    display:none !important;
}

.nav-dropdown-simple > .dropdown-toggle::after{
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    width:auto;
    height:auto;
    transform:none !important;
    border:none !important;
    background:none !important;
    margin-left:0;
    content:"\F282";
    font-family:"bootstrap-icons";
    font-size:12px;
    line-height:1;
    opacity:.85;
}

.nav-dropdown-simple.show > .nav-link-pro,
.nav-dropdown-simple > .nav-link-pro[aria-expanded="true"]{
    background:rgba(15,23,42,.045);
    border-color:rgba(15,23,42,.08);
    color:var(--navy) !important;
}

/* ---------- SEPARATOR / QUICK ---------- */
.nav-sep{
    width:1px;
    height:28px;
    margin:0 7px;
    background:rgba(15,23,42,.10);
}

.nav-quick{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(15,23,42,.10);
    background:rgba(255,255,255,.64);
    color:rgba(15,23,42,.76);
    box-shadow:none !important;
    transition:.18s ease;
}

.nav-quick:hover{
    color:var(--accent);
    background:#fff;
    transform:translateY(-1px);
}

/* ---------- CTA ---------- */
.nav-cta-pro{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 15px;
    border-radius:15px;
    border:1px solid rgba(15,23,42,.16);
    background:linear-gradient(180deg, #30394B, #1D2535);
    color:#fff !important;
    font-weight:900;
    font-size:14px;
    line-height:1;
    white-space:nowrap !important;
    flex-wrap:nowrap !important;
    box-shadow:none !important;
    transition:.18s ease;
}

.nav-cta-pro:hover{
    color:#fff !important;
    background:linear-gradient(180deg, #283245, #172030);
    transform:translateY(-1px);
}

.nav-cta-pro .cta-ico{
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
}

.nav-cta-pro .cta-text{
    display:inline-block;
    white-space:nowrap !important;
}

.nav-cta-pro .cta-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    opacity:.85;
}

/* ---------- TOGGLER ---------- */
.togg-pro{
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:12px;
    padding:7px 9px;
    background:rgba(255,255,255,.72);
    box-shadow:none !important;
}

.togg-pro i{
    display:block;
    font-size:26px;
    color:rgba(15,23,42,.86);
}

/* ---------- DROPDOWN ---------- */
.nav-pro .dropdown-menu{
    z-index:1000;
}

.dropdown-pro{
    padding:10px;
    border:1px solid rgba(15,23,42,.10) !important;
    border-radius:16px;
    background:rgba(255,255,255,.98) !important;
    box-shadow:none !important;
}

.dropdown-simple-menu{
    min-width:200px;
    margin-top:10px !important;
}

.dropdown-item-pro{
    display:block;
    padding:12px 18px;
    border-radius:12px;
    color:var(--navy) !important;
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
    transition:background .18s ease, color .18s ease;
}

.dropdown-item-pro:hover,
.dropdown-item-pro:focus{
    background:rgba(15,23,42,.05) !important;
    color:var(--navy) !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1399px){
    .brand-logo-clean{
        height:48px;
        max-width:150px;
    }

    .brand-pro{
        margin-right:12px;
    }

    .nav-link-pro{
        font-size:13px;
        padding:10px 8px !important;
    }

    .nav-sep{
        margin:0 4px;
    }

    .nav-quick{
        width:38px;
        height:38px;
    }

    .nav-cta-pro{
        min-height:44px;
        padding:0 12px;
        font-size:13px;
    }
}

@media (max-width:1199px){
    .brand-logo-clean{
        height:44px;
        max-width:136px;
    }

    .brand-pro{
        margin-right:8px;
    }

    .nav-link-pro{
        font-size:12.5px;
        padding:9px 7px !important;
    }

    .nav-cta-pro{
        padding:0 10px;
    }
}

@media (max-width:991.98px){
    .navbar-pro{
        min-height:68px;
        padding:10px 0;
    }

    .brand-logo-clean{
        height:43px;
        max-width:140px;
    }

    .brand-pro{
        margin-right:0;
    }

    .nav-links-pro{
        padding-top:12px;
        gap:3px;
        flex-wrap:wrap;
    }

    .nav-link-pro{
        font-size:14px;
        padding:12px 10px !important;
    }

    .nav-cta-pro{
        width:100%;
        margin-top:6px;
    }

    .dropdown-simple-menu{
        min-width:100%;
        margin-top:6px !important;
    }
}

@media (max-width:767.98px){
    .topbar-row{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .topbar-left,
    .topbar-right{
        justify-content:center;
    }

    .topbar-left .top-pill{
        flex:1 1 auto;
        justify-content:center;
    }
}

/* ==========================================================
   KTL KİMYA — FINAL UX FIXES
   Kullanıcı istekleri:
   - Kurumsal dropdown mouse geçişinde kapanmasın
   - Ana Sayfa active görünümü
   - Hero okları yazının üstüne binmesin
   - Kart hover hafif yukarı kalksın, alt çizgi/border kaybolmasın
   - Partner slider slow/smooth olsun
========================================================== */

/* --- Dropdown: buton ile alt menü arasında mouse köprüsü --- */
.nav-dropdown-simple{
    position:relative;
}

.nav-dropdown-simple > .dropdown-simple-menu{
    top:100% !important;
    margin-top:4px !important;
}

/* Görünmeyen hover köprüsü */
.nav-dropdown-simple > .dropdown-simple-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-10px;
    height:12px;
    background:transparent;
}

/* Desktop'ta hover sırasında açık kalır */
@media (min-width:992px){
    .nav-dropdown-simple:hover > .dropdown-menu{
        display:block;
    }
}

/* --- Ana Sayfa / aktif menü --- */
.nav-link-pro.is-active,
.nav-link-pro.dropdown-toggle.is-active{
    background:rgba(30,58,138,.08) !important;
    border:1px solid rgba(30,58,138,.14) !important;
    color:var(--navy) !important;
    box-shadow:none !important;
}

.nav-link-pro.is-active::after{
    transform:scaleX(1) !important;
    opacity:1 !important;
}

/* --- HERO okları: metnin üstüne binmesin --- */
.hero-arrow{
    top:18px !important;
    bottom:auto !important;
}

.hero-prev{
    left:auto !important;
    right:70px !important;
}

.hero-next{
    left:auto !important;
    right:18px !important;
}

/* Caption kutularını kaldır: tüm slide'larda ana yazı kombinasyonu görünür */
.hero-caption{
    display:none !important;
}

/* Ana içerik okların olduğu üst bölgeye taşmasın */
.hero-content{
    padding-top:86px !important;
    padding-bottom:34px !important;
}

/* Pagination içerikle çakışmasın */
.heroSwiper .swiper-pagination{
    bottom:10px !important;
    z-index:30;
}

/* --- Kart hover + alt border görünürlüğü --- */
.serviceSwiper,
.refSwiper,
.partnerSwiper{
    overflow:hidden;
    padding-top:4px;
    padding-bottom:8px;
}

.serviceSwiper .swiper-slide,
.refSwiper .swiper-slide,
.partnerSwiper .swiper-slide{
    height:auto;
    padding-top:4px;
    padding-bottom:4px;
}

.card-glass,
.ref-card,
.logo-card{
    border:1px solid rgba(15,23,42,.11) !important;
    box-shadow:none !important;
    transition:
        transform .24s cubic-bezier(.22,.61,.36,1),
        border-color .24s ease,
        background .24s ease !important;
}

.card-glass:hover,
.ref-card:hover,
.logo-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(30,58,138,.20) !important;
    box-shadow:none !important;
}

/* Alt border kesin görünür */
.card-glass::after,
.ref-card::after,
.logo-card::after{
    content:none !important;
}

/* --- Swiper smooth motion --- */
.serviceSwiper .swiper-wrapper,
.refSwiper .swiper-wrapper,
.partnerSwiper .swiper-wrapper{
    transition-timing-function:
        cubic-bezier(.22,.61,.36,1) !important;
}

/* Partner özellikle daha ağır / premium his */
.partnerSwiper .swiper-wrapper{
    transition-timing-function:
        cubic-bezier(.20,.70,.25,1) !important;
}

/* Okların click alanı */
.slider-arrows{
    position:relative;
    z-index:60;
}

.arrow-btn{
    position:relative;
    z-index:61;
    pointer-events:auto !important;
    cursor:pointer;
    box-shadow:none !important;
}

/* Kartlar kalkınca container kesmesin */
.section-frame{
    overflow:hidden;
}

/* Butonlar disabled olduğunda dahi görsel net */
.arrow-btn.swiper-button-disabled{
    opacity:.38;
}

/* Hareket azaltma tercihinde erişilebilirlik */
@media (prefers-reduced-motion: reduce){
    .serviceSwiper .swiper-wrapper,
    .refSwiper .swiper-wrapper,
    .partnerSwiper .swiper-wrapper{
        transition-duration:250ms !important;
    }

    .card-glass:hover,
    .ref-card:hover,
    .logo-card:hover{
        transform:none !important;
    }
}

/* KTL corporate layout — placed last to win over earlier legacy rules. */
:root{--bg0:#f7f8fa;--bg1:#eef1f5;--panel:#fff;--panel2:#f4f7fb;--stroke:#dfe5ed;--stroke2:#c7d2df;--text:#111c2d;--muted:#526176;--navy:#081b33;--navy2:#0d2b4e;--accent:#d48a1d;--accentSoft:#fff3df;--shadow:0 22px 55px rgba(8,27,51,.12);--shadow2:0 8px 24px rgba(8,27,51,.08);--radius:12px;--radius2:18px;}
body{background:#f7f8fa !important;letter-spacing:.005em;}
.topbar-pro{background:var(--navy) !important;border:0 !important;}
.top-pill,.lang-pill,.soc{border-color:rgba(255,255,255,.14) !important;background:transparent !important;color:rgba(255,255,255,.82) !important;box-shadow:none !important;}
.top-pill .ico,.lang-pill i,.soc i{color:#f5b74a !important;}
.nav-pro{background:#fff !important;border-bottom:1px solid var(--stroke) !important;box-shadow:none !important;}
.nav-pro.is-stuck{box-shadow:0 8px 22px rgba(8,27,51,.08) !important;}.brand-logo-clean{height:44px !important;}
.nav-link-pro{color:var(--navy) !important;font-size:13px !important;letter-spacing:.01em;}.nav-link-pro:hover,.nav-link-pro.is-active{color:var(--accent) !important;background:transparent !important;}.nav-link-pro.is-active:after{background:var(--accent) !important;}
.nav-cta-pro{background:var(--accent) !important;border-radius:8px !important;box-shadow:none !important;}.nav-cta-pro:hover{background:#b87010 !important;}
.solution-rail{background:#fff;border-bottom:1px solid var(--stroke);overflow-x:auto;}.solution-rail-inner{min-height:48px;display:flex;align-items:center;gap:0;white-space:nowrap;}.solution-rail a,.solution-rail-label{display:inline-flex;align-items:center;min-height:48px;padding:0 17px;border-left:1px solid var(--stroke);color:#40516a;font-size:12px;font-weight:800;letter-spacing:.03em;}.solution-rail-label{padding-left:0;border:0;color:var(--navy);}.solution-rail-label i{color:var(--accent);margin-right:8px;}.solution-rail a:hover{background:var(--panel2);color:var(--navy);}.solution-rail .solution-rail-action{margin-left:auto;color:var(--accent);border-right:1px solid var(--stroke);}.solution-rail-action i{margin-left:8px;}
.hero{padding:0 !important;}.hero .container-fluid-premium{padding-left:0;padding-right:0;}.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.65fr) !important;gap:0 !important;}.hero-slider{min-height:610px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}.hero-slide-bg{transform:scale(1) !important;}.hero-overlay{background:linear-gradient(90deg,rgba(4,18,35,.86),rgba(4,18,35,.58) 46%,rgba(4,18,35,.2)) !important;}.hero-content{padding:76px clamp(30px,6vw,100px) 58px !important;align-items:flex-start !important;justify-content:flex-end !important;flex-direction:column;}.kicker{background:rgba(212,138,29,.13) !important;border-color:rgba(255,196,91,.5) !important;color:#fff !important;border-radius:5px !important;font-size:11px !important;letter-spacing:.08em;}.kicker .dot{background:#f5b74a !important;box-shadow:none !important;}.hero-title{max-width:720px;margin-top:19px !important;font-family:Rajdhani,Inter,sans-serif !important;font-size:clamp(40px,4.5vw,68px) !important;line-height:.98 !important;letter-spacing:-.025em;}.hero-desc{max-width:570px !important;color:rgba(255,255,255,.81) !important;font-size:15px !important;}.btn-premium{border-radius:7px !important;font-size:13px !important;box-shadow:none !important;}.btn-primary-premium{background:var(--accent) !important;border-color:var(--accent) !important;}.hero-stats{width:100%;max-width:720px;margin-top:36px !important;border-top:1px solid rgba(255,255,255,.3);padding-top:20px;}.hero-stats .stat{border-radius:0 !important;border:0 !important;border-right:1px solid rgba(255,255,255,.24) !important;background:transparent !important;padding:0 24px !important;}.hero-stats .stat:first-child{padding-left:0 !important;}.hero-stats .label{color:#f5b74a !important;text-transform:uppercase;font-size:10px !important;letter-spacing:.1em;}.hero-stats .value{color:#fff !important;font-size:13px !important;}.hero-arrow{background:rgba(255,255,255,.09) !important;border-radius:4px !important;}
.side-card{margin:0 !important;border:0 !important;border-radius:0 !important;background:var(--navy) !important;box-shadow:none !important;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px) !important;}.side-card .head h3{font-family:Rajdhani,Inter,sans-serif !important;color:#fff !important;font-size:32px !important;letter-spacing:-.01em;}.side-card .head p{color:rgba(255,255,255,.68) !important;}.side-card .body{padding:24px 0 !important;border:0 !important;}.side-card .foot{padding:20px 0 0 !important;border-top:1px solid rgba(255,255,255,.15);}.side-card .trust,.side-card .foot div{color:rgba(255,255,255,.72) !important;}.side-card .form-control-premium{border-radius:6px !important;border:1px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.08) !important;color:#fff !important;}.side-card .form-control-premium::placeholder{color:rgba(255,255,255,.55) !important;}.side-card .btn-dark{background:var(--accent) !important;border-color:var(--accent) !important;border-radius:6px !important;}.subtle-line{background:rgba(255,255,255,.15) !important;}
.section{padding:58px 0 !important;}.section .container-fluid-premium{max-width:1400px;margin:0 auto;}.section-frame{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;}.section-title{border-bottom:2px solid var(--navy);padding-bottom:16px !important;margin-bottom:26px !important;}.section-title h2{font-family:Rajdhani,Inter,sans-serif !important;font-size:36px !important;color:var(--navy) !important;letter-spacing:-.02em;}.section-title p{max-width:600px;color:var(--muted) !important;}.section-title .btn{border-radius:6px !important;border-color:var(--navy) !important;color:var(--navy) !important;}.kpi-grid{gap:1px !important;background:var(--stroke);border:1px solid var(--stroke);}.kpi{background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}.kpi .icon{border-radius:6px !important;background:var(--accentSoft) !important;color:var(--accent) !important;}.card-glass,.ref-card,.logo-card{border-radius:0 !important;box-shadow:none !important;background:#fff !important;}.card-glass,.ref-card{border:1px solid var(--stroke) !important;}.card-glass:hover,.ref-card:hover,.logo-card:hover{transform:translateY(-4px) !important;border-color:var(--accent) !important;}.service-body h3,.ref-card .title{color:var(--navy) !important;}.link-arrow{color:var(--accent) !important;}.arrow-btn{border-radius:5px !important;box-shadow:none !important;}.footer{background:var(--navy) !important;border-top:4px solid var(--accent);}
@media (max-width:991.98px){.solution-rail-label{display:none;}.solution-rail .solution-rail-action{margin-left:0;}.hero .container-fluid-premium{padding-left:var(--pagePad);padding-right:var(--pagePad);}.hero-grid{grid-template-columns:1fr !important;gap:18px !important;}.hero-slider,.side-card{border-radius:14px !important;}.hero-slider{min-height:540px !important;}.side-card{padding:30px !important;}}

/* Kart ritmi: her alanı ayrı algılanır, ama hareket kontrollü kalır. */
.section{padding:42px 0 54px !important;}
.section-frame{
    position:relative;
    overflow:visible !important;
    padding:28px !important;
    border:1px solid rgba(8,27,51,.09) !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%) !important;
    box-shadow:0 14px 38px rgba(8,27,51,.06) !important;
}
.section-frame:before{
    content:"";
    position:absolute;
    top:0;
    left:28px;
    width:66px;
    height:3px;
    background:var(--accent);
    border-radius:0 0 4px 4px;
}
.section-title{padding-top:7px !important;}
.kpi-grid{gap:14px !important;background:transparent !important;border:0 !important;}
.kpi{
    position:relative;
    overflow:hidden;
    padding:18px !important;
    border:1px solid rgba(8,27,51,.10) !important;
    border-radius:12px !important;
    box-shadow:0 8px 20px rgba(8,27,51,.05) !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease !important;
}
.kpi:after{content:"";position:absolute;inset:auto -25px -34px auto;width:86px;height:86px;border-radius:50%;background:rgba(212,138,29,.08);transition:transform .35s ease;}
.kpi:hover{transform:translateY(-5px);border-color:rgba(212,138,29,.5) !important;box-shadow:0 18px 34px rgba(8,27,51,.10) !important;}.kpi:hover:after{transform:scale(1.35);}
.serviceSwiper,.refSwiper,.partnerSwiper{padding:8px 2px 18px !important;margin:-8px -2px -18px !important;}
.serviceSwiper .swiper-slide,.refSwiper .swiper-slide,.partnerSwiper .swiper-slide{height:auto !important;}
.card-glass,.ref-card,.logo-card{
    position:relative;
    overflow:hidden;
    height:100%;
    border:1px solid rgba(8,27,51,.12) !important;
    border-radius:14px !important;
    box-shadow:0 10px 24px rgba(8,27,51,.07) !important;
    transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease !important;
}
.card-glass:before,.ref-card:before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:0;
    height:3px;
    background:linear-gradient(90deg,var(--accent),#f5be58);
    transition:width .38s ease;
}
.card-glass:hover,.ref-card:hover,.logo-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(212,138,29,.7) !important;
    box-shadow:0 22px 38px rgba(8,27,51,.14) !important;
}
.card-glass:hover:before,.ref-card:hover:before{width:100%;}
.service-media{aspect-ratio:16/9 !important;background:#dce4ec;}.service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,27,51,.18));pointer-events:none;}.service-media img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .45s ease !important;}.card-glass:hover .service-media img{transform:scale(1.1) !important;filter:saturate(1.12) contrast(1.04);}
.service-body{padding:19px 18px 20px !important;}.service-body h3{font-size:24px !important;line-height:1.05 !important;}.service-body p{min-height:72px !important;}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}.link-arrow i{transition:transform .24s ease;}.link-arrow:hover i{transform:translateX(5px);}
.ref-card .body{padding:17px 17px 20px !important;}.ref-card .img img{transition:transform .55s cubic-bezier(.2,.8,.2,1) !important;}.ref-card:hover .img img{transform:scale(1.1) !important;}
.logo-card{min-height:116px;border-radius:12px !important;}.logo-card:hover img{transform:scale(1.06);}.logo-card img{transition:transform .3s ease;}
.arrow-btn{width:42px !important;height:42px !important;background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;transition:transform .22s ease,background .22s ease !important;}.arrow-btn:hover{transform:translateY(-3px) !important;background:var(--accent) !important;border-color:var(--accent) !important;}
@keyframes ktl-card-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.serviceSwiper .swiper-slide:not(.swiper-slide-duplicate) .card-glass,.refSwiper .swiper-slide:not(.swiper-slide-duplicate) .ref-card{animation:ktl-card-arrival .55s both;}.serviceSwiper .swiper-slide:nth-child(2) .card-glass,.refSwiper .swiper-slide:nth-child(2) .ref-card{animation-delay:.07s}.serviceSwiper .swiper-slide:nth-child(3) .card-glass,.refSwiper .swiper-slide:nth-child(3) .ref-card{animation-delay:.14s}.serviceSwiper .swiper-slide:nth-child(4) .card-glass,.refSwiper .swiper-slide:nth-child(4) .ref-card{animation-delay:.21s}
@media (prefers-reduced-motion:reduce){.kpi,.card-glass,.ref-card,.logo-card,.service-media img,.ref-card .img img{transition:none !important;}.serviceSwiper .swiper-slide .card-glass,.refSwiper .swiper-slide .ref-card{animation:none !important;}}
@media (max-width:767.98px){.section-frame{padding:22px 16px !important;border-radius:14px !important;}.section-frame:before{left:16px;}.service-body p{min-height:0 !important;}.section-title h2{font-size:31px !important;}}