.novin-site-header > .navbar-top {
    height: auto;
    min-height: 80px;
}
.novin-site-header .novin-header-brand-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    width: 100%;
}
.novin-site-header .novin-header-brand-row > .navbar-logo {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    margin: 0;
}
.novin-site-header .novin-header-brand-row > .navbar-logo img {
    display: block;
    width: 220px;
    max-width: 100%;
    height: auto;
}
.novin-site-header .novin-header-brand-row > .navbar-form {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}
.novin-site-header .navbar-form input {
    min-width: 0;
    letter-spacing: 0;
}
.novin-site-header .novin-header-brand-row > .pn-account-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.novin-site-header .membership-header-account { margin-inline-start: 0; }
.novin-site-header .novin-header-brand-row > .logo-text {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: center;
    overflow-wrap: anywhere;
}
.novin-site-header .navbar-form button:focus-visible,
.novin-site-header .navbar-toggler:focus-visible,
.novin-site-header .offcanvas-close:focus-visible {
    outline: 2px solid #1b6aa5;
    outline-offset: 2px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .novin-site-header .novin-header-brand-row > .navbar-logo img { width: 180px; }
    .novin-site-header .pn-in-header .pn-bell > span { display: none; }
}
@media (max-width: 767px) {
    .novin-site-header > .navbar--top {
        height: auto;
        min-height: 32px;
        padding: 6px 0;
    }
    .novin-site-header .navbar--top-inner {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px 12px;
    }
    .novin-site-header .navbar--top-item { font-size: 11px; line-height: 1.5; }
    .novin-site-header .navbar--top-item span { overflow-wrap: anywhere; }
    .novin-site-header .navbar--top-space { display: none; }
    .novin-site-header > .navbar-top { padding: 12px 0; min-height: 0; }
    .novin-site-header .novin-header-brand-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
    }
    .novin-site-header .novin-header-brand-row > .navbar-logo {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    .novin-site-header .novin-header-brand-row > .navbar-logo img { width: 160px; }
    .novin-site-header .novin-header-brand-row > .navbar-form {
        grid-column: 1;
        grid-row: 2;
        height: 44px;
        padding-inline: 10px 0;
    }
    .novin-site-header .navbar-form input { font-size: 12px; }
    .novin-site-header .navbar-form button {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }
    .novin-site-header .novin-header-brand-row > .pn-account-actions {
        grid-column: 2;
        grid-row: 2;
    }
    .novin-site-header .membership-header-account,
    .novin-site-header .pn-in-header .pn-bell {
        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        justify-content: center;
    }
    .novin-site-header .membership-header-account > span,
    .novin-site-header .pn-in-header .pn-bell > span { display: none; }
    .novin-site-header .novin-header-brand-row > .logo-text { grid-row: 3; }
    .novin-site-header .logo-text h1 { margin: 0; font-size: 16px; line-height: 1.8; }
    .novin-site-header > .navbar-custom { min-height: 44px; }
    .novin-site-header button.navbar-toggler {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0 !important;
    }
    .novin-site-header .offcanvas-nav,
    .novin-site-header .offcanvas-nav-submenu {
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .novin-site-header .offcanvas-close,
    .novin-site-header .offcanvas-nav-item-btn,
    .novin-site-header .offcanvas-nav-item-btn-back {
        display: grid;
        place-items: center;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        color: #1b6aa5;
    }
    .novin-site-header .offcanvas-nav .nav-item { white-space: normal; }
    .novin-site-header .offcanvas-nav-item { min-height: 44px; gap: 8px; }
    .novin-site-header .offcanvas-nav-item a { min-width: 0; overflow-wrap: anywhere; }
}