/* Koyu zeminlerde logonun açık tonlu, şeffaf versiyonu kullanılır. */
.brand .brand-logo {
  display: block;
  width: 185px;
  height: 62px;
  flex: 0 0 185px;
  object-fit: contain;
  padding: 0;
  background: transparent;
  filter: invert(1) hue-rotate(180deg) saturate(1.5) brightness(1.15);
  transition: transform .25s ease, filter .25s ease;
}

.brand:hover .brand-logo,
.brand:focus-visible .brand-logo {
  transform: scale(1.04);
  filter: invert(1) hue-rotate(180deg) saturate(1.5) brightness(1.2)
    drop-shadow(0 0 8px rgba(40, 158, 255, .42));
}

@media (prefers-reduced-motion: reduce) {
  .brand .brand-logo { transition: none; }
  .brand:hover .brand-logo, .brand:focus-visible .brand-logo { transform: none; }
}

@media (max-width: 480px) {
  .brand .brand-logo { width: 150px; height: 50px; flex-basis: 150px; }
}