/* Um unico cabecalho para todas as telas do cliente em celular. */
@media (max-width: 700px) {
    body.is-customer-area .topbar-inner { gap: 3px !important; }
    body.is-customer-area .topbar-brand-shell { flex: 0 0 50px !important; width: 50px !important; min-height: 46px !important; padding: 0 !important; }
    body.is-customer-area .brand-logo { width: 46px !important; height: 46px !important; padding: 0 !important; border-radius: 50% !important; }
    body.is-customer-area .topbar-customer-menu { gap: 14px !important; min-width: 0; }
    body.is-customer-area .topbar-customer-menu > a,
    body.is-customer-area .topbar-customer-menu .topbar-submenu-trigger { padding: 6px 0 !important; font-size: .92rem !important; }
    body.is-customer-area .topbar-customer-menu > .topbar-submenu { margin-left: auto !important; }
    body.is-customer-area .topbar-promo-btn { width: 28px !important; height: 28px !important; }
    body.is-customer-area .topbar-promo-bell,
    body.is-customer-area .topbar-promo-bell svg { width: 17px; height: 17px; }
}