/* === Üst menü taşma düzeltmesi — uzun başlıklar (ör. "Faaliyet Alanları") === */
@media (min-width: 1200px) {
    /* Üst menü satırını esnek yap: yan kolonlar genişlesin, logo kadar yer kaplasın */
    header nav > .container > .row {
        flex-wrap: nowrap !important;
        align-items: center;
    }

        header nav > .container > .row > .text-start,
        header nav > .container > .row > .text-end {
            flex: 1 1 0 !important;
            max-width: none !important;
            width: auto !important;
        }

        header nav > .container > .row > .text-center {
            flex: 0 0 auto !important;
            max-width: none !important;
            width: auto !important;
        }
    /* Başlıklar tek satır, daha küçük ok, daha dar aralık */
    header nav .item-title {
        white-space: nowrap;
    }

        header nav .item-title svg {
            width: 20px;
            height: 20px;
        }

    header nav .text-start .item {
        padding-right: 40px;
    }

    header nav .text-end .item {
        padding-left: 40px;
    }
}
/* === Sağ gold şerit kaldırıldı: sayfayı sağdaki 100px boşluktan kurtar === */
body {
    padding-right: 0 !important;
}

@media (min-width: 1200px) {
    header,
    header .item .sub,
    .main-search {
        width: 100% !important;
    }
    /* Banner tam ekranı doldursun (alttaki 90px boşluğu da kaldır) */
    .main-slider .item {
        height: 100vh !important;
        max-height: none !important;
    }
}

/* === Güven Duyulan İş Ortağı — tam kapsayan foto arka plan + soldan beyaz gradient === */
.refs {
    position: relative;
    font-family: 'Jost', sans-serif;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #f4f3f1 url(/assets/img/moe-referans-resim.jpeg) no-repeat center bottom / cover;
}

    .refs::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(90deg, #fff 0%, #fff 30%, rgba(255,255,255,.9) 46%, rgba(255,255,255,.45) 64%, rgba(255,255,255,0) 80%);
    }

.refs__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}

.refs__left {
    max-width: 520px;
}

.refs__title {
    font-size: 2rem;
    font-weight: 500;
    color: #00132b;
    margin: 0 0 14px;
}

.refs__desc {
    font-size: .98rem;
    color: #353638;
    line-height: 1.65;
    margin: 0 0 36px;
    max-width: 430px;
}
/* Tek satır karusel: aynı anda 3 logo, 2 sn'de bir sola kayar (JS) */
.refs__carousel {
    overflow: hidden;
    width: 100%;
}

.refs__track {
    display: flex;
    will-change: transform;
}

.refs__logo {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .refs__logo img {
        height: 75px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        filter: grayscale(1);
        opacity: .6;
        transition: filter .3s, opacity .3s;
    }

        .refs__logo img:hover {
            filter: grayscale(0);
            opacity: 1;
        }

@media (max-width: 991px) {
    /* Mobilde foto altta hayalet kalsın, metin tam okunur olsun */
    .refs::before {
        background: linear-gradient(180deg, #fff 0%, #fff 42%, rgba(255,255,255,.85) 65%, rgba(255,255,255,.6) 100%);
    }

    .refs {
        background-position: center bottom;
    }

    .refs__left {
        max-width: none;
    }

    .refs__carousel {
        background: rgba(255,255,255,.6);
        border-radius: 6px;
    }
}

@media (max-width: 991px) {
    .brands__item {
        width: calc(100vw / 4);
    }
}

@media (max-width: 600px) {
    .brands__item {
        width: calc(100vw / 2.5);
    }

    .brands__title {
        font-size: 1.5rem;
    }
}

/* === MOE Temel Değerlerimiz (eski Erman Ilıcak bölümü) === */
.moe-values {
    padding: 80px 0;
    background: #efefef;
}

.moe-values__title {
    font-size: 2rem;
    font-weight: 400;
    color: #1a1812;
    margin: 0 0 50px;
}

    .moe-values__title b {
        color: #00132b;
        font-weight: 800;
    }

.moe-values__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
}

.moe-values__graffiti {
    position: relative;
    flex: 0 1 360px;
    max-width: 360px;
    align-self: center;
}

    .moe-values__graffiti img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }

.moe-values__word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5.5rem;
    font-weight: 800;
    letter-spacing: .04em;
    color: transparent;
    -webkit-text-stroke: 2px #00132b;
    text-stroke: 2px #00132b;
    line-height: 1;
}

.moe-values__graffiti .lbl {
    position: absolute;
    font-size: .8rem;
    color: #6b6b6b;
    white-space: nowrap;
}

    .moe-values__graffiti .lbl::before {
        content: "";
        position: absolute;
        background: #353638;
    }

.lbl-muk {
    top: 36px;
    left: 0;
}

    .lbl-muk::before {
        width: 1px;
        height: 26px;
        left: 24px;
        top: 100%;
        transform: rotate(-35deg);
        transform-origin: top;
    }

.lbl-est {
    top: 36px;
    right: 0;
}

    .lbl-est::before {
        width: 1px;
        height: 26px;
        right: 18px;
        top: 100%;
        transform: rotate(35deg);
        transform-origin: top;
    }

.lbl-org {
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

    .lbl-org::before {
        width: 1px;
        height: 22px;
        left: 50%;
        bottom: 100%;
    }

.moe-values__list {
    flex: 1 1 440px;
    display: grid;
    gap: 28px;
}

.moe-values__item h4 {
    font-size: 1rem;
    font-weight: 800;
    color: #00132b;
    margin: 0 0 8px;
}

.moe-values__item p {
    font-size: .95rem;
    color: #555;
    margin: 0;
    line-height: 1.65;
}

@media (max-width: 767px) {
    .moe-values__graffiti {
        flex-basis: 100%;
        max-width: none;
    }

    .moe-values__word {
        font-size: 4rem;
    }

    .moe-values__title {
        font-size: 1.5rem;
    }
}

/* === Footer: menü grup alt başlıkları === */
footer .links b {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    opacity: 1;
    margin: 16px 0 6px;
}

/* === Haberler bölümü: beyaz zemin + koyu yazılar === */
main.home .news {
    background: #2f3640 !important;
    margin-top: 0 !important;
    padding-top: 70px !important;
    padding-bottom: 80px !important;
}

    main.home .news hr {
        display: none;
    }

    main.home .news h2,
    main.home .news .see-all,
    main.home .news .filter .button,
    main.home .news .slider .item .cat,
    main.home .news .slider .item .txt,
    main.home .news .slider .item h3 {
        color: #fff !important;
    }
    /* Filtre butonları: aktif (Tümü) lacivert dolgu/beyaz yazı, diğerleri lacivert border/lacivert yazı; hover'da takas */
    main.home .news .filter .button {
        background: transparent !important;
        border: 1px solid #70757a !important;
        color: #ffffff !important;
        opacity: 1 !important;
        transition: background .25s, color .25s, border-color .25s;
    }

        main.home .news .filter .button:hover {
            background: #00132b !important;
            border-color: #00132b !important;
            color: #fff !important;
        }

        main.home .news .filter .button.active {
            background: #00132b !important;
            border-color: #00132b !important;
            color: #fff !important;
        }

          /*  main.home .news .filter .button.active:hover {
                background: transparent !important;
                border-color: #00132b !important;
                color: #00132b !important;
            }*/
    /* Başlık ile filtreler arasına boşluk */
    main.home .news .container .row + .row {
        margin-top: 30px;
    }
/* Üst başlık */
.news-eyebrow {
    display: block;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .22em;
    color: #fff;
    margin-bottom: 10px;
}

main.home .news .news-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1812 !important;
    margin: 0;
}

.news-heading .grad-gold {
    background: linear-gradient(135deg, #00132b 0%, #353638 55%, #00132b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

.const-boxes .box h2 {
    transition: .7s;
}
/* === const-boxes: yazı küçült, ok kaldır === */
.const-boxes .box:hover h2 {
    top: 0;
}

.const-boxes .box h2 {
    font-size: .95rem;
}

    .const-boxes .box h2 span {
        display: none !important;
    }
/* Resim üstüne hafif siyah katman — yazı daha net */
.const-boxes .box:after {
    background: rgba(0,0,0,.38) !important;
}

/* === Projelerimiz kartları: sabit yükseklik (yazı uzasa da) === */
section.areas .slider .item .box {
    height: 360px !important;
    min-height: 360px !important;
    overflow: hidden;
}

    section.areas .slider .item .box h3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    section.areas .slider .item .box .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

/* === Tanıtım bandı (slider altı) — lacivert slogan + MOE logo === */
.moe-intro {
    background: #fff;
    font-family: 'Jost', sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 60px 24px;
    box-sizing: border-box;
}

.moe-intro__inner {
    display: flex;
    align-items: center;
    gap: 50px;
    max-width: 1000px;
}

.moe-intro__text {
    text-align: right;
}

    .moe-intro__text h2 {
        color: #00132b;
        font-size: 2.1rem;
        font-weight: 600;
        line-height: 1.2;
        margin: 0 0 16px;
    }

    .moe-intro__text p {
        color: #353638;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.65;
        margin: 0 0 0 auto;
        max-width: 380px;
    }

.moe-intro__divider {
    width: 1px;
    align-self: stretch;
    min-height: 150px;
    background: rgba(0,19,43,.2);
}

.moe-intro__logo img {
    height: 70px;
    width: auto;
}

.moe-intro__url {
    position: absolute;
    right: 40px;
    bottom: 30px;
    color: rgba(0,19,43,.45);
    font-size: .85rem;
    letter-spacing: .05em;
}

@media (max-width: 767px) {
    .moe-intro__inner {
        flex-direction: column;
        gap: 26px;
        text-align: center;
    }

    .moe-intro__text {
        text-align: center;
    }

        .moe-intro__text h2 {
            font-size: 1.5rem;
        }

        .moe-intro__text p {
            margin: 0 auto;
        }

    .moe-intro__divider {
        width: 80px;
        height: 1px;
        min-height: 0;
    }

    .moe-intro__url {
        right: 50%;
        transform: translateX(50%);
    }
}

/* === Faaliyet Alanları — formulaint.com tarzı yana açılan paneller === */
/* Font: Jost (Euclid Circular A'ya yakın, ücretsiz) — head'de Google Fonts ile yüklenir */
.faaliyet {
    background: #fff;
    padding: 72px 0 0;
    font-family: 'Jost', sans-serif;
}

.faaliyet__head {
    margin-bottom: 36px;
}

.faaliyet__eyebrow {
    display: block;
    font-size: .78rem;
    font-weight: 400;
    letter-spacing: .22em;
    color: #00132b;
    margin-bottom: 10px;
}

.faaliyet__title {
    font-size: 2rem;
    font-weight: 500;
    color: #00132b;
    margin: 0;
}

.faaliyet__panels {
    display: flex;
    width: 100%;
    height: 72vh;
    min-height: 500px;
}

.fpanel {
    position: relative;
    flex: 1 1 0;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 36px 28px;
    text-decoration: none;
    background-size: cover;
    background-position: center;
    border-right: 2px solid #fff;
    transition: flex-grow .65s cubic-bezier(.7,0,.2,1);
}

    .fpanel:last-child {
        border-right: 0;
    }

    .fpanel::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.5) 58%, rgba(0,0,0,.82) 100%);
        transition: background .65s;
    }
/* İç sarmalayıcı: başlık+buton birlikte aşağıdan ortaya doğru yükselir */
.fpanel__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(110px);
    transition: transform .65s cubic-bezier(.7,0,.2,1);
}

.fpanel__num {
    display: none;
}

.fpanel__title {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

.fpanel__btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    margin-top: 20px;
    padding: 11px 22px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 40px;
    color: #fff;
    font-size: .85rem;
    font-weight: 400;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .55s .1s ease, transform .55s .1s cubic-bezier(.7,0,.2,1), background .3s, color .3s, border-color .3s;
}

    .fpanel__btn span {
        transition: transform .3s;
    }
/* Hover/aktif: diğerleri daralır, o panel yana açılır */
.faaliyet__panels:hover .fpanel {
    flex-grow: .55;
}

.fpanel:hover, .fpanel.is-active {
    flex-grow: 3 !important;
}

    .fpanel:hover::before, .fpanel.is-active::before {
        background: linear-gradient(180deg, rgba(0,19,43,.15) 0%, rgba(0,19,43,.45) 52%, rgba(0,0,0,.85) 100%);
    }
    /* Hover: içerik ortaya gelir, buton ortadan yukarıya çıkar */
    .fpanel:hover .fpanel__inner, .fpanel.is-active .fpanel__inner {
        transform: translateY(0);
    }

    .fpanel:hover .fpanel__btn, .fpanel.is-active .fpanel__btn {
        opacity: 1;
        transform: translateY(0);
    }

.fpanel .fpanel__btn:hover {
    background: #fff;
    border-color: #fff;
    color: #00132b;
}

    .fpanel .fpanel__btn:hover span {
        transform: translateX(4px);
    }
/* Tablet/mobil: dikey dizilim, açılma yok, buton görünür */
@media (max-width: 991px) {
    .faaliyet__panels {
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .fpanel {
        height: 180px;
        flex: none;
        border-right: 0;
        border-bottom: 2px solid #fff;
    }

    .faaliyet__panels:hover .fpanel {
        flex-grow: 0;
    }

    .fpanel:hover, .fpanel.is-active {
        flex-grow: 0 !important;
    }

    .fpanel__inner {
        transform: none;
    }

    .fpanel__btn {
        opacity: 1;
        transform: none;
    }
}

/* === Projelerimiz (areas) — moe-projelerimiz.jpeg tasarımı (Jost, lacivert) === */
section.areas {
    font-family: 'Jost', sans-serif;
    background: #fff;
}

    section.areas .container .row {
        align-items: center;
    }

    section.areas h2 {
        color: #00132b !important;
        font-weight: 600;
        font-size: 2rem;
        margin: 0 0 12px;
    }

    section.areas .desc {
        color: #353638;
        font-size: 1rem;
        line-height: 1.6;
    }

    section.areas .arrows {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
    }

        section.areas .arrows .swiper-button-prev,
        section.areas .arrows .swiper-button-next {
            width: 46px !important;
            height: 46px !important;
            min-height: 0;
            border-radius: 50%;
            border: 1px solid rgba(0,19,43,.25);
            background-color: #fff !important;
            background-size: 20px;
            margin: 0;
            flex: 0 0 auto;
        }

            section.areas .arrows .swiper-button-prev:hover,
            section.areas .arrows .swiper-button-next:hover {
                background-color: #00132b !important;
                border-color: #00132b;
            }

    section.areas .areas__all {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-left: 6px;
        background: #00132b;
        color: #fff;
        padding: 13px 24px;
        border-radius: 40px;
        font-size: .9rem;
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap;
        transition: background .3s, gap .3s;
    }

        section.areas .areas__all:hover {
            background: #02244c;
            gap: 13px;
        }
    /* Kartlar */
    section.areas .slider .item {
        width: 320px !important;
        margin-right: 26px;
    }

.pcard {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    height: 100%;
}

.pcard__img {
    position: relative;
    width: 100%;
    height: 235px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    /*filter: grayscale(1);*/
    transition: filter .4s ease;
}

.pcard__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #fff;
    line-height: 1;
    z-index: 2;
    backdrop-filter: blur(2px);
}

    .pcard__badge::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: currentColor;
    }

.pcard__badge--done {
    background: rgba(0, 19, 43, .92);
}

.pcard__badge--ongoing {
    background: rgba(30, 74, 138, .92);
}

/*.pcard:hover .pcard__img {
    filter: grayscale(0);
}*/
/* Bizden Haberler görselleri: siyah-beyaz, hover'da renklensin */
/*section.news .box .img {
    filter: grayscale(1);
    transition: filter .4s ease;
}

section.news .box:hover .img {
    filter: grayscale(0);
}*/
/* Header "Tedarikçi Ol" butonu */
.tedarikci-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
    padding: 9px 20px;
    border: 2px solid #00132b;
    border-radius: 999px;
    background: #fff;
    color: #00132b;
    font-family: 'Jost', sans-serif;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background .3s ease, color .3s ease;
}

    .tedarikci-btn:hover {
        background: #00132b;
        color: #fff;
    }
/* Logo'yu sol ve sağ menü arasında eşit boşlukla ortala (xl masaüstü) */
@media (min-width: 1200px) {
    header nav > .container > .row {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
    }

        header nav > .container > .row > .col-xl-4 {
            flex: 0 0 auto !important;
            width: auto !important;
            max-width: none !important;
        }

            header nav > .container > .row > .col-xl-4.text-center {
                flex: 1 1 0 !important;
            }
}
/* Laptop (1200-1380px): hero'yu ekran yüksekliğine sığdır ki
                   slider üzerindeki 4 kutu kesilmeden tam görünsün */
@media (min-width: 1200px) and (max-width: 1380px) {
    .main-slider .item {
        height: calc(100vh - 90px) !important;
        min-height: 560px !important;
        max-height: none !important;
        padding-bottom: 0 !important;
    }

        .main-slider .item video {
            position: absolute !important;
            height: 100% !important;
        }
}

@media (max-width: 1200px) {
    .tedarikci-btn {
        display: inline-flex;
        margin: 16px 0 0 0;
        width: auto;
    }
}

.pcard__loc {
    display: block;
    margin: 20px 0 10px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    color: #00132b;
}

.pcard__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #00132b;
    line-height: 1.3;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em;
}

.pcard__desc {
    font-size: .9rem;
    color: #353638;
    line-height: 1.55;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pcard__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #00132b;
    font-size: .85rem;
    font-weight: 600;
    transition: gap .3s;
    margin-top: auto;
}

.pcard:hover .pcard__link {
    gap: 13px;
}

@media (max-width: 1400px) {
    section.areas {
        margin-top: 70px;
    }
}

@media (max-width: 767px) {
    section.areas .slider .item {
        width: 80vw !important;
    }
}

/* ===================== BİZ KİMİZ SAYFASI ===================== */
body.fp-biz {
    overflow: hidden;
    height: 100vh;
}

    body.fp-biz main.bizkimiz {
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        scroll-padding-top: 90px;
        scrollbar-width: none;
        font-family: 'Jost', sans-serif;
    }

        body.fp-biz main.bizkimiz::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }

.bk-panel {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
}

body.fp-biz .bk-hero {
    height: 100vh;
}

body.fp-biz .bk-panel:not(.bk-hero) {
    height: calc(100vh - 90px);
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #fff;
}

@media (max-width: 1199px) {
    body.fp-biz main.bizkimiz {
        scroll-padding-top: 70px;
    }

    body.fp-biz .bk-panel:not(.bk-hero) {
        height: calc(100vh - 70px);
    }
}
/* mini breadcrumb */
.bizkimiz .bk-crumb {
    font-size: .8rem;
    color: #8a8a8a;
    margin-bottom: 26px;
}

.bizkimiz .bk-hero .bk-crumb {
    color: rgba(255,255,255,.6);
}

.bizkimiz .bk-h2 {
    font-size: 2.1rem;
    font-weight: 600;
    color: #00132b;
    margin: 0 0 22px;
}
/* HERO */
.bk-hero {
    background: linear-gradient(rgba(0,19,43,.84), rgba(0,19,43,.84)), url(/assets/img/faaliyet-kamu.png) center / cover no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
}

.bk-hero__content {
    max-width: 880px;
    margin: 0 auto;
}

.bk-hero h1 {
    font-size: 3rem;
    font-weight: 500;
    margin: 0 0 22px;
}

.bk-hero p {
    font-size: 1.12rem;
    line-height: 1.75;
    color: rgba(255,255,255,.85);
    margin: 0;
}

    .bk-hero p b {
        color: #fff;
        font-weight: 600;
    }
/* HAKKIMIZDA */
.bk-about__left {
    border-right: 1px solid #e3e3e3;
    padding-right: 34px;
}

    .bk-about__left h2 {
        font-size: 2rem;
        font-weight: 700;
        color: #00132b;
        line-height: 1.25;
        margin: 0 0 18px;
    }

    .bk-about__left p {
        color: #4a6075;
        font-size: 1rem;
        line-height: 1.6;
        margin: 0;
    }

.bk-about__right p {
    color: #353638;
    font-size: .98rem;
    line-height: 1.75;
    margin: 0 0 16px;
}

    .bk-about__right p:last-child {
        margin-bottom: 0;
    }
/* FAALİYET */
.bk-fa__lead {
    font-weight: 600;
    color: #00132b;
    font-size: 1.02rem;
    line-height: 1.6;
    margin: 0 0 16px;
}

.bk-fa__left p {
    color: #353638;
    line-height: 1.75;
    margin: 0;
}

.bk-fa__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .bk-fa__list li {
        position: relative;
        padding-left: 22px;
        margin-bottom: 22px;
        color: #353638;
        line-height: 1.6;
        font-size: .98rem;
    }

        .bk-fa__list li:last-child {
            margin-bottom: 0;
        }

        .bk-fa__list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 9px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #00132b;
        }

        .bk-fa__list li b {
            color: #00132b;
        }
/* HİKAYEMİZ — interaktif zaman çizelgesi (ok kutuları + yıla tıkla, resim kayar) */
.bk-story__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bk-tl-arrows {
    display: flex;
    gap: 12px;
}

.bk-tl-arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    border: 1px solid rgba(0,19,43,.25);
    background: #fff center / 20px no-repeat;
    transition: background-color .3s, border-color .3s;
}

.bk-tl-prev {
    background-image: url(/assets/img/slider-prev.svg);
}

.bk-tl-next {
    background-image: url(/assets/img/slider-next.svg);
}

.bk-tl-arrow:hover {
    background-color: #00132b;
    border-color: #00132b;
}

.bk-tl-prev:hover {
    background-image: url(/assets/img/slider-prev-wh.svg);
}

.bk-tl-next:hover {
    background-image: url(/assets/img/slider-next-wh.svg);
}

.bk-tl-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin: 28px 0 44px;
}

    .bk-tl-line::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        height: 1px;
        background: #e0e0e0;
    }

.bk-tl {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    flex: 1;
    position: relative;
    text-align: center;
    color: #9a9a9a;
    font-size: .9rem;
    font-family: 'Jost', sans-serif;
}

    .bk-tl span {
        display: block;
        margin-bottom: 14px;
        transition: color .3s;
    }

    .bk-tl i {
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #cfcfcf;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        transition: all .3s;
    }

    .bk-tl:hover span {
        color: #00132b;
    }

    .bk-tl.is-on {
        color: #00132b;
        font-weight: 700;
    }

        .bk-tl.is-on i {
            width: 16px;
            height: 16px;
            background: #00132b;
            box-shadow: 0 0 0 4px rgba(0,19,43,.15);
            margin-top: -3px;
        }

        .bk-tl.is-on::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 48px;
            width: 0;
            height: 26px;
            border-left: 1px dashed #00132b;
        }
/* slayt alanı */
.bk-story__viewport {
    overflow: hidden;
    width: 100%;
}

.bk-story__track {
    display: flex;
    transition: transform .6s cubic-bezier(.7,0,.2,1);
    will-change: transform;
}

.bk-story__slide {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    gap: 40px;
}

.bk-story__card {
    background: #0e0e0e;
    flex: 0 0 320px;
    width: 320px;
    padding: 46px 40px;
    border-radius: 4px;
    text-align: center;
}

    .bk-story__card img {
        height: 50px;
        width: auto;
        filter: brightness(0) invert(1);
    }

.bk-story__year {
    font-size: 1.6rem;
    font-weight: 700;
    color: #00132b;
    margin-bottom: 8px;
}

.bk-story__cap {
    font-size: .85rem;
    color: #666;
    margin-bottom: 6px;
}

.bk-story__text {
    font-weight: 600;
    color: #00132b;
    font-size: .95rem;
    line-height: 1.6;
    max-width: 420px;
}

@media (max-width: 767px) {
    .bk-story__slide {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .bk-story__card {
        width: 100%;
        flex-basis: auto;
    }

    .bk-story__text {
        max-width: none;
    }
}
/* SABİT ALT NAVİGASYON */
.bk-nav {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 26px;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #00132b;
    padding: 7px;
    border-radius: 50px;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
    font-family: 'Jost', sans-serif;
}

    .bk-nav a {
        color: #fff;
        text-decoration: none;
        font-size: .88rem;
        padding: 10px 20px;
        border-radius: 40px;
        transition: background .3s, color .3s;
        white-space: nowrap;
    }

        .bk-nav a:hover {
            background: rgba(255,255,255,.12);
        }

        .bk-nav a.is-active {
            background: #fff;
            color: #00132b;
        }

@media (max-width: 767px) {
    .bk-nav {
        flex-wrap: wrap;
        max-width: 94vw;
        justify-content: center;
        bottom: 12px;
        gap: 4px;
    }

        .bk-nav a {
            font-size: .76rem;
            padding: 7px 12px;
        }

    .bk-hero h1 {
        font-size: 2rem;
    }

    .bk-about__left {
        border-right: 0;
        padding-right: 0;
        margin-bottom: 26px;
    }

    .bk-story__card {
        width: 100%;
    }
}

/* === FULLPAGE — anasayfa bölüm bölüm kaydırma (native scroll-snap) === */
/* Tek scroll konteyneri = main.home → çift scrollbar olmaz, scrollbar gizli */
body.fp-home {
    overflow: hidden;
    height: 100vh;
}

    body.fp-home main.home {
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        scroll-padding-top: 90px; /* bölümler sabit header altına otursun */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox: scrollbar gizle */
    }

        body.fp-home main.home::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }

    body.fp-home .fp-panel {
        scroll-snap-align: start;
        scroll-snap-stop: always; /* tek harekette bir bölüm */
        position: relative;
    }
        /* İçerik bölümleri: header altındaki kullanılabilir alana TAM otursun (taşma/kesilme yok) */
        body.fp-home .fp-panel:not(.main-slider) {
            height: calc(100vh - 90px);
            overflow: hidden;
        }
    /* Footer: en az bir ekran, gerekirse uzasın */
    body.fp-home footer.fp-panel {
        height: auto;
        min-height: calc(100vh - 90px);
        overflow: visible;
    }
    /* Hero: tüm sayfayı kaplasın + slick zinciri panel yüksekliğini doldursun */
    body.fp-home .main-slider {
        height: 100vh;
    }

        body.fp-home .main-slider .slider,
        body.fp-home .main-slider .slick-list,
        body.fp-home .main-slider .slick-track,
        body.fp-home .main-slider .slick-slide,
        body.fp-home .main-slider .slick-slide > div,
        body.fp-home .main-slider .item {
            height: 100% !important;
            min-height: 0 !important;
            max-height: none !important;
        }

            body.fp-home .main-slider .item video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
/* Sağ kenar bölüm göstergesi (noktalar) */
.fp-dots {
    position: fixed;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .fp-dots button {
        width: 11px;
        height: 11px;
        padding: 0;
        border-radius: 50%;
        border: 1px solid rgba(0,19,43,.5);
        background: transparent;
        cursor: pointer;
        transition: background .3s, border-color .3s, transform .3s;
    }

        .fp-dots button.is-active {
            background: #00132b;
            border-color: #00132b;
            transform: scale(1.25);
        }

    .fp-dots.on-dark button {
        border-color: rgba(255,255,255,.6);
    }

        .fp-dots.on-dark button.is-active {
            background: #fff;
            border-color: #fff;
        }

@media (max-width: 1199px) {
    body.fp-home main.home {
        scroll-padding-top: 70px;
    }

    body.fp-home .fp-panel:not(.main-slider) {
        height: calc(100vh - 70px);
    }

    body.fp-home footer.fp-panel {
        min-height: calc(100vh - 70px);
    }

    .fp-dots {
        right: 14px;
    }
}

</style >

<style >
/*.popup .box{
        background: #000;
        color: #fff;
    }*/
.main-slider .boxes .box .txt .title {
    width: 90px;
}

.main-slider .box-container {
    pointer-events: none;
}

    .main-slider .box-container a {
        pointer-events: auto;
    }

.news-detail h3 {
    font-size: 1.3rem;
    margin: 0 0 30px 0;
    font-weight: 500;
}

.news-detail .content a {
    text-decoration: underline;
}

.finance .content {
    min-height: 0;
}

.content-page .sgt[alt="sgt-10"] {
    width: 100%;
}

.news-detail table td {
    border: 1px solid #ddd;
    padding: 12px;
}

header .text-end .sub {
    text-align: left;
}

    header .text-end .sub .title {
        pointer-events: none;
    }

#page-70 .sgt {
    display: none;
}

@media(min-width: 1300px) {
    #page-76 h1 {
        font-size: 2.2rem;
    }
}

#page-1102 .files + .button {
    margin: -20px 0 40px 0;
    display: block;
    width: 135px;
    text-align: center;
}

.areas-img {
    display: none !important;
}

section.about-history .history .history-slider .item h3 + div {
    display: none;
}

#page-5[lang="fr_FR"] .cat {
    display: none;
}
/*@media(min-width: 768px){
        section.about-history .history .history-slider .item h3{
            min-height: 195px;
        }
    }
    @media(min-width: 1701px){
        section.about-history .history .history-slider .item h3{
            min-height: 160px;
        }
    }*/
.bottom.const:last-child {
    display: none;
}

#page-1278 .areas, #page-1278 .list, #page-1278 hr, #page-1278 .const-boxes, #page-1278 h1, #page-1278 .bcrumb {
    display: none;
}

#page-1278 .col-xl-5 {
    width: 100%;
}

#page-1278 .projects {
    margin-bottom: 100px;
}

    #page-1278 .projects > .container {
        max-width: 100%;
        padding: 0;
    }

#page-1278 .main-slider h1 {
    display: block;
}

#page-1278 .main-slider .bcrumb {
    display: block;
}

#page-1278 .content-page {
    padding-bottom: 0;
}

    #page-1278 .content-page .content {
        min-height: 0;
    }

.const-boxes .box:nth-child(2) {
    display: none;
}

.ViewSDK_hideOverflow {
    border: 1px solid #ddd;
    border-radius: 10px;
}

nav.right .bottom {
    display: none;
}

@media screen and (max-width:768px){
    section.areas .arrows {
        padding-right: 50px;
    }
    .faaliyet{padding-top:10px!important;}
        .faaliyet .fpanel__btn{display:none;}
        .faaliyet .fpanel {
            height: 140px;
        }
    .faaliyet__head{margin-bottom:10px!important;}

    .moe-intro__divider{display:none;}
    .areas.fp-panel{padding-top:10px!important;}
}