/* Б-08 Кейсы, вариант b-cases--list — список кейсов с фильтром (хаб «Кейсы»); сетка b-cases__grid — и для «Других кейсов» на странице кейса. Источник: пакет D задачи 6.4 */

.b-cases--list {
  padding-block: 0 var(--space-section);
  background: var(--color-bg);
}

.b-cases--list .b-cases__head {
  margin-bottom: 0;
}

.b-cases__filter {
  margin-bottom: var(--space-6);
}

/* На телефоне пилюли — лентой с прокруткой, как вкладки c-tabs */
.b-cases__filter-list {
  display: flex;
  gap: var(--space-2);
  margin-inline: calc(-1 * var(--container-pad));
  padding: var(--space-1) var(--container-pad) var(--space-2);
  overflow-x: auto;
  list-style: none;
  scrollbar-width: thin;
}

.b-cases__filter-list > li {
  flex: none;
}

.b-cases__grid {
  list-style: none;
}

.b-cases__grid > li {
  display: flex;
}

.b-cases--list .b-case-card--full {
  background: var(--color-surface);
}

@media (min-width: 768px) {
  .b-cases__filter-list {
    flex-wrap: wrap;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }
}