/* =====================================================================
   Бесконечная прокрутка: индикатор, запасная кнопка и метка конца списка
   =====================================================================
   Цвета — только переменные темы, поэтому светлая и тёмная работают сами.
   ===================================================================== */

.ams-inf {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 22px 0 8px;
	grid-column: 1 / -1;   /* если попали внутрь grid-раскладки списка */
}

/* Три точки — тот же приём, что и у остальных загрузок на сайте */
.ams-inf-loader {
	display: flex;
	gap: 7px;
	align-items: center;
}
.ams-inf-loader[hidden] { display: none; }

.ams-inf-loader span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--active-2, #68a5ff);
	animation: ams-inf-bounce 1s infinite ease-in-out both;
}
.ams-inf-loader span:nth-child(2) { animation-delay: .15s; }
.ams-inf-loader span:nth-child(3) { animation-delay: .3s; }

@keyframes ams-inf-bounce {
	0%, 80%, 100% { transform: scale(.6); opacity: .5; }
	40%           { transform: scale(1);  opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.ams-inf-loader span { animation: none; opacity: .8; }
}

.ams-inf-more {
	background: var(--clr, #232329);
	border: 0;
	border-radius: 14px;
	color: var(--main-text, #fff);
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 28px;
}
.ams-inf-more:hover { background: var(--main, #24242d); }
.ams-inf-more[hidden] { display: none; }

.ams-inf-end {
	color: var(--second-text-2, #c4c4c4);
	font-size: 13px;
	opacity: .75;
}
.ams-inf-end[hidden] { display: none; }