/* Parts-Zelam: логотип = чёрный квадрат PZ + wordmark */
.header .logo,
#headerfixed .logo,
.mobileheader .logo,
.mobilemenu .logo {
  max-width: min(440px, 42vw) !important;
  height: 88px !important;
  flex-shrink: 0;
}

.header .logo a,
#headerfixed .logo a,
.mobileheader .logo a,
.mobilemenu .logo a {
  height: 100%;
  display: flex;
  align-items: center;
}

.parts-zelam-logo {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  line-height: 0;
  background: transparent !important;
}

/* дубль для старых шаблонов — скрыт */
img.parts-zelam-logo-mobile,
.parts-zelam-logo-mobile {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* чёрный квадрат PZ — основной значок */
img.parts-zelam-logo-icon,
.parts-zelam-logo-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  min-width: 44px !important;
  flex: 0 0 44px !important;
  object-fit: contain !important;
  background: #000000 !important;
  background-color: #000000 !important;
}

svg.parts-zelam-logo-desktop,
.parts-zelam-logo-desktop {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: 44px !important;
  max-height: 44px !important;
}

.header .logo svg.parts-zelam-logo-desktop,
#headerfixed .logo svg.parts-zelam-logo-desktop {
  height: 48px !important;
  max-height: 48px !important;
}

.header .logo img.parts-zelam-logo-icon,
#headerfixed .logo img.parts-zelam-logo-icon {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  min-width: 52px !important;
  flex-basis: 52px !important;
}

@media (max-width: 991px) {
  .mobileheader .logo,
  .mobilemenu .logo,
  #headerfixed .logo {
    max-width: min(220px, 62vw) !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    flex: 0 1 auto !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .mobileheader .logo a,
  .mobilemenu .logo a,
  #headerfixed .logo a {
    width: auto !important;
    height: 44px !important;
    max-width: 100% !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  .mobileheader .parts-zelam-logo,
  .mobilemenu .parts-zelam-logo,
  #headerfixed .parts-zelam-logo {
    width: auto !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .mobileheader img.parts-zelam-logo-icon,
  .mobilemenu img.parts-zelam-logo-icon,
  #headerfixed img.parts-zelam-logo-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    min-width: 36px !important;
    flex: 0 0 36px !important;
    background: #000000 !important;
    background-color: #000000 !important;
  }

  .mobileheader svg.parts-zelam-logo-desktop,
  .mobilemenu svg.parts-zelam-logo-desktop,
  #headerfixed svg.parts-zelam-logo-desktop {
    display: block !important;
    height: 36px !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: min(150px, 48vw) !important;
  }

  .mobileheader__item .line-block {
    align-items: center;
    min-width: 0;
  }

  .mobileheader__item .logo.line-block__item {
    margin-right: 8px;
  }
}

@media (min-width: 992px) {
  .header__main-part .header__main-item .logo {
    align-self: center;
  }
}