/* Memom — M harfi mark (Plus Jakarta Sans) */

.brand-mark {
    --mark-bg-top: #4fc3f7;
    --mark-bg-mid: #2196f3;
    --mark-bg-bottom: #1565c0;

    position: relative;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-weight: 800;
    font-style: normal;
    letter-spacing: -0.06em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(155deg, var(--mark-bg-top) 0%, var(--mark-bg-mid) 52%, var(--mark-bg-bottom) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 4px 14px rgba(21, 101, 192, 0.28);
    user-select: none;
}

.brand-mark::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 46%);
    pointer-events: none;
}

.brand-mark--sm {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    font-size: 1.125rem;
}

.brand-mark--md {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    font-size: 1.4rem;
}

.brand-mark--lg {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    font-size: 1.65rem;
}

.market-logo .brand-mark {
    margin-top: -1px;
}

.auth-brand .brand-mark,
.brand .brand-mark {
    margin-top: -1px;
}