.media-gallery {

	img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		user-select: none;
	}


	/* ── CAROUSEL ──────────────────────────────────────────────────────────── */

	&.media-gallery--carousel {
		--swiper-theme-color: black;
		--swiper-navigation-color: black;

		.swiper-slide {
			height: auto;
			aspect-ratio: 1;
		}

		.swiper-horizontal .swiper-controls {
			user-select: none;
			position: relative;
			padding: 1rem;
			margin-top: 2rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 1rem;

			.swiper-button-prev,
			.swiper-button-next {
				position: relative;
				left: unset;
				right: unset;
				top: unset;
				bottom: unset;
				height: 1.375rem;
				width: 1rem;
				margin: 0;
			}
		}
	}


	/* ── GRID ──────────────────────────────────────────────────────────────── */

	&.media-gallery--grid {
		display: grid;
		grid-template-columns: repeat(var(--media-gallery-columns, 3), 1fr);
		gap: 1rem;

		.media-gallery__item {
			overflow: hidden;
		}
	}
}