.partners {
  padding: 40px 0;
}

.partners__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  width: 100%;
}

.partners__eyebrow {
  padding: 0 80px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: var(--color-nav-active);
  text-transform: uppercase;
}

/*
 * "Tərəfdaşlarımız" bölməsi tam-en (width:100%) avtomatik-scroll slider-ə
 * çevrildi (gallery.html-in Şəkillər tab-ındakı eyni marquee texnikası, bax
 * css/gallery-grid.css-dəki eyni izah): 2 sətir, hər biri öz içindəki 7 loqonu
 * fasiləsiz sürüşdürür. `.partners`-in özündə (page-main kimi) heç bir en
 * məhdudiyyəti olmadığı üçün (bax index.html-də bu section birbaşa `<body>`-nin
 * altındadır) əlavə `100vw`+mənfi-margin texnikasına ehtiyac yoxdur — sadəcə
 * `.partners`-in horizontal padding-i sıfırlanıb yalnız eyebrow-a qaytarıldı.
 */
.partners__slider {
  display: flex;
  flex-direction: column;
  gap: 89px;
  width: 100%;
}

.partners__track {
  width: 100%;
  overflow: hidden;
}

.partners__track-inner {
  display: flex;
  align-items: center;
  gap: 100px; /* Figma: "Frame 52"/"Frame 60" arası dəqiq boşluq */
  width: max-content;
  animation: partners-marquee 32s linear infinite;
}

/* İkinci sətir: eyni animasiyanı tərsinə oynadır — "soldan sağa" hərəkət */
.partners__track--reverse .partners__track-inner {
  animation-direction: reverse;
}

@keyframes partners-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.partners__logo {
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  flex-shrink: 0;
  transition: opacity 0.2s ease, filter 0.2s ease;
}

@media (max-width: 960px) {
  .partners__eyebrow {
    padding: 0 24px;
  }

  .partners__logo {
    height: 32px;
  }
}

/* Figma mobil (390px) dizaynı */
@media (max-width: 600px) {
  .partners__inner {
    gap: 48px;
  }

  .partners__eyebrow {
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    color: #2386c8;
  }

  .partners__slider {
    gap: 40px;
  }

  .partners__track-inner {
    gap: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partners__track-inner {
    animation: none;
  }
}

/* Desktop: bölmələr arası məsafə 160px (əvvəlki bölmənin alt + növbətinin üst padding-i) */
@media (min-width: 961px) {
  .partners {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}