/* One transparent product asset; company identities remain tenant-owned. */
.product-logo { display: block; width: 200px; max-width: 100%; height: auto; object-fit: contain; flex-shrink: 0; }
.account-brand .product-logo { width: 190px; }
.test-login .product-logo { margin-inline: auto; }
/* Keep One's original gradient; only the Insta portion becomes white on the dark menu. */
.menu-brand a { position: relative; display: block; width: 200px; max-width: calc(100% - 15px); margin-inline-start: 0; margin-inline-end: 15px; }
.menu-brand .product-logo { width: 100%; }
.menu-brand a::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: #fff;
    mask: url('/images/brand/instaone.png') center / 100% 100% no-repeat;
    clip-path: inset(0 49% 0 0);
}
@media (max-width: 480px) {
    .product-logo { width: 170px; }
    .account-brand .product-logo { width: 150px; }
}