/* Объявления: чипсы над выдачей (js/obv/obv-chips.js) — выбранные условия с «×» и быстрые чипсы «Новые · VIN указан …»;
   кнопка «Сохранить поиск» в подвале панели (js/obv/obv-saved.js); строка «Обмен» и счётчики на странице объявления.
   Виды А/Б/В — токены --sk-*; телефон ≤ 900px — чипсы одной прокручиваемой строкой, без прокрутки страницы вбок. */

html[data-skin] .obv-chips { display: grid; gap: 8px; margin: 0 0 14px; }
html[data-skin] .obv-chips__act, html[data-skin] .obv-chips__quick { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-skin] .obv-chip {
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 32px; padding: 0 12px;
  border: 1px solid var(--sk-line); border-radius: 999px; background: #fff; color: var(--sk-ink); font: 500 13px/1.2 var(--sk-font); cursor: pointer;
}
html[data-skin] .obv-chip > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-skin] .obv-chip > i { font-style: normal; font-size: 16px; line-height: 1; color: inherit; opacity: .7; }
html[data-skin] .obv-chip:hover { border-color: var(--sk-ink); }
html[data-skin] .obv-chips__act .obv-chip.is-on { background: var(--sk-ink); border-color: var(--sk-ink); color: #fff; }
html[data-skin] .obv-chip--quick { color: var(--sk-muted); }
html[data-skin] .obv-chip--quick.is-on { background: var(--sk-soft); border-color: var(--sk-ink); color: var(--sk-ink); }

/* «Сохранить поиск» — рядом с «Показать N»; после сохранения — тихая «Сохранено» */
html[data-skin] .adp-save { min-height: 48px; }
html[data-skin] .adp-save.is-saved { border-color: var(--sk-ok, #1a7f4b); color: var(--sk-ok, #1a7f4b); opacity: 1; }

/* страница объявления: обмен словами */
html[data-skin] .obv-item__exchange { margin: 0 0 8px; font-size: 14px; }

@media (max-width: 900px) {
  html[data-skin] .obv-chips { gap: 6px; margin: 0 0 10px; }
  html[data-skin] .obv-chips__act, html[data-skin] .obv-chips__quick { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--sk-gut)); padding: 2px var(--sk-gut); }
  html[data-skin] .obv-chips__act::-webkit-scrollbar, html[data-skin] .obv-chips__quick::-webkit-scrollbar { display: none; }
  html[data-skin] .obv-chip { flex: none; max-width: 240px; }
  /* подвал панели одной строкой: «Сохранить поиск» + «Показать N», «Сбросить» — строкой ниже */
  html[data-skin] .adp-foot { gap: 10px; }
  html[data-skin] .adp-save { flex: 0 0 auto; min-width: 0; padding: 0 14px; font-size: 14px; }
  html[data-skin] .adp-foot .adp-show { flex: 1 1 0; font-size: 15px; padding: 0 10px; }
  html[data-skin] .adp-reset { flex-basis: 100%; margin-right: 0; order: 3; text-align: center; }
}