/* Полиця: ряд обкладинок, що гортається вбік. */
.c-shelf {
  display: grid;
  grid-auto-columns: 104px;
  grid-auto-flow: column;
  gap: var(--space-3);
  margin: 0 calc(-1 * var(--space-4));
  padding: var(--space-1) var(--space-4) var(--space-2);
  overflow-x: auto;
  scroll-padding-inline: var(--space-4);
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.c-shelf::-webkit-scrollbar {
  display: none;
}

.c-shelf__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
}

.c-shelf__item .c-cover {
  margin-bottom: var(--space-1);
}

.c-shelf__title {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-shelf__meta {
  overflow: hidden;
  color: var(--color-hint);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}