/* Figma 1440 — desktop only (1920×1080: контент 1440px по центру) */

.hero-partners {
  position: relative;
  width: 100%;
  height: 457px;
  background-color: #001450;
  overflow: hidden;
}

/* Корневая «Партнёрам» / «Интеграторы» — те же размеры и схема, что hero-community на «Поддержке» */
.hero-partners--root,
.hero-partners--integrators,
.hero-partners--distributors {
  height: 517px;
  margin-top: calc(-1 * var(--header-height));
}

.hero-partners--root .hero-partners__content,
.hero-partners--integrators .hero-partners__content,
.hero-partners--distributors .hero-partners__content {
  height: 517px;
  max-width: var(--container-width);
  padding-inline: 0;
}

.hero-partners--root .hero-partners__breadcrumbs,
.hero-partners--integrators .hero-partners__breadcrumbs,
.hero-partners--distributors .hero-partners__breadcrumbs {
  top: calc(var(--header-height) + 40px);
  left: var(--container-padding);
  right: var(--container-padding);
}

.hero-partners--root .hero-partners__title,
.hero-partners--integrators .hero-partners__title,
.hero-partners--distributors .hero-partners__title {
  top: 369px;
  left: var(--container-padding);
  width: auto;
  max-width: calc(100% - var(--container-padding) * 2);
}

.hero-partners--root .hero-partners__bg img,
.hero-partners--integrators .hero-partners__bg img,
.hero-partners--distributors .hero-partners__bg img {
  min-width: 0;
  object-position: center;
}

.hero-partners__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-partners__bg img {
  display: block;
  width: 100%;
  min-width: 1440px;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.hero-partners__content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  height: 457px;
  margin-inline: auto;
  padding-inline: 40px;
}

.hero-partners__breadcrumbs {
  position: absolute;
  /* Figma: y от верха артборда; шапка вынесена отдельно → вычитаем --header-height */
  top: calc(100px - var(--header-height));
  left: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 133%;
  color: rgba(255, 255, 255, 0.7);
}

.hero-partners__breadcrumbs a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.hero-partners__breadcrumbs a:hover {
  color: #ffffff;
}

.hero-partners__breadcrumbs-sep {
  width: 4px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.7);
  flex-shrink: 0;
}

.hero-partners__breadcrumbs-current {
  color: #ffffff;
}

.hero-partners__title {
  position: absolute;
  top: calc(309px - var(--header-height));
  left: 40px;
  width: 876px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.hero-partners__lead {
  position: absolute;
  top: calc(409px - var(--header-height));
  left: 40px;
  width: 700px;
  max-width: calc(100% - 80px);
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.85);
}

.hero-partners--integrators .hero-partners__lead,
.hero-partners--distributors .hero-partners__lead {
  display: none;
}

.hero-partners--distributors .hero-partners__title {
  width: auto;
  max-width: calc(100% - 80px);
  font-size: 80px;
  line-height: 1.1;
}

/* Figma «Партнёрам 1024» — node 1865:58838 */
/* Общее для всех экранов ≤1024 (высота hero, фон) */
@media (max-width: 1024px) {
  .hero-partners,
  .hero-partners__content {
    height: 460px;
  }

  .hero-partners__bg img {
    min-width: 0;
  }

  .hero-partners--integrators .hero-partners__lead,
  .hero-partners--distributors .hero-partners__lead {
    display: none;
  }
}

/* Только диапазон 1024, не tablet/mobile */
@media (min-width: 944px) and (max-width: 1024px) {
  .hero-partners__content {
    max-width: 100%;
    padding-inline: 40px;
  }

  .hero-partners__breadcrumbs {
    top: calc(80px - var(--header-height));
    left: 40px;
    right: auto;
  }

  .hero-partners__title {
    top: calc(354px - var(--header-height));
    left: 40px;
    width: auto;
    max-width: calc(100% - 80px);
    font-size: 60px;
    line-height: 1.1;
  }

  .hero-partners--distributors .hero-partners__title {
    top: calc(354px - var(--header-height));
  }

  .hero-partners__lead {
    font-size: 18px;
  }
}

/* Figma «Партнёрам 768» — node 1865:64327 */
@media (min-width: 688px) and (max-width: 943px) {
  .hero-partners__breadcrumbs {
    top: calc(70px - var(--header-height));
  }

  .hero-partners__title {
    top: calc(300px - var(--header-height));
    max-width: 360px;
    font-size: 60px;
    line-height: 1.1;
  }

  .hero-partners--integrators .hero-partners__title {
    top: calc(300px - var(--header-height));
    max-width: 311px;
  }

  .hero-partners--distributors .hero-partners__title {
    top: calc(300px - var(--header-height));
    max-width: 360px;
  }

  .hero-partners__content {
    max-width: 100%;
    padding-inline: 40px;
  }
}

/* Figma «Партнёрам 375» — node 1865:65506 */
@media (max-width: 687px) {
  .hero-partners,
  .hero-partners__content {
    height: 460px;
  }

  .hero-partners__content {
    padding-inline: 15px;
  }

  .hero-partners__breadcrumbs {
    top: calc(80px - var(--header-height));
    left: 15px;
    font-size: 12px;
    line-height: 1.33;
  }

  .hero-partners__title {
    top: calc(376px - var(--header-height));
    left: 15px;
    max-width: 344px;
    font-size: 40px;
    line-height: 1.1;
  }

  .hero-partners--distributors .hero-partners__title {
    top: calc(376px - var(--header-height));
    max-width: 344px;
    font-size: 40px;
  }

  .hero-partners__lead {
    top: calc(420px - var(--header-height));
    left: 15px;
    max-width: 320px;
    font-size: 14px;
    line-height: 1.3;
  }
}