/**
 * 375–768: между якорями mobile (375) и tablet (768).
 * 688–768: макет как на 768, контент на всю ширину секции.
 * ≤687: макет как на 375, блоки растягиваются (не узкая колонка 345px по центру).
 * Якоря 375 и 768 — в компонентах; футер не трогаем.
 */

/* —— 688–768: tablet 768, всё на ширину контента —— */
@media (min-width: 688px) and (max-width: 768px) {
  .home-hero__content {
    width: 100%;
    max-width: 100%;
  }

  .home-hero__card {
    width: clamp(200px, 29.4vw, 226px);
    height: clamp(185px, 27.3vw, 210px);
    min-height: clamp(185px, 27.3vw, 210px);
    max-height: clamp(185px, 27.3vw, 210px);
  }

  .home-features__inner,
  .home-features__grid {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 2vw, 15px);
  }

  .home-feature-card {
    width: 100%;
    max-width: none;
    height: clamp(240px, 34vw, 263px);
    min-height: clamp(240px, 34vw, 263px);
    max-height: clamp(240px, 34vw, 263px);
  }

  .home-industries__inner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-industries__title {
    max-width: calc(100% - 196px);
  }

  .home-industries__slider {
    width: 100%;
  }

  .home-community-ecosystem__inner {
    width: 100%;
    max-width: 100%;
    align-items: stretch;
  }

  .home-community-ecosystem__head {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-community-ecosystem__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: clamp(14px, 2.3vw, 18px);
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-community-card {
    width: 100%;
    max-width: none;
    height: clamp(200px, 29vw, 225px);
    min-height: clamp(200px, 29vw, 225px);
  }

  .home-community-card__title,
  .home-community-card__subtitle,
  .home-community-card__text,
  .home-community-card--path .home-community-card__title,
  .home-community-card--library .home-community-card__title,
  .home-community-card--knowledge .home-community-card__title,
  .home-community-card--events .home-community-card__title,
  .home-community-card--path .home-community-card__subtitle,
  .home-community-card--library .home-community-card__subtitle,
  .home-community-card--knowledge .home-community-card__subtitle,
  .home-community-card--events .home-community-card__subtitle,
  .home-community-card--path .home-community-card__text,
  .home-community-card--library .home-community-card__text,
  .home-community-card--knowledge .home-community-card__text,
  .home-community-card--events .home-community-card__text {
    width: 100%;
    max-width: 100%;
  }

  .home-cases__inner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-cases__title {
    max-width: calc(100% - 120px);
  }

  .home-case-card {
    width: min(330px, calc((100vw - 80px - 15px) / 2));
    min-width: min(280px, calc((100vw - 80px - 15px) / 2));
  }

  .home-partners__inner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-partners__title {
    width: 100%;
    max-width: 100%;
  }

  .home-news__inner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-news__grid {
    column-gap: clamp(12px, 2vw, 15px);
  }

  .home-news-card--featured,
  .home-news-card--featured .home-news-card__link {
    width: 100%;
    max-width: 100%;
  }

  .home-news__aside,
  .home-news__slider {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .home-news__controls {
    width: 100%;
    max-width: 100%;
  }

  .home-question__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: clamp(24px, 4vw, 30px) var(--container-padding);
    gap: clamp(20px, 3vw, 30px);
  }

  .home-question__intro {
    flex: 0 1 51.16%;
    max-width: 51.16%;
  }

  .home-question__lead {
    width: 100%;
    max-width: 244px;
  }

  .home-question__form {
    flex: 0 1 48.84%;
    max-width: 48.84%;
    margin-left: 0;
  }

  .home-question__consent-text,
  .home-question__consent-line {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

/* —— ≤687: 80px до футера (разный фон) —— */
@media (max-width: 687px) {
  .home-question {
    padding-bottom: 0;
    background-color: #f5f6f7;
  }

  .home-question__inner {
    padding-bottom: 80px;
  }
}

/* —— 375–687: mobile, плавные отступы и ширина карточек/текста —— */
@media (min-width: 375px) and (max-width: 687px) {
  :root {
    --container-padding: clamp(15px, calc(15px + (100vw - 375px) * 9 / 312), 24px);
  }

  .home-hero__cards {
    align-items: stretch;
    padding-inline: var(--container-padding);
  }

  .home-hero__card {
    width: 100%;
    max-width: min(540px, 100%);
    margin-inline: auto;
  }

  /* features: центрирование — в home-features.css */

  .home-industries__inner,
  .home-industries__title,
  .home-industries__slider {
    width: 100%;
    max-width: 100%;
  }

  .home-community-ecosystem__inner,
  .home-community-ecosystem__head,
  .home-community-ecosystem__microheading,
  .home-community-ecosystem__title,
  .home-community-ecosystem__grid {
    width: 100%;
    max-width: 100%;
  }

  .home-community-card,
  .home-community-card__title,
  .home-community-card__subtitle,
  .home-community-card__text {
    width: 100%;
    max-width: 100%;
  }

  .home-cases__inner,
  .home-cases__title {
    width: 100%;
    max-width: 100%;
  }

  .home-case-card {
    width: min(344px, 100%);
    max-width: 100%;
  }

  .home-partners__inner,
  .home-partners__title {
    width: 100%;
    max-width: 100%;
  }

  .home-news {
    --news-card-width: min(
      calc(100vw - var(--container-padding) * 2),
      clamp(300px, calc(300px + (344 - 300) * (100vw - 375px) / 312), 344px)
    );
  }

  .home-news__inner,
  .home-news__head,
  .home-news__title {
    width: 100%;
    max-width: 100%;
  }

  .home-news-card--featured,
  .home-news-card--featured .home-news-card__link,
  .home-news-card--compact,
  .home-news-card--compact .home-news-card__link {
    width: var(--news-card-width);
    max-width: 100%;
  }

  .home-question__intro,
  .home-question__form,
  .home-question__lead {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .home-question__input,
  .home-question__textarea,
  .home-question__consent {
    width: 100%;
    max-width: 100%;
  }

  .home-question__consent-text {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
  }
}

/* —— ≤375: токены — в home-fluid-breakpoints.css —— */