/* ARS marka görünümü - logo oranlarını güvenli şekilde sınırlar */
.logo.ars-sidebar-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    padding: 0 12px 25px !important;
    overflow: hidden !important;
}

.logo.ars-sidebar-brand .ars-sidebar-logo,
aside .ars-sidebar-logo {
    display: block !important;
    width: 96px !important;
    max-width: 96px !important;
    height: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
}

.logo.ars-sidebar-brand small {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.hero-brand.ars-login-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    max-width: 360px !important;
}

.hero-brand.ars-login-brand .ars-login-logo,
.login-hero .ars-login-logo {
    display: block !important;
    width: 112px !important;
    max-width: 112px !important;
    height: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    flex: 0 0 112px !important;
}

.hero-brand.ars-login-brand > div {
    min-width: 0 !important;
}

.hero-brand.ars-login-brand small {
    margin: 0 !important;
    white-space: nowrap !important;
}

.mobile-logo {
    text-align: center !important;
}

.mobile-logo .ars-mobile-logo,
.ars-mobile-logo {
    display: block !important;
    width: 118px !important;
    max-width: 118px !important;
    height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 auto 12px !important;
}

@media (max-width: 900px) {
    .logo.ars-sidebar-brand .ars-sidebar-logo,
    aside .ars-sidebar-logo {
        width: 86px !important;
        max-width: 86px !important;
        height: 42px !important;
        max-height: 42px !important;
    }

    .hero-brand.ars-login-brand .ars-login-logo,
    .login-hero .ars-login-logo {
        width: 100px !important;
        max-width: 100px !important;
        height: 48px !important;
        max-height: 48px !important;
        flex-basis: 100px !important;
    }

    .mobile-logo .ars-mobile-logo,
    .ars-mobile-logo {
        width: 106px !important;
        max-width: 106px !important;
        height: 52px !important;
        max-height: 52px !important;
    }
}