.brand-section .brand-slider-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding-top: 20px;
}

.brand-section .brand-slider {
  display: flex;
  gap: 50px;
  width: fit-content;
  will-change: transform;
}

.brand-section .brand-slide {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand-section .brand-slide img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.brand-section .brand-slide img:hover {
  filter: grayscale(0%);
}

/* Aktifken kayan efekt */
.brand-section .brand-slider.active {
  animation: brandSlideAnimation 15s linear infinite;
}

@keyframes brandSlideAnimation {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}