/**
 * Header — çift logo (animDer + ÖNDER) ve responsive düzenlemeler
 * SVG oranı ~5.3:1; mobilde arama + hamburger için alan bırakılır.
 */
header .header .logo {
    width: 390px;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(270deg, #f8f8f8 8.88%, rgba(248, 248, 248, 0) 30.62%);
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 8px 0 0;
}

header .header .logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 72px;
    object-fit: contain;
    object-position: left center;
    display: block;
}

@media screen and (max-width: 1700px) {
    header .header .logo {
        width: 340px;
    }

    header .header .rightColumn {
        width: 210px;
    }
}

@media screen and (max-width: 1440px) {
    header .header .logo {
        width: 280px;
    }

    header .header .logo img {
        max-height: 58px;
    }
}

@media screen and (max-width: 1200px) {
    header .header .logo {
        width: 240px;
    }

    header .header .logo img {
        max-height: 52px;
    }
}

@media screen and (max-width: 991.98px) {
    header {
        height: 68px;
        padding-left: 12px;
    }

    header .header {
        height: 100%;
    }

    header .header .logo {
        z-index: 9999;
        background: rgba(0, 0, 0, 0);
        /* arama + menü için alan bırak */
        width: calc(100% - 128px);
        max-width: calc(100% - 128px);
        padding-right: 6px;
    }

    header .header .logo img {
        width: 100%;
        max-width: 100%;
        max-height: 54px;
    }

    #nav-search-button {
        width: 58px;
        height: 100%;
        right: 58px;
    }

    .mobileMenu {
        width: 58px;
    }
}

@media screen and (max-width: 420px) {
    header {
        height: 64px;
    }

    header .header .logo {
        width: calc(100% - 118px);
        max-width: calc(100% - 118px);
    }

    header .header .logo img {
        max-height: 48px;
    }

    #nav-search-button {
        width: 54px;
        right: 54px;
    }

    .mobileMenu {
        width: 54px;
    }
}