/* NO CROPPING, NO PIXELATION */
.brand-logo {
    width: 40px;
    height: 40px;
    background-image: var(--logo-url);
    background-size: contain; /* Full image, no cropping */
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    image-rendering: auto; /* High-quality scaling */
}