/* EII Catalog Extras — кнопка «Показать другие» + бейдж «в избранном» */

/* feed-head: счётчик слева, кнопка справа */
.feed-head--has-shuffle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.catalog-shuffle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: inherit;
  font-size: 13px;
  line-height: 1;
  padding: 8px 14px;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}
.catalog-shuffle:hover { background: rgba(0, 0, 0, .04); border-color: rgba(0, 0, 0, .30); }
.catalog-shuffle:active { transform: translateY(1px); }
.catalog-shuffle:focus-visible { outline: 2px solid rgba(0, 0, 0, .35); outline-offset: 2px; }
.catalog-shuffle .cs-ico { font-size: 14px; display: inline-block; }

.catalog-shuffle.is-loading { opacity: .55; pointer-events: none; }
.catalog-shuffle.is-loading .cs-ico { animation: eii-ce-spin .7s linear infinite; }
@keyframes eii-ce-spin { to { transform: rotate(360deg); } }

/* бейдж «♥ N» в строке метаданных карточки */
.epitaph-meta .fav-count {
  margin-left: 6px;
  font-size: 12px;
  color: #9a6b6b;
  white-space: nowrap;
  letter-spacing: .01em;
}

@media (max-width: 600px) {
  .catalog-shuffle { font-size: 12px; padding: 7px 12px; }
}