/* Loader overlay */
.grid-item {
	position: relative;
}

.loading-animation::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border: 4px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	z-index: 1000;
}

/* Loader spin animation */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Optional: make the grid item content less visible when loading */
.loading-animation {
	opacity: 0.7;
	pointer-events: none; /* Prevent further clicks */
}