/* Планшет и телефон — ЧЕРНОВИК без макетов: раскладка по сетке системы (scripts/breakpoints.mjs), числа только из шкал. */

/* ---------- Узкий компьютер (1280–1439) ---------- */
@media (max-width: 1439px) {
  .site-header__contact { display: none; }
}

/* ---------- Планшет и телефон (до 1279) ---------- */
@media (max-width: 1279px) {
  /* Шапка: меню за залитой кнопкой, снизу тонкая линия (макет Figma «DS Mobile 375», Header 24196:1355) */
  .site-header { border-bottom: var(--border-width-default) solid var(--color-border-default); }
  .site-header__menu-btn { display: inline-flex; }
  .site-header__menu-btn.btn--icon { width: var(--button-size-lg-height); height: var(--button-size-lg-height); }
  .site-header__menu-btn.btn--icon .icon { width: var(--button-size-lg-icon); height: var(--button-size-lg-icon); }
  .site-header__cta { display: none; }
  .site-header__contact { display: none; }

  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-16);
    padding: var(--space-24) var(--grid-margin-x);
    border-top: var(--border-width-default) solid var(--color-border-default);
    background: var(--color-bg-default);
  }

  .site-header[data-menu-open="true"] .nav { display: flex; }

  .hero__aside,
  .hero__main,
  .tech__label { grid-column: 1 / -1; }

  .banner { aspect-ratio: 1.78; }

  /* Подписи-«стекло» — не поверх картинки, а под ней */
  .equipment {
    aspect-ratio: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gutter);
    padding: var(--space-24);
  }

  .equipment__img {
    position: static;
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
    aspect-ratio: 1.78;
  }

  .callout {
    position: static;
    width: auto;
  }

  .catalog__head { flex-direction: column; align-items: flex-start; }
  .catalog__note { max-width: none; }

  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento .product { grid-column: auto; grid-row: auto; }
  .bento .product--5 { grid-column: 1 / -1; }

  .routes { grid-template-columns: minmax(0, 1fr); }

  .process__head { flex-direction: column; align-items: flex-start; gap: 0; } /* в макете подпись сразу под заголовком */

  .step { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .step__time { grid-column: 2; }

  .cost__aside,
  .cost-card { grid-column: 1 / -1; }

  /* FAQ: заголовок над вопросами, оба на всю ширину */
  .faq__aside { grid-column: 1 / -1; padding-bottom: 0; }
  .faq__list { grid-column: 1 / -1; }

  /* Форма-заявка: поля по краям уже, две колонки полей остаются */
  .section--form { padding-block: var(--space-64); }
  .brief { padding: var(--space-40) var(--space-32); }

  /* Подвал: бренд и рассылка на всю ширину, две колонки ссылок рядом */
  .site-footer__brand,
  .site-footer__newsletter { grid-column: 1 / -1; }
  .site-footer__col--links1 { grid-column: 1 / span 3; }
  .site-footer__col--links2 { grid-column: 4 / span 3; }
  .site-footer__about { max-width: none; }
  .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: 0; } /* в макете метки сразу под текстом */
}

/* ---------- Телефон (до 767) ---------- */
@media (max-width: 767px) {
  .section { padding-block: var(--grid-margin-y); }
  .hero { padding-block: var(--space-16); }

  .stats { grid-template-columns: minmax(0, 1fr); }
  .stat { padding-top: var(--space-24); }

  /* Первый экран на телефоне (макет Figma, мобильная версия): слева-сверху блок пропадает, порядок — картинка, заголовок с кнопками, показатели */
  .hero__aside { display: none; }
  .hero__bottom { display: contents; }
  .hero .banner { order: -1; }
  .hero .stats { order: 1; }
  .hero__title { font-size: var(--font-size-h2); line-height: var(--font-line-height-heading); }

  .banner { aspect-ratio: auto; height: calc(var(--space-128) * 2 + var(--space-64) + var(--space-40)); } /* 360 из макета */
  .banner__tag { left: var(--space-8); right: var(--space-8); bottom: var(--space-8); max-width: none; }
  .banner__badge { top: var(--space-8); right: var(--space-8); }

  .equipment { grid-template-columns: minmax(0, 1fr); padding: var(--space-16); }
  .equipment__img { aspect-ratio: auto; height: calc(var(--space-128) + var(--space-96) + var(--space-16)); } /* 240 из макета */

  .route,
  .step { padding: var(--space-16); }

  .site-footer__top { row-gap: var(--space-40); }


  .bento { grid-template-columns: minmax(0, 1fr); }

  .step { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .step__time { grid-column: auto; }

  .cost-card__head { flex-direction: column; align-items: flex-start; }
  .cost-item__row { align-items: flex-start; }
  .cost-card__foot { flex-direction: column; align-items: stretch; }
  .cost-card__foot .btn { white-space: normal; height: auto; min-height: var(--size-control-xl); padding-block: var(--space-8); }

  .cta-cluster .btn { width: 100%; }

  /* Форма-заявка: поля друг под другом, плашки по две в ряд */
  .brief { padding: var(--space-32) var(--space-16); }
  .brief__head { max-width: none; }
  .brief__row { flex-direction: column; }
  .choices { display: flex; flex-wrap: wrap; }
  .choice span { padding-inline: var(--space-16); }

  /* Длинные подписи кнопок переносятся на вторую строку */
  .faq__text .btn,
  .brief .btn { white-space: normal; height: auto; min-height: var(--button-size-lg-height); padding-block: var(--space-8); text-align: center; }

  /* Подвал: колонки ссылок друг под другом */
  .site-footer__col--links1,
  .site-footer__col--links2 { grid-column: 1 / -1; }

  /* Метки в подвале: друг под другом, точки-разделители не нужны */
  .site-footer__badges { flex-direction: column; align-items: flex-start; gap: var(--space-8); }
  .site-footer__badges [aria-hidden="true"] { display: none; }
}