.arlg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 24px;
	align-items: center;
}

.arlg-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
}

.arlg-item img {
	max-width: 100%;
	height: auto;
	max-height: 100px;
	object-fit: contain;
}

.arlg-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
}

.arlg-page-info {
	font-size: 14px;
	color: #555;
}

.arlg-wrapper.arlg-loading {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.arlg-error,
.arlg-empty {
	text-align: center;
	color: #777;
}