/* Мобильная версия B: сортировка — ссылки темы сегментами в шторке «Фильтр и сортировка» (category-sidebar-mobile.js
   переносит их из .catalog-sort в .et-sort__opts). Блок .catalog__header с самой сортировкой на телефоне скрыт
   (catalog-mobile.css). Всё под max-width: 991px — десктоп не меняется. */
@media screen and (max-width: 991px) {
  .et-sort { margin: 0 0 24px; }
  .et-sort__opts { display: flex; gap: 8px; }
  .et-sort .catalog-sort__option {
    position: relative; flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--et-edge); background: #fff;
    color: var(--et-ink); font: 700 14px/1 "Gotham Pro", sans-serif; text-transform: capitalize; text-decoration: none;
    touch-action: manipulation; transition: transform 160ms var(--et-ease);
  }
  .et-sort .catalog-sort__option:first-child { margin-left: 0; }
  .et-sort .catalog-sort__option:active { transform: scale(.97); }
  .et-sort .catalog-sort__option--active, .et-sort .catalog-sort__option.asc, .et-sort .catalog-sort__option.desc {
    background: var(--et-ink); border-color: var(--et-ink); color: #fff; padding-right: 24px;
  }
  .et-sort .catalog-sort__option--active::after, .et-sort .asc::after, .et-sort .desc::after { right: 10px; border-top-color: #fff; }
  .et-sort .desc::after { border-top-color: transparent; border-bottom-color: #fff; }
  @media (prefers-reduced-motion: reduce) {
    .et-sort .catalog-sort__option { transition: none; }
    .et-sort .catalog-sort__option:active { transform: none; }
  }
}