.otsar-image-gallery {
	box-sizing: border-box;
	width: 100%;
	padding: clamp(1.25rem, 3vw, 2.5rem) var( --otsar-gutter, 1.5rem );
	margin-top: 1.5rem;
}

.otsar-image-gallery__grid {
	display: grid;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	gap: clamp( 1.5rem, 4vw, 3rem );
	align-items: center;
	justify-items: center;
}

.otsar-image-gallery__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.otsar-image-gallery__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.otsar-image-gallery__caption {
	margin: 0.45rem 0 0;
	padding: 0;
	width: 100%;
	font-family: var(--otsar-font-variable, inherit), sans-serif;
	font-size: 0.8125rem;
	font-variation-settings: "MONO" 0, "wght" 600;
	line-height: 1.35;
	text-align: right;
	color: inherit;
}

@media ( max-width: 900px ) {
	.otsar-image-gallery {
		padding-inline: 0;
	}

	.otsar-image-gallery__grid {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 1.25rem;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		touch-action: pan-x;
		padding-inline: var( --otsar-gutter, 1.5rem );
	}

	.otsar-image-gallery__grid::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	.otsar-image-gallery__item {
		flex: 0 0 auto;
		width: min( 62vw, 14rem );
		max-width: none;
	}
}