/* Пропорции и активные состояния взяты из работающего приложения. */
.hero-app-frame{ aspect-ratio: 1000 / 660; }

.tour-stage{ grid-template-columns: 1000px 255px; justify-content: center; }
.tour-screen-scroll{ display: flex; justify-content: center; overflow: hidden; }
.tour-stage .product-window{ width: 1000px; flex: 0 0 1000px; transform-origin: top left; }

.tour-section{ padding-top: 88px; }

@media (max-width: 1300px) {
  .tour-stage{ grid-template-columns: 1fr; }
  .tour-info{ min-height: 170px; }
}
/* На узком экране окно не режется, а пропорционально уменьшается. */
@media (max-width: 1048px){
  .tour-screen-scroll { justify-content: flex-start; aspect-ratio: 1000 / 660; }
  .tour-stage .product-window { transform: scale(var(--tour-scale, 1)); }
  .tour-hint { display: none; }
}
@media (max-width: 640px) {

  .tour-section{ padding-top: 72px; }

}