/* Regra global do cabeçalho do cliente: carregada após os estilos de cada página. */
@media (max-width: 700px) {
    body.is-customer-area .topbar {
        min-height: 58px;
        padding: 0 !important;
    }

    body.is-customer-area .topbar-inner {
        width: calc(100% - 20px);
        min-height: 58px;
        gap: 0;
        padding: 0;
        flex-wrap: nowrap;
    }

    body.is-customer-area .topbar-left {
        flex: 1 1 auto;
        min-width: 0;
        gap: 0;
        flex-wrap: nowrap;
    }

    body.is-customer-area .topbar-brand-shell {
        width: 50px;
        min-width: 50px;
        min-height: 58px;
        padding: 0;
        gap: 0;
    }

    body.is-customer-area .topbar-brand-copy {
        display: none;
    }

    body.is-customer-area .brand-logo {
        box-sizing: border-box;
        width: 46px;
        height: 46px;
        padding: 0;
        border-radius: 50%;
    }

    body.is-customer-area .topbar-customer-menu {
        flex: 1 1 auto;
        min-width: 0;
        gap: 14px;
        margin-left: 8px;
        flex-wrap: nowrap;
    }

    body.is-customer-area .topbar-customer-menu > a,
    body.is-customer-area .topbar-customer-menu .topbar-submenu-trigger {
        padding: 6px 0;
        font-size: 0.92rem;
        white-space: nowrap;
    }

    body.is-customer-area .topbar-customer-menu > .customer-coupons-nav {
        display: none;
    }

    body.is-customer-area .topbar-customer-menu > .topbar-submenu {
        display: inline-flex;
        flex: 0 0 auto;
        margin-left: auto;
    }

    body.is-customer-area .topbar-right {
        flex: 0 0 auto;
        width: auto;
        gap: 0;
    }

    body.is-customer-area .topbar-right .topbar-nav {
        width: auto;
        padding: 0;
        flex-wrap: nowrap;
    }

    body.is-customer-area .topbar-promo-alert,
    body.is-customer-area .topbar-promo-btn {
        width: 42px;
        height: 42px;
        min-height: 42px;
    }
}