/* Workflow v70 · телефоны и планшеты (ширина ≤ 1024 px). ПК (≥ 1025 px) этот файл не затрагивает.
   Вертикальный экран работает без просьбы повернуть телефон; горизонтальный — как раньше. */
@media (max-width: 1024px) {
  /* липкая сцена героя = реальная высота окна (hero3d.js пишет --wf70-hero-h = innerHeight):
     WebGL, CSS3D-экран ноутбука и подписи совпадают при любой высоте адресной строки */
  .wf55-enabled .wf-mobile-runway > .hero-section {
    height: var(--wf70-hero-h, 100svh) !important;
    min-height: var(--wf70-hero-h, 100svh) !important;
  }
  /* быстрые нажатия без задержки двойного тапа и без серой вспышки */
  a, button, [role="button"], label, summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
}

/* Горизонтальный телефон: карточки B2C и B2B/B2G рядом — низкие. showcase-continuation.js ставит
   wf70-compact, только если содержимое не помещается: иллюстрация прячется, а текст и отступы
   умножаются на --wf70-k (подбирается под высоту карточки). ПК этих классов не получает. */
@media (max-width: 1024px) {
  .wf56-phone-segment.wf70-compact { grid-template-rows: auto auto 1fr auto; }
  .wf70-compact .wf55-segment-art { display: none; }
  .wf70-compact .wf55-segment-kicker { font-size: calc(4.1cqw * var(--wf70-k, 1)); gap: calc(3cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-kicker > span:last-child { font-size: calc(6.5cqw * var(--wf70-k, 1)); }
  .wf70-compact h2 { font-size: calc(10.2cqw * var(--wf70-k, 1)); margin-bottom: calc(2.7cqw * var(--wf70-k, 1)); }
  .wf70-compact header > p { font-size: calc(5.1cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-features { gap: calc(2cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-features > li { padding-top: calc(2cqw * var(--wf70-k, 1)); grid-template-columns: calc(3.8cqw * var(--wf70-k, 1)) 1fr; gap: calc(1.8cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-feature-index { font-size: calc(2.8cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-features h3 { font-size: calc(5.2cqw * var(--wf70-k, 1)); margin-bottom: calc(0.9cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-features p { font-size: calc(4.9cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-coming { font-size: calc(3.9cqw * var(--wf70-k, 1)); margin-top: calc(2cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-personal-line { gap: calc(2cqw * var(--wf70-k, 1)); padding: calc(1cqw * var(--wf70-k, 1)) 0; }
  .wf70-compact .wf55-segment-link { min-height: calc(14cqw * var(--wf70-k, 1)); font-size: calc(4.7cqw * var(--wf70-k, 1)); }
  .wf70-compact .wf55-segment-link span { font-size: calc(5.5cqw * var(--wf70-k, 1)); }
}

/* Узкое окно на ПК / планшет (≤ 768 px, не телефон): бургер справа, рядом с кнопками сервисов,
   а не вплотную к логотипу. На телефонах шапку оформляет story-ui.css. */
@media (max-width: 768px) {
  html:not(.wf56-phone) .header .burger-menu { margin-left: auto; margin-right: 14px; align-self: center; }
  html:not(.wf56-phone) .header .vn-ecosystem { margin-left: 0; }
}