/* Бастион — адаптив. Брейкпоинты 1024 / 900 / 720 — как в handoff. */

/* ─────────────────── ≤1024: бургер вместо ссылок ─────────────────── */
@media (max-width:1024px){
  .b-header__nav{display:none}
  .b-header__cta{display:none}
  .b-header__burger{display:inline-flex;margin-left:auto}
  .b-drawer{display:flex}
  .b-hero__points{flex-wrap:wrap;white-space:normal;gap:16px 24px}
}

/* ─────────── ≤900: этапы в колонку, «помощь» и отзывы — слайдеры ─────────── */
@media (max-width:900px){
  .b-steps__grid{grid-template-columns:1fr;gap:24px}
  .b-steps__aside{position:static}

  .b-approach__grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;
    scrollbar-width:none;
    margin-inline:calc(-1 * var(--pad-panel));padding-inline:var(--pad-panel);
    scroll-padding-inline-start:var(--pad-panel);padding-bottom:6px}
  .b-approach__grid::-webkit-scrollbar{display:none}
  .b-help{flex:0 0 58%;scroll-snap-align:start}
  .b-help:hover{transform:none;border-color:transparent;box-shadow:none}
  .b-help--dark:hover{border-color:var(--border-inverse)}
  .b-help:hover .b-help__media img{transform:none}

  .b-reviews__item{flex:0 0 46%}
}

/* ───────────────────────── ≤720: мобильная раскладка ───────────────────────── */
@media (max-width:720px){
  /* хедер */
  .b-header__bar{padding:0 12px 0 16px;gap:12px}
  .b-header[data-scrolled="true"] .b-header__bar{padding:0 10px 0 16px}

  /* hero: заголовок → фото → текст → CTA → пункты */
  .b-hero{min-height:auto;background:var(--surface-inverse)}
  .b-hero__bg,.b-hero__scrim{display:none}
  .b-hero__photo{display:block}
  .b-hero__lead--desktop{display:none}
  .b-hero__lead--mobile{display:block}
  .b-hero__inner{padding-top:calc(var(--header-height) + 28px);padding-bottom:56px}
  .b-hero__title{font-size:25px;line-height:1.16}
  .b-hero__lead{font-size:14px}
  .b-hero__points{flex-direction:column;gap:14px;white-space:normal}

  /* как мы помогаем */
  .b-approach__head{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
  .b-approach__grid{gap:14px}
  .b-help{flex:0 0 90%}

  /* результаты */
  .b-stats__row{flex-direction:column;gap:20px}
  .b-stat{flex:none;padding:16px 0 0 0}
  .b-stat + .b-stat{padding-left:0;border-left:0;border-top:2px solid var(--action-primary)}
  .b-stat:first-child{padding-top:0}

  /* отзывы */
  .b-reviews__head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}
  .b-reviews__item{flex:0 0 84%}

  /* футер */
  .b-footer__cols{flex-direction:column;gap:22px}
  .b-footer__divider{width:auto;height:1px;align-self:stretch}
  .b-footer__col{padding-left:0}

  /* поп-ап */
  .modal__wrap{padding:16px;align-items:flex-end}
  .modal__panel{max-width:none}
}

/* ─────────────────── ≤374: узкие телефоны (SE, старые Android) ───────────────────
   Кнопка по содержимому здесь уже не влезает: её натуральная ширина 335px против
   колонки в 280–335px. Возвращаем полную ширину и ужимаем шрифт с паддингами —
   на такой ширине орб всё равно оказывается почти вплотную к тексту, дыры нет. */
@media (max-width:374px){
  .b-hero__cta .btn{width:100%;justify-content:space-between;padding:0 18px;font-size:15px}
}

/* очень узкие экраны — не даём заголовку рвать раскладку */
@media (max-width:360px){
  .b-header__logo img{height:26px}
}