/* Порядок секций задаётся layout-order.css при генерации */
.page {
  display: flex;
  flex-direction: column;
}

body[data-layout="b"] .features.card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 900px) {
  body[data-layout="b"] .features.card {
    grid-template-columns: 1fr;
  }
}

body[data-layout="c"] .hero-grid {
  flex-direction: row-reverse;
}
body[data-layout="c"] .stats.card {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 700px) {
  body[data-layout="c"] .stats.card {
    grid-template-columns: repeat(4, 1fr);
  }
}