/* ============================================================
   BITRIX24 — ADAPTIVE HARDENING (как на главной).
   Защита от переполнения + единый вертикальный ритм секций.
   Десктоп не меняется (всё под медиа-запросами либо безопасно).
   ============================================================ */
/* 1 — страница не едет вбок */
html, body { overflow-x: clip; }
img, svg, video, iframe, canvas { max-width: 100%; height: auto; }
/* 2 — min-width:auto у grid-детей — частая причина переполнения */
.hero-grid > *, .pain-grid > *, .services-grid > *, .why-grid > *,
.process-grid > *, .pricing-grid > *, .guarantee-grid > *, .faq-layout > *,
.final-cta__grid > *, .hub-footer__top > *, .showcase-stats-row > *,
.rent-problems > *, .rent-roles > *, .case-blocks > * { min-width: 0; }
/* 3 — длинные заголовки переносятся, а не вылезают («собственных разработок») */
h1, h2, h3 { overflow-wrap: break-word; }
/* 4 — марки/бегущие строки клипаются внутри своих секций */
.stack-section, .final-cta { overflow: clip; }

@media (max-width: 700px) {
  /* 5 — заголовок героя меньше (как на главной: 30px) */
  .hero h1, h1 { font-size: 30px !important; line-height: 1.1; }
  .hero h1 { margin-bottom: 18px; }
  /* 6 — шапки секций по левому краю, не по центру */
  .section-header, .services-header, .case-detail-head, .faq-header {
    text-align: left; margin-left: 0; margin-right: 0; max-width: none;
  }
  /* 7 — ЕДИНЫЙ РИТМ: одинаковый цвет соседних секций → не суммируем 50+50,
     убираем верхний отступ у второй (services+why, showcase+process,
     faq+final-cta — серый+серый / белый+белый). Разные цвета остаются по 50. */
  .services-section + .why-section,
  .showcase-section + .process-section,
  .faq-section + .final-cta { padding-top: 0 !important; }
  /* 8 — футер: 56px → 50px сверху для ровного стыка */
  .hub-footer { padding-top: 50px; }
  /* 9 — ТИПОГРАФИКА КАК НА ГЛАВНОЙ: эйбрау 10, описание/лид 15, h3 20 */
  .eyebrow, .services-eyebrow, .guarantee-eyebrow, .faq-eyebrow { font-size: 10px !important; letter-spacing: .08em; }
  .section-header p, .services-header p, .case-detail-head p,
  .hero-sub, .final-cta__left p { font-size: 15px !important; line-height: 1.55; }
  h3 { font-size: 20px; }
}