/* Общие стили для логотипа */
.header-logo {
  max-width: 150px;
  transition: filter 0.3s ease;
  z-index: 10;
}

/* Логотип на темном фоне */
.header-logo.dark-background {
  filter: invert(1) brightness(2);
}

/* Логотип на светлом фоне */
.header-logo.light-background {
  filter: invert(0) brightness(0.7);
}

/* Адаптивность */
@media (max-width: 768px) {
  .header-logo {
    max-width: 120px;
  }
}