/**
 * Комплектации EULER — плавные переходы МЕЖДУ якорями Figma
 * Подключается после euler-komplektacii-page.css · якоря в page.css не трогаем
 *
 * Якоря: 375 (≤687) · 768 (688–768) · 1024/1200 (769–1200) · 1440 (≥1201)
 * Токены 1025–1439 — home-fluid-breakpoints.css (как на главной)
 */

/* =====================================================
   <375 — уже уже экрана
   ===================================================== */
@media (max-width: 374px) {
  .hero-community--euler-komplektacii,
  .euler-komplektacii-cards,
  .euler-komplektacii-protection,
  .euler-overview-ask {
    --container-padding: clamp(12px, calc(12px + 3 * ((100vw - 320px) / 55)), 15px);
    overflow-x: clip;
  }

  .hero-community--euler-komplektacii .hero-community__title {
    width: min(344px, calc(100vw - var(--container-padding) * 2));
    max-width: calc(100vw - var(--container-padding) * 2);
    font-size: clamp(36px, calc(36px + 4 * ((100vw - 320px) / 55)), 40px);
  }

  .hero-community--euler-komplektacii .hero-community__lead {
    width: min(324px, calc(100vw - var(--container-padding) * 2));
    max-width: calc(100vw - var(--container-padding) * 2);
    font-size: clamp(13px, calc(13px + 1 * ((100vw - 320px) / 55)), 14px);
  }

  .euler-komplektacii-cards__list {
    width: 100%;
    max-width: min(345px, calc(100vw - var(--container-padding) * 2));
  }

  .euler-komplektacii-card--demo,
  .euler-komplektacii-card--uni,
  .euler-komplektacii-card--pro {
    width: 100%;
    max-width: min(345px, calc(100vw - var(--container-padding) * 2));
  }

  .euler-komplektacii-protection__inner,
  .euler-komplektacii-protection__accordion {
    max-width: min(345px, calc(100vw - var(--container-padding) * 2));
  }
}

/* =====================================================
   376–687 — между 375 и 768: растянуть контент на ширину экрана
   ===================================================== */
@media (min-width: 376px) and (max-width: 687px) {
  .hero-community--euler-komplektacii,
  .euler-komplektacii-cards,
  .euler-komplektacii-protection,
  .euler-overview-ask {
    --container-padding: clamp(15px, calc(15px + (100vw - 375px) * 10 / 312), 25px);
    --komplektacii-content-w: calc(100vw - var(--container-padding) * 2);
  }

  .euler-komplektacii-cards__list {
    width: 100%;
    max-width: var(--komplektacii-content-w);
    margin-inline: auto;
  }

  .euler-komplektacii-card {
    width: 100%;
    max-width: var(--komplektacii-content-w);
  }

  .euler-komplektacii-card--demo,
  .euler-komplektacii-card--uni {
    height: auto;
    overflow: visible;
  }

  .euler-komplektacii-card--demo {
    min-height: 632px;
  }

  .euler-komplektacii-card--uni {
    min-height: 559px;
  }

  .euler-komplektacii-card--pro {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  /* Demo — текст на всю ширину карточки */
  .euler-komplektacii-card--demo .euler-komplektacii-card__subtitle,
  .euler-komplektacii-card--demo .euler-komplektacii-card__intro,
  .euler-komplektacii-card--demo .euler-komplektacii-card__section-title,
  .euler-komplektacii-card--demo .euler-komplektacii-card__item--dash,
  .euler-komplektacii-card--demo .euler-komplektacii-card__item--chip {
    width: 100%;
    max-width: 100%;
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__chip-text {
    flex: 1 1 auto;
    width: auto;
    max-width: calc(100% - 18px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__btn {
    top: auto;
    bottom: 15px;
    max-width: calc(100% - 30px);
  }

  /* Uni */
  .euler-komplektacii-card--uni .euler-komplektacii-card__subtitle,
  .euler-komplektacii-card--uni .euler-komplektacii-card__intro,
  .euler-komplektacii-card--uni .euler-komplektacii-card__section-title,
  .euler-komplektacii-card--uni .euler-komplektacii-card__item--dash,
  .euler-komplektacii-card--uni .euler-komplektacii-card__item--chip {
    width: 100%;
    max-width: 100%;
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__chip-text {
    flex: 1 1 auto;
    width: auto;
    max-width: calc(100% - 18px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__btn {
    top: auto;
    bottom: 15px;
    max-width: calc(100% - 30px);
  }

  /* Pro */
  .euler-komplektacii-card--pro .euler-komplektacii-card__subtitle,
  .euler-komplektacii-card--pro .euler-komplektacii-card__intro,
  .euler-komplektacii-card--pro .euler-komplektacii-card__section-title,
  .euler-komplektacii-card--pro .euler-komplektacii-card__copy .euler-komplektacii-card__section:first-of-type .euler-komplektacii-card__item--text,
  .euler-komplektacii-card--pro .euler-komplektacii-card__copy .euler-komplektacii-card__section:nth-of-type(2) .euler-komplektacii-card__item--text,
  .euler-komplektacii-card--pro .euler-komplektacii-card__copy .euler-komplektacii-card__section:nth-of-type(3) .euler-komplektacii-card__item--dash {
    width: 100%;
    max-width: 100%;
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__copy .euler-komplektacii-card__section:nth-of-type(3) .euler-komplektacii-card__item--dash:nth-child(2) .euler-komplektacii-card__item-text {
    max-width: 100%;
  }

  /* Защита */
  .euler-komplektacii-protection__inner,
  .euler-komplektacii-protection__accordion {
    width: 100%;
    max-width: var(--komplektacii-content-w);
    margin-inline: auto;
  }

  .euler-komplektacii-protection__heading {
    width: 100%;
    max-width: 100%;
  }

  .euler-komplektacii-protection__head-text,
  .euler-komplektacii-protection__title,
  .euler-komplektacii-protection__subtitle,
  .euler-komplektacii-protection__text {
    max-width: 100%;
  }
}

/* =====================================================
   688–767 — внутри якоря 768
   ===================================================== */
@media (min-width: 688px) and (max-width: 767px) {
  .euler-komplektacii-cards {
    --container-padding: clamp(20px, calc(20px + (100vw - 688px) * 20 / 80), 40px);
  }

  .euler-komplektacii-protection {
    --container-padding: clamp(20px, calc(20px + (100vw - 688px) * 20 / 80), 40px);
  }

  .hero-community--euler-komplektacii {
    --container-padding: clamp(20px, calc(20px + (100vw - 688px) * 20 / 80), 40px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__visual {
    left: clamp(340px, calc(340px + 0.6875 * (100vw - 688px)), 395px);
    width: clamp(280px, calc(280px + 0.3964 * (100vw - 688px)), 311.713px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__image {
    width: clamp(280px, calc(280px + 0.3964 * (100vw - 688px)), 311.713px);
    height: clamp(172px, calc(172px + 0.2375 * (100vw - 688px)), 191px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__visual,
  .euler-komplektacii-card--pro .euler-komplektacii-card__visual {
    left: clamp(338px, calc(338px + 0.6875 * (100vw - 688px)), 393px);
    width: clamp(364px, calc(364px + 0.5099 * (100vw - 688px)), 404.794px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__image,
  .euler-komplektacii-card--pro .euler-komplektacii-card__image {
    width: clamp(364px, calc(364px + 0.5099 * (100vw - 688px)), 404.794px);
    height: clamp(157px, calc(157px + 0.225 * (100vw - 688px)), 175px);
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__visual {
    top: clamp(-32px, calc(-32px + 0.05 * (100vw - 688px)), -28px);
    width: clamp(376px, calc(376px + 0.5261 * (100vw - 688px)), 418.091px);
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__image {
    width: clamp(376px, calc(376px + 0.5261 * (100vw - 688px)), 418.091px);
    height: clamp(202px, calc(202px + 0.2875 * (100vw - 688px)), 225px);
  }
}

/* =====================================================
   769–1023 — между 768 и 1024
   ===================================================== */
@media (min-width: 769px) and (max-width: 1023px) {
  .hero-community--euler-komplektacii .hero-community__title {
    width: clamp(514px, calc(514px + 0.1373 * (100vw - 769px)), 549px);
    font-size: clamp(56px, calc(56px + 0.0157 * (100vw - 769px)), 60px);
  }

  .hero-community--euler-komplektacii .hero-community__lead {
    width: clamp(589px, calc(589px + 0.1098 * (100vw - 769px)), 617px);
    font-size: clamp(17px, calc(17px + 0.0039 * (100vw - 769px)), 18px);
  }

  .euler-komplektacii-cards {
    padding-top: clamp(90px, calc(90px + 0.051 * (100vw - 769px)), 103px);
    padding-bottom: clamp(70px, calc(70px + 0.051 * (100vw - 769px)), 80px);
  }

  .euler-komplektacii-cards__list {
    max-width: min(944px, calc(100vw - 80px));
  }

  .euler-komplektacii-card {
    max-width: min(944px, calc(100vw - 80px));
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__visual {
    left: clamp(500px, calc(500px + 0.3529 * (100vw - 769px)), 590px);
    width: clamp(360px, calc(360px + 0.2275 * (100vw - 769px)), 417.793px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__image {
    width: clamp(360px, calc(360px + 0.2275 * (100vw - 769px)), 417.793px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__visual {
    left: clamp(430px, calc(430px + 0.3412 * (100vw - 769px)), 517px);
    width: clamp(508px, calc(508px + 0.3216 * (100vw - 769px)), 589.843px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__image {
    width: clamp(508px, calc(508px + 0.3216 * (100vw - 769px)), 589.843px);
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__visual {
    left: clamp(500px, calc(500px + 0.3569 * (100vw - 769px)), 591px);
    width: clamp(444px, calc(444px + 0.2784 * (100vw - 769px)), 514.717px);
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__image {
    width: clamp(444px, calc(444px + 0.2784 * (100vw - 769px)), 514.717px);
  }

  .euler-komplektacii-card__btn {
    top: auto;
    bottom: clamp(20px, calc(20px + 0.0392 * (100vw - 769px)), 30px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__btn {
    left: auto;
    right: 30px;
    width: auto;
    min-width: 252px;
    max-width: calc(100% - 60px);
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__btn {
    left: auto;
    right: 30px;
    width: max-content;
    min-width: 0;
    max-width: calc(100% - 60px);
    gap: 14px;
    padding: 0 12px 0 30px;
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__btn {
    left: auto;
    right: 30px;
    width: auto;
    min-width: 228px;
    max-width: calc(100% - 60px);
  }

  .euler-komplektacii-card__btn-text {
    white-space: nowrap;
  }

  .euler-komplektacii-protection__heading {
    font-size: clamp(36px, calc(36px + 0.0157 * (100vw - 769px)), 40px);
  }
}

/* =====================================================
   1024–1439 — плавное масштабирование карточек (макет 1200)
   ===================================================== */
@media (min-width: 1024px) and (max-width: 1439px) {
  .euler-komplektacii-card--uni .euler-komplektacii-card__btn {
    top: clamp(500px, calc(500px + 0.1364 * ((100vw - 1024px) / 416)), 524px);
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__btn {
    top: clamp(470px, calc(470px + 0.0739 * ((100vw - 1024px) / 416)), 483px);
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__btn {
    top: clamp(470px, calc(470px + 0.0739 * ((100vw - 1024px) / 416)), 483px);
  }

  .euler-komplektacii-protection__item-inner {
    padding-inline: clamp(32px, calc(32px + 0.0455 * ((100vw - 1024px) / 416)), 40px);
  }
}

/* =====================================================
   1201–1439 — между 1200 и 1440
   ===================================================== */
@media (min-width: 1201px) and (max-width: 1439px) {
  .hero-community--euler-komplektacii,
  .hero-community--euler-komplektacii .hero-community__content {
    height: clamp(517px, calc(517px + 0.2134 * ((100vw - 1201px) / 239)), 568px);
  }

  .hero-community--euler-komplektacii .hero-community__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    /* зона под крошки — заголовок не наезжает вверх */
    padding: calc(var(--header-height) + 52px + 16px) var(--container-padding) 60px;
  }

  .hero-community--euler-komplektacii .hero-community__title {
    position: static;
    width: clamp(549px, calc(549px + (713 - 549) * (100vw - 1200px) / 240), 713px);
    max-width: 100%;
    margin: 0;
    /* якорь 1200 до 1440 — без раздувания шрифта */
    font-size: 60px;
    line-height: 1.1;
  }

  .hero-community--euler-komplektacii .hero-community__lead {
    position: static;
    width: clamp(617px, calc(617px + (652 - 617) * (100vw - 1200px) / 240), 652px);
    max-width: 100%;
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 1.3;
  }

  .euler-komplektacii-cards {
    padding-top: clamp(103px, calc(103px + 0.0711 * ((100vw - 1201px) / 239)), 120px);
    padding-bottom: clamp(80px, calc(80px + 0.1674 * ((100vw - 1201px) / 239)), 120px);
  }

  .euler-komplektacii-cards__list {
    max-width: clamp(944px, calc(944px + 1.7406 * ((100vw - 1201px) / 239)), 1360px);
  }

  .euler-komplektacii-card {
    min-height: clamp(563px, calc(563px + 0.1213 * ((100vw - 1201px) / 239)), 592px);
  }

  /* Макет 1200: визуал и текст масштабируются от ширины карточки (якорь 944px) */
  .euler-komplektacii-card--demo .euler-komplektacii-card__visual {
    top: 18px;
    left: 62.5%;
    right: auto;
    width: 44.26%;
    height: auto;
  }

  .euler-komplektacii-card--demo .euler-komplektacii-card__image {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__visual {
    top: 30px;
    left: 54.77%;
    right: auto;
    width: 62.48%;
    height: auto;
  }

  .euler-komplektacii-card--uni .euler-komplektacii-card__image {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__visual {
    top: -21px;
    left: 62.61%;
    right: auto;
    width: 54.52%;
    height: auto;
  }

  .euler-komplektacii-card--pro .euler-komplektacii-card__image {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .euler-komplektacii-card__left {
    max-width: calc(100% - 120px);
  }

  .euler-komplektacii-card__head,
  .euler-komplektacii-card__right {
    width: min(602px, calc(100% - 120px));
  }

  .euler-komplektacii-protection__inner {
    max-width: clamp(944px, calc(944px + 1.7406 * ((100vw - 1201px) / 239)), 1360px);
  }

  .euler-komplektacii-protection__heading {
    width: clamp(320px, calc(320px + 0.318 * ((100vw - 1201px) / 239)), 396px);
    max-width: 100%;
    font-size: clamp(40px, calc(40px + 0.0418 * ((100vw - 1201px) / 239)), 50px);
  }
}

/* =====================================================
   >1440 — не растягивать макет шире якоря
   ===================================================== */
@media (min-width: 1441px) {
  .euler-komplektacii-cards__list {
    max-width: 1360px;
  }

  .euler-komplektacii-protection__inner {
    max-width: 1360px;
  }

  .hero-community--euler-komplektacii .hero-community__title {
    max-width: 713px;
  }

  .hero-community--euler-komplektacii .hero-community__lead {
    max-width: 652px;
  }
}