/* Лого как заливка фигуры (cover), без «картинки в рамке» */
.logo-badge {
  --logo-fill: url("/assets/logo-fill.png");
  display: block;
  flex-shrink: 0;
  background:
    var(--logo-fill) center 40% / cover no-repeat,
    linear-gradient(145deg, #1e1040 0%, #0a0812 55%, #061018 100%);
  border: 1px solid rgba(167, 139, 250, 0.22);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.4) inset,
    0 10px 28px rgba(147, 51, 234, 0.22);
  position: relative;
  overflow: hidden;
}
.logo-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06) 0%, transparent 45%);
  pointer-events: none;
}
.logo-badge--xs { width: 28px; height: 28px; border-radius: 9px; }
.logo-badge--sm { width: 38px; height: 38px; border-radius: 12px; }
.logo-badge--md { width: 52px; height: 52px; border-radius: 16px; }
.logo-badge--lg { width: 68px; height: 68px; border-radius: 20px; }
.logo-badge--hero {
  width: 84px;
  height: 84px;
  border-radius: 26px;
  box-shadow:
    0 0 0 1px rgba(167, 139, 250, 0.15) inset,
    0 16px 40px rgba(147, 51, 234, 0.35),
    0 0 60px rgba(56, 189, 248, 0.08);
}
.logo-badge--blob {
  border-radius: 42% 58% 52% 48% / 46% 44% 56% 54%;
}
.logo-badge--ring {
  border-radius: 50%;
  padding: 3px;
  background:
    var(--logo-fill) center 38% / cover no-repeat,
    conic-gradient(from 200deg, #9333ea, #2563eb, #38bdf8, #9333ea);
  border: none;
}
.logo-badge--ring::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background:
    var(--logo-fill) center 38% / cover no-repeat,
    #09090b;
  z-index: 0;
}
.logo-badge--ring::after { z-index: 1; }

/* Legacy img fallback */
.brand-logo {
  display: block;
  object-fit: cover;
  object-position: center 40%;
  width: auto;
  max-width: min(100%, 280px);
}
.brand-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}