/* ============================================================
   «ПАРТНЕРАМ»
   Дописать в конец style.css.
   Старые классы .partner-img / .item__partner-img не используются —
   в style.css их всё равно не было.
   ============================================================ */

/* Пункт крошек без ссылки */
.crumbs__parent { color: var(--c-text); }

/* ---------- Текст ---------- */
.partners__intro { max-width: 820px; margin-bottom: 36px; }
.partners__intro p { margin: 0 0 14px; font-size: var(--fs-body-sm); line-height: var(--lh-body); }
.partners__intro p:first-child { font-size: var(--fs-body); color: var(--c-heading); }

.partners__contacts { max-width: 820px; margin-top: 40px; }
.partners__contacts p { margin: 0 0 14px; font-size: var(--fs-body-sm); line-height: var(--lh-body); }
.partners__contacts p:last-child { margin-bottom: 0; }
.partners__contacts a { color: var(--c-heading); text-decoration: underline; }
.partners__contacts a:hover { text-decoration: none; }

/* ============================================================
   ЛОГОТИПЫ ПАРТНЕРОВ
   Десктоп: сетка 5 в ряд.
   Узкий экран: та же дорожка становится каруселью со скролл-снапом.
   ============================================================ */
.partners-logos { position: relative; }

.partners-logos__track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.partner-logo {
  display: grid;
  place-items: center;
  aspect-ratio: 3 / 2;
  padding: 20px;
  border-radius: var(--r-card);
  background: var(--c-white);
  box-shadow: var(--shadow-menu);
  transition: box-shadow var(--dur) var(--ease);
}
.partner-logo:hover { box-shadow: var(--shadow-photo); }

/* Логотип вписан целиком, ничего не срезается */
.partner-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Кнопки и точки прячем, пока это сетка */
.partners-logos__arrow,
.partners-logos__dots { display: none; }


/* ---------- Планшет: 3 в ряд ---------- */
@media (max-width: 900px) {
  .partners-logos__track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/* ============================================================
   КАРУСЕЛЬ — включается на узком экране
   ============================================================ */
@media (max-width: 620px) {
  .partners-logos { padding-bottom: 4px; }

  /* Дорожка едет горизонтально с прилипанием */
  .partners-logos__track {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
  }
  .partners-logos__track::-webkit-scrollbar { display: none; }

  /* По два логотипа в кадре */
  .partner-logo {
    flex: 0 0 calc((100% - 14px) / 2);
    scroll-snap-align: start;
    aspect-ratio: 3 / 2;
  }

  /* Стрелки */
  .partners-logos__arrow {
    position: absolute;
    top: calc(50% - 12px);
    transform: translateY(-50%);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: var(--c-white);
    box-shadow: var(--shadow-btn);
    cursor: pointer;
    transition: opacity var(--dur) var(--ease);
  }
  .partners-logos__arrow--prev { left: -6px; }
  .partners-logos__arrow--next { right: -6px; }
  .partners-logos__arrow svg {
    width: 16px; height: 16px;
    fill: none;
    stroke: var(--c-heading);
    stroke-width: 2;
  }
  .partners-logos__arrow[disabled] { opacity: .35; cursor: default; }

  /* Точки-страницы */
  .partners-logos__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }
  .partners-logos__dot {
    width: 8px; height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--c-tint);
    cursor: pointer;
    transition: background-color var(--dur) var(--ease), transform var(--dur) var(--ease);
  }
  .partners-logos__dot.is-active {
    background: var(--c-heading);
    transform: scale(1.3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .partner-logo,
  .partners-logos__arrow { transition: none; }
  .partners-logos__track { scroll-behavior: auto; }
}