/* =========================================================
   MedSina — Partners Logo Slider v3
   ========================================================= */

.ms-partners {
  background: #fff;
  padding: 48px 0 52px;
  border-top: 1px solid #f1f5f9;
  overflow: hidden;
}

.ms-partners-title {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 32px;
}

/* ── Один партнёр — по центру, без анимации ── */
.ms-partners-single {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
}

.ms-partners-single .ms-partner-logo {
  border: none;
  padding: 0;
  height: 100px;
  opacity: 1;
}

.ms-partners-single .ms-partner-img {
  height: 90px;
  max-width: 360px;
  filter: none;
}

/* ── Слайдер (несколько партнёров) ── */
.ms-partners-track-wrap {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
}

@keyframes ms-scroll-logos {
  0%   { transform: translateX(0) }
  100% { transform: translateX(-50%) }
}

.ms-partners-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ms-scroll-logos 32s linear infinite;
  will-change: transform;
}

.ms-partners-track:hover {
  animation-play-state: paused;
}

/* ── Карточка логотипа (в слайдере) ── */
.ms-partner-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 52px;
  height: 96px;
  border-right: 1px solid #f1f5f9;
  text-decoration: none;
  transition: opacity .25s;
  opacity: .85;
}

.ms-partner-logo:hover {
  opacity: 1;
}

.ms-partner-logo:last-child {
  border-right: none;
}

/* ── Логотип-изображение ── */
.ms-partner-img {
  height: 72px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
  display: block;
  filter: grayscale(15%);
  transition: filter .25s;
}

.ms-partner-logo:hover .ms-partner-img {
  filter: grayscale(0%);
}

/* ── Dark mode ── */
html.ms-dark .ms-partners {
  background: #1e293b !important;
  border-top-color: rgba(255,255,255,.06) !important;
}
html.ms-dark .ms-partner-logo {
  border-right-color: rgba(255,255,255,.05) !important;
  opacity: .6;
}
html.ms-dark .ms-partner-logo:hover {
  opacity: .9;
}
html.ms-dark .ms-partner-img {
  filter: grayscale(10%) brightness(1.15);
}
html.ms-dark .ms-partners-single .ms-partner-img {
  filter: brightness(1.15);
}