/* Мобильная версия B, страница раздела каталога: подразделы чипами 44 px в две строки («Все», активный, «Ещё N»), шторка
   «Все разделы», форма фильтра в шторке (поля цены, ползунок, списки производителей и марок). Узлы создаёт
   category-sidebar-mobile.js, html.et-js стоит, пока экран узкий. В теме на телефоне боковая колонка скрыта
   (category-sidebar.css, ≤ 992 px): здесь она остаётся только как «шапка» с чипами, а форма переезжает в шторку.
   Всё под max-width: 991px — десктоп не меняется. */
@media screen and (min-width: 992px) {
  .et-chip--all, .et-chip--more, .et-sec { display: none !important; }
}
@media screen and (max-width: 991px) {
  .et-js .category-sidebar { display: contents !important; }
  .et-js .category-sidebar__container { display: contents; }
  .et-js .category-sidebar__header { margin: 0; padding: 0; background: none; }
  .et-js .category-sidebar__title { display: none; }
  .et-js .category-sidebar__nav { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; overflow: visible; background: none; }
  .et-js .category-sidebar__nav .et-chip {
    flex: none; display: inline-flex; align-items: center; gap: 8px; box-sizing: border-box;
    min-height: 44px; min-width: 44px; max-width: 100%; margin: 0; padding: 6px 14px;
    border: 1px solid var(--et-edge); border-radius: 0; background: #fff; color: var(--et-ink);
    font: 500 14px/1.25 "Gotham Pro", sans-serif; text-align: left; text-decoration: none; white-space: normal;
    cursor: pointer; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
    transition: transform 160ms var(--et-ease);
  }
  /* без until-found (старый браузер) чип скрыт обычным hidden; с ним — вне потока и без размера, чтобы не занимать место,
     но оставаться в поиске по странице (hidden="until-found", ECUTALL-22) */
  .et-js .category-sidebar__nav .et-chip[hidden]:not([hidden="until-found"]) { display: none; }
  .et-js .category-sidebar__nav .et-chip[hidden="until-found"] {
    position: absolute; width: 0; height: 0; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; overflow: hidden;
  }
  .et-js .category-sidebar__nav .et-chip.is-active { background: var(--et-ink); border-color: var(--et-ink); color: #fff; }
  .et-js .category-sidebar__nav .et-chip--more { color: var(--et-red); font-weight: 700; border-color: var(--et-red); }
  .et-js .category-sidebar__nav .et-chip:active { transform: scale(.97); }
  @media (hover: hover) and (pointer: fine) {
    .et-js .category-sidebar__nav .et-chip:not(.is-active):hover { color: var(--et-red); text-decoration: none; }
  }

  /* форма фильтра внутри шторки: подписи, цена, ползунок, списки */
  .et-sheet .category-sidebar__form-group { margin: 0 0 24px; padding: 0; border: 0; }
  .et-sheet .category-sidebar__form-label {
    display: block; margin: 0 0 10px; padding: 0; font: 700 14px/1.3 "Gotham Pro", sans-serif; color: var(--et-ink);
  }
  .et-sheet .category-sidebar__range-controls { display: flex; align-items: center; gap: 12px; }
  .et-sheet .category-sidebar__control-min, .et-sheet .category-sidebar__control-max {
    display: block; flex: 1 1 0; width: 100%; min-width: 0; height: 48px; box-sizing: border-box; padding: 0 12px;
    border: 1px solid var(--et-edge); border-radius: 0; font: 600 16px/1 "Open Sans", sans-serif; color: var(--et-ink);
    font-variant-numeric: tabular-nums;
  }
  .et-sheet .category-sidebar__range-dash { flex: none; width: 12px; height: 1px; margin: 0; background: var(--et-gray); }
  .et-sheet .category-sidebar__range { margin: 24px 14px 12px; }

  /* списки разделов шторки «Все разделы»: верхние разделы сайта, у текущего — его подразделы */
  .et-sheet__body--flush { padding: 0 0 calc(16px + env(safe-area-inset-bottom, 0px)); }
  .et-sec, .et-sec__sub { list-style: none; margin: 0; padding: 0; }
  .et-sec__link {
    display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 16px; box-sizing: border-box;
    border-bottom: 1px solid var(--et-line); color: var(--et-ink); font: 500 16px/1.3 "Gotham Pro", sans-serif;
    text-decoration: none; touch-action: manipulation;
  }
  .et-sec__link::after { content: '\f054'; margin-left: auto; font: 900 12px/1 "Font Awesome 5 Free"; color: var(--et-gray); }
  .et-sec__item.is-current > .et-sec__link { font-weight: 700; }
  .et-sec__sub { background: #F4F4F4; }
  .et-sec__link--sub { min-height: 48px; padding-left: 32px; font-size: 15px; font-weight: 400; }
  .et-sec__link[aria-current="page"] { color: var(--et-red); font-weight: 700; }
  .et-sec__link[aria-current="page"]::after { content: '\f00c'; color: var(--et-red); }
  .et-sec__n { font-size: 13px; font-weight: 500; color: var(--et-gray); font-variant-numeric: tabular-nums; }
  @media (hover: hover) and (pointer: fine) {
    .et-sec__link:hover { color: var(--et-red); }
  }
  @media (prefers-reduced-motion: reduce) {
    .et-js .category-sidebar__nav .et-chip { transition: none; }
    .et-js .category-sidebar__nav .et-chip:active { transform: none; }
  }
}