/**
 * Layout Builder – Gallery block (horizontal scroll carousel).
 */

section.gallery {
	padding: 1rem 0 2rem;
	background: transparent;
}

section.gallery .outline {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}

section.gallery .gallery__track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	padding-bottom: 4px;
	scrollbar-width: thin;
}

section.gallery .gallery__slide {
	flex: 0 0 min(85vw, 576px);
	scroll-snap-align: center;
	list-style: none;
}

section.gallery .gallery__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 8px;
	background: transparent;
}

@media (min-width: 769px) {
	section.gallery {
		padding: 2rem 0 3rem;
	}

	section.gallery .outline {
		padding: 0 24px;
	}

	section.gallery .gallery__slide {
		flex-basis: 576px;
	}
}

@media (prefers-reduced-motion: reduce) {
	section.gallery .gallery__track {
		scroll-behavior: auto;
	}
}