/**
 * Gallery grid — reuses .tmc-card styling from carousel.css (loaded as a
 * dependency), only lays cards out in a responsive grid instead of a
 * horizontal track.
 */

.tmc-gallery__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 24px 14px;
}

.tmc-gallery__grid .tmc-card {
	width: 100%;
}

/* No mirror/reflection effect on the gallery page — carousel-only per spec. */
.tmc-gallery__grid .tmc-card__reflection {
	display: none;
}

.tmc-gallery__loading {
	text-align: center;
	color: #999;
	margin-top: 24px;
}

.tmc-gallery__empty {
	text-align: center;
	color: #999;
	padding: 40px 0;
}

.tmc-gallery__sentinel {
	height: 1px;
}

@media (max-width: 480px) {
	.tmc-gallery__grid {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	}
}