/* Darjibhai — site-wide logo clarity */
.site-brand-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.darji-header-logo img.site-brand-logo {
    height: 66px;
    max-width: min(240px, 46vw);
}

.darji-mobile-menu-head img.site-brand-logo {
    height: 44px;
    max-width: 200px;
}

.footer-brand-bar__logo.site-brand-logo {
    max-width: 150px;
    margin: 0;
}

.login-page-logo .site-brand-logo,
.auth-logo .site-brand-logo {
    max-width: 150px;
    margin: 0 auto;
}

.landing-preloader-logo .site-brand-logo {
    height: 52px;
    max-width: 200px;
    margin: 0 auto;
}

.loader__favicon.site-brand-logo {
    width: 56px;
    height: 56px;
    max-width: 72%;
    max-height: 72%;
}

.app-header img.site-brand-logo,
.admin-header .logo img.site-brand-logo {
    height: 40px;
    max-width: 180px;
}

@media (max-width: 600px) {
    .darji-header-logo img.site-brand-logo {
        height: 44px;
        max-width: min(200px, 50vw);
    }

    .footer-brand-bar__logo.site-brand-logo {
        height: 48px;
        max-width: 190px;
    }
}

@media (max-width: 375px) {
    .darji-header-logo img.site-brand-logo {
        height: 40px;
        max-width: min(170px, 48vw);
    }
}