/* ReelsPlan official logo display fix - transparent assets + crisp nav rendering */
.brand-image-lockup {
    gap: 0;
}

.brand-logo-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.brand-logo-image-header {
    height: 42px;
    max-width: min(62vw, 255px);
}

.brand-logo-image-footer {
    height: 38px;
    max-width: min(70vw, 260px);
}

.brand-mark.brand-mark-logo {
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    transform: none;
}

.brand-mark.brand-mark-logo img {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
    image-rendering: auto;
}

@media (max-width: 767px) {
    .brand-logo-image-header {
        height: 34px;
        max-width: 178px;
    }

    .brand-logo-image-footer {
        height: 32px;
        max-width: 220px;
    }
}