
#partners-section {
  width: 100%;
  max-width: 1300px;
  margin: -95px auto 60px;
  padding: 20px 0;

  display: flex;
  align-items: center;
  gap: 60px;
}

/* LEFT TITLE */
.partners-left {
  min-width: 220px;
}

.partners-title {
  font-size: 30px;
  font-weight: 700;
  color: #5f6566; /* אפור בהיר יוקרתי */
  margin: 0;
  letter-spacing: 0.5px;
}

/* RIGHT SLIDER */
.partners-right {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.logos-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.logos-track {
  display: flex;
  align-items: center;
  gap: 80px;
  animation: slide 18s linear infinite;
}

.logos-track img {
  height: 55px;
  filter: brightness(1) saturate(1.2);
  opacity: 0.9;
  transition: 0.3s ease;
}

.logos-track img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* ANIMATION - MOVE LOGOS */
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* RESPONSIVE */
@media (max-width: 900px) {
  #partners-section {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
}

@media (max-width: 600px) {
  #partners-section {
    margin: 20px auto 40px;
    padding: 0 12px;
    gap: 20px;
    align-items: center;
  }
  .partners-title {
    font-size: 24px;
  }
  .partners-right {
    width: 100%;
  }
  .logos-track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 24px;
    padding: 0 6px;
  }
  .logos-track img {
    height: 40px;
  }
  /* show only the first three logos on mobile */
  .logos-track img:nth-child(n+4) {
    display: none;
  }
}
