/* ============================ BRAND BAR ============================
   Mobile only — teal freesbe strip, Figma 375x52. */
.brandbar {
    display: none;
}

@media (max-width: 768px) {

    .brandbar,
    .mobile .brandbar {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 13.8667vw; /* 52 */
        background: var(--freesbe-teal);
    }

    .brandbar__logo,
    .mobile .brandbar__logo {
        width: 18.6667vw; /* 70 */
        height: auto;
        display: block;
    }
}