/*!
 * dshi14-section.css — страницы разделов (шаблоны page-section*).
 *
 * Заголовок и вводный HTML-текст используют стили записи из dshi14-single.css,
 * а здесь — сетка записей с настраиваемой ориентацией, числом колонок и
 * широкий вариант без сайдбара.
 */

/* Вводный текст перед сеткой. */
.dshi-section__intro {
  margin-block-end: 2rem;
}

/* Число колонок сетки (класс выводит template-parts/section.php). */
.dshi-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dshi-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dshi-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Ориентация миниатюр: по умолчанию горизонталь (1 / 0.63) из dshi14-main.css. */
.dshi-grid--vertical .dshi-grid__thumb {
  aspect-ratio: 0.63 / 1;
}

/* Вариант во всю ширину, без боковой колонки. */
.dshi-section-wide {
  padding: 0 20px;
}

@media (max-width: 1024px) {
  .dshi-grid--cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .dshi-grid--cols-2,
  .dshi-grid--cols-3,
  .dshi-grid--cols-4 {
    grid-template-columns: 1fr;
  }

  .dshi-section-wide {
    padding: 0;
  }
}