/* Marka logosu — ortak görüntüleme standardı (crop yok, contain) */

.brand-logo-frame {
  display: grid;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  background: #f7f7f8;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.brand-logo-frame--xs {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.brand-logo-frame--sm {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}

.brand-logo-frame--md {
  width: 64px;
  height: 64px;
  border-radius: 14px;
}

.brand-logo-frame--lg {
  width: 112px;
  height: 112px;
  border-radius: 16px;
}

.brand-logo-frame--wide {
  width: 120px;
  height: 64px;
  border-radius: 14px;
}

.brand-logo-frame--hero {
  width: 112px;
  height: 112px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.brand-logo-frame--card {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.06);
}

.brand-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 8%;
  display: block;
  box-sizing: border-box;
}

.brand-logo-frame__initial {
  font-weight: 600;
  color: #6e6e73;
  line-height: 1;
  user-select: none;
}

.brand-logo-frame--xs .brand-logo-frame__initial {
  font-size: 14px;
}

.brand-logo-frame--sm .brand-logo-frame__initial {
  font-size: 18px;
}

.brand-logo-frame--md .brand-logo-frame__initial {
  font-size: 22px;
}

.brand-logo-frame--lg .brand-logo-frame__initial {
  font-size: 32px;
  letter-spacing: -0.02em;
}

.brand-logo-frame--wide .brand-logo-frame__initial {
  font-size: 26px;
}

.brand-logo-frame--hero .brand-logo-frame__initial,
.brand-logo-frame--card .brand-logo-frame__initial {
  font-size: 28px;
  color: #111;
}

.brand-logo-frame__placeholder {
  font-size: 11px;
  color: #8e8e93;
  text-align: center;
  padding: 6px;
  line-height: 1.25;
}

.brand-logo-frame img[hidden] {
  display: none;
}

.brand-logo-frame__initial[hidden],
.brand-logo-frame__placeholder[hidden] {
  display: none;
}