.medix-brand-logo {
  display: block;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  max-width: 200px;
  height: 50px;
}

/* لوگوی عمودی — ورود / ثبت‌نام / OTP (بدون محدودیت ۵۰px پایه) */
.medix-brand-logo--vertical {
  width: min(220px, 78vw);
  height: auto;
  max-width: min(220px, 78vw);
}

.medix-brand-logo--vertical.medix-brand-logo--auth-panel {
  width: min(210px, 74vw);
  height: auto;
  margin-bottom: 0.15rem;
}

/* لوگوی افقی — سایت و پنل */
.medix-brand-logo--horizontal.medix-brand-logo--site-header {
  width: 200px;
  height: auto;
}

.medix-brand-logo--horizontal.medix-brand-logo--site-drawer {
  width: auto;
  height: 44px;
}

.medix-brand-logo--horizontal.medix-brand-logo--site-footer {
  width: auto;
  height: 56px;
  margin-bottom: 0.35rem;
}

.medix-brand-logo--horizontal.medix-brand-logo--panel-sidebar {
  width: auto;
  max-width: calc(100% - 0.5rem);
}

.medix-brand-logo--horizontal.medix-brand-logo--auth-header {
  width: auto;
  height: 48px;
}

.medix-brand-logo--horizontal.medix-brand-logo--panel-mobile-header {
  width: auto;
  height: 42px;
  margin: 0 auto;
}

.medix-brand-logo--horizontal.medix-brand-logo--payment-brand {
  width: auto;
  height: 52px;
  margin: 0 auto;
}

.medix-brand-logo--horizontal.medix-brand-logo--record-brand {
  width: auto;
  height: 48px;
}

@media (max-width: 992px) {
  .medix-brand-logo--vertical.medix-brand-logo--auth-panel {
    width: min(168px, 64vw);
  }

  .medix-brand-logo--horizontal.medix-brand-logo--site-header {
    width: min(200px, 42vw);
  }
}

@media (max-width: 576px) {
  .medix-brand-logo--horizontal.medix-brand-logo--site-header {
    width: min(180px, 48vw);
  }

  .medix-brand-logo--horizontal.medix-brand-logo--site-drawer {
    height: 40px;
  }
}