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

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

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

/* Трек слайдера */
.ms-partners-track-wrap {
  position: relative;
  overflow: hidden;
  /* Маски с fade по краям */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

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

.ms-partners-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: ms-scroll-logos 28s 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 40px;
  height: 64px;
  border-right: 1px solid #f1f5f9;
}

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

/* Текстовый логотип (placeholder) */
.ms-partner-name {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #cbd5e1;
  white-space: nowrap;
  transition: color .25s;
  user-select: none;
}

.ms-partner-logo:hover .ms-partner-name {
  color: #64748b;
}

/* Иконка перед названием */
.ms-partner-icon {
  font-size: 20px;
  margin-right: 8px;
  opacity: .5;
  transition: opacity .25s;
}
.ms-partner-logo:hover .ms-partner-icon {
  opacity: .75;
}

/* Dark mode */
html.ms-dark .ms-partners {
  background: #1e293b !important;
  border-top-color: rgba(255,255,255,.06) !important;
}
html.ms-dark .ms-partner-name {
  color: #475569 !important;
}
html.ms-dark .ms-partner-logo {
  border-right-color: rgba(255,255,255,.05) !important;
}
html.ms-dark .ms-partner-logo:hover .ms-partner-name {
  color: #94a3b8 !important;
}