/* Панель постраничности для разделов вне каталога: /blog/ (TASK-0721)
   и /news/ (TASK-0724). Вид взят у пагинации каталога — блок `.c26__pager`
   в assets/template/css/catalog-2026.css (строки 320–331). Правила
   скопированы оттуда как есть; переменные --c26-* заменены их значениями
   из :root того же файла, потому что catalog-2026.css на этих страницах
   не подключается.

   ⚠️ Селекторы намеренно длиннее необходимого (`.c26__pager ul.pagination li a`):
   в styles.min.css живут общие правила `.pagination li a` со своей рамкой,
   отрицательным margin и склейкой углов — с более коротким селектором они
   перебивают этот блок. Не «упрощать».

   Подключается и блогом, и новостями — правится в одном месте. */
.c26__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 3rem;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #E4E9EF;
  border-radius: 12px;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}
.c26__pager-cnt {
  display: inline-flex;
  flex: none;
  color: #8A99A9;
  font-size: 13px;
  white-space: nowrap;
}
.c26__pager .c26__more {
  padding: 10px 18px;
  background: #fff;
  border: 1px solid #E4E9EF;
  border-radius: 9px;
  color: #1B6DC4;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
/* обнуляем общий вид .pagination из styles.min.css у обёрток */
.c26__pager .mse2_pagination,
.c26__pager .pagination {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.c26__pager ul.pagination {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.c26__pager ul.pagination li {
  margin: 0 !important;
  list-style: none;
}
.c26__pager ul.pagination li:before { display: none; }
.c26__pager ul.pagination li a,
.c26__pager ul.pagination li span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #E4E9EF;
  border-radius: 8px;
  color: #3B4C5F;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}
/* в каталоге ссылки на hover просто краснеют (.catalog-2026 .c26 a:hover) */
.c26__pager ul.pagination li a:hover {
  background: #fff;
  border-color: #E4E9EF;
  color: #F1861D;
  text-decoration: none;
}
.c26__pager ul.pagination li.active {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  background: #F1861D;
  border: 1px solid #F1861D;
  border-radius: 8px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
}
.c26__pager ul.pagination li.disabled span { color: #C7D0D9; }

@media (max-width: 1023px) {
  .c26__pager .mse2_pagination { margin-top: 10px; }
  .c26__pager .c26__more { width: 100%; }
}