.merchant-gallery {
	--_columns: 3;
	--_gap: 1.5rem;
}

.merchant-gallery__grid {
	display: grid;
	grid-template-columns: repeat(var(--_columns), 1fr);
	gap: var(--_gap);
}

@media(max-width: 600px) {
	.merchant-gallery {
		--_gap: 0.75rem;
	}
}

@media(max-width: 420px) {
	.merchant-gallery {
		--_columns: 1;
	}
}

.merchant-gallery__grid > * {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center;
}

.merchant-gallery__placeholder {
	background: #eee;
	box-shadow: inset 0 0 1px #aaa;
}