/* Мобильная версия B, пагинация каталога и поиска: «1 2 3 … 12», круги 44 px. Номера вне окна прячет pagination-mobile.js
   (класс is-far), промежутки «…» (et-gap), настоящую первую (et-first) и последнюю (et-last) страницы он же добавляет. Правила только внутри
   .catalog и .catalog-search при html.et-js: пагинация новостей и заказов остаётся как была. Без скрипта — обычный список.
   Всё под max-width: 991px — десктоп не меняется. */
@media screen and (min-width: 992px) {
  .et-gap, .et-first, .et-last { display: none !important; }
}
@media screen and (max-width: 991px) {
  .et-js .catalog .pagination, .et-js .catalog-search .pagination { margin: 16px 0 32px; }
  .et-js .catalog .pagination__list, .et-js .catalog-search .pagination__list {
    gap: 8px; list-style: none; padding: 0; flex-wrap: wrap; justify-content: center;
  }
  .et-js .catalog .pagination__item, .et-js .catalog-search .pagination__item { margin: 0; }
  .et-js .catalog .pagination__item.is-far, .et-js .catalog-search .pagination__item.is-far,
  .et-js .catalog .pagination__item--previos.disabled, .et-js .catalog-search .pagination__item--previos.disabled { display: none; }
  .et-js .et-gap { width: 24px; text-align: center; color: var(--et-gray); font-weight: 700; letter-spacing: 1px; }
  .et-js .catalog .pagination__link, .et-js .catalog-search .pagination__link {
    width: 44px; height: 44px; font-size: 15px; touch-action: manipulation; transition: transform 160ms var(--et-ease);
  }
  .et-js .catalog .pagination__item--next .pagination__link, .et-js .catalog .pagination__item--previos .pagination__link,
  .et-js .catalog-search .pagination__item--next .pagination__link, .et-js .catalog-search .pagination__item--previos .pagination__link {
    width: 44px; height: 44px; display: flex; background: none; transform: none;
  }
  .et-js .catalog .pagination__item--next .pagination__link::before, .et-js .catalog .pagination__item--previos .pagination__link::before,
  .et-js .catalog-search .pagination__item--next .pagination__link::before, .et-js .catalog-search .pagination__item--previos .pagination__link::before {
    content: '\f054'; font: 900 14px/1 "Font Awesome 5 Free"; color: var(--et-red);
  }
  .et-js .catalog .pagination__item--previos .pagination__link::before, .et-js .catalog-search .pagination__item--previos .pagination__link::before {
    content: '\f053';
  }
  .et-js .catalog .pagination__link:active, .et-js .catalog-search .pagination__link:active { transform: scale(.97); }
  @media (prefers-reduced-motion: reduce) {
    .et-js .catalog .pagination__link, .et-js .catalog-search .pagination__link { transition: none; }
    .et-js .catalog .pagination__link:active, .et-js .catalog-search .pagination__link:active { transform: none; }
  }
}