/* The supplied logo includes its service descriptor; keep the complete lockup visible. */
.site-header .brand {
    width: 350px;
    max-width: 100%;
}
.site-header .brand img {
    width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}
.site-footer .footer-brand {
    grid-column: 1 / -1;
    justify-self: start;
    align-self: start;
    width: 364px;
    max-width: 100%;
    padding: 12px;
    border-radius: 10px;
    background: #fff;
}
.site-footer .footer-brand img {
    width: 340px;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
}
.admin-body .admin-sidebar .admin-brand {
    padding-inline: 4px;
}
.admin-body .admin-sidebar .admin-brand > span {
    width: 100%;
    min-width: 0;
}
.admin-body .admin-sidebar .admin-wordmark {
    display: block;
    width: 206px;
    max-width: 100%;
    height: auto;
}
.login-body .login-story .login-brand {
    display: block;
    width: 360px;
    max-width: 100%;
    padding: 12px;
    border-radius: 10px;
    background: #fff;
}
.login-body .login-brand .admin-wordmark {
    display: block;
    width: 336px;
    max-width: 100%;
    height: auto;
}

@media (min-width: 901px) {
    .site-footer .footer-grid {
        grid-template-columns: .85fr 1fr 1.1fr 1.4fr;
    }
}

@media (max-width: 1250px) {
    .site-header .brand { width: 300px; }
}

@media (min-width: 851px) and (max-width: 1100px) {
    .site-header .brand { width: 280px; }
    .site-header .header-inner { gap: 12px; }
    .site-header .main-nav { gap: 10px; }
    .site-header .main-nav a { font-size: 12px; }
    .site-header .header-cta { min-width: 100px; padding-inline: 14px; gap: 10px; font-size: 11px; }
}

@media (max-width: 850px) {
    .site-header .brand { width: 300px; }
    .site-header .brand img { max-height: 60px; }
}

@media (min-width: 851px) and (max-width: 900px) {
    .site-header .brand { width: 264px; }
}

@media (max-width: 800px) {
    .login-body .login-form-wrap::before {
        width: 280px;
        max-width: 100%;
        height: 60px;
        background: url('../images/medionex-logo-20260930.svg') left center / contain no-repeat;
    }
}

@media (max-width: 600px) {
    .site-header .brand { width: min(260px, calc(100% - 52px)); }
    .site-header .header-inner { gap: 12px; }
    .site-header .header-cta { display: none; }
    .site-header .menu-toggle { flex: 0 0 40px; margin-left: auto; }
}