/**
 * Outdoor Product Gallery — Tile Grid + Thumbnails
 *
 * BEM: .outdoor-gallery / __grid / __tile / __thumbs / __thumb
 * Most values overridden by Elementor controls via selectors.
 */

/* ── Grid ── */

.outdoor-gallery__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.outdoor-gallery__tile {
	display: block;
	overflow: hidden;
	border: 1px solid #C6BEB5;
	border-style: solid;
	aspect-ratio: 4/3;
	cursor: pointer;
	text-decoration: none;
	line-height: 0;
}

.outdoor-gallery__tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── Thumbnails ── */

.outdoor-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 20px;
}

.outdoor-gallery__thumb {
	display: block;
	overflow: hidden;
	border: 1px solid #C6BEB5;
	border-style: solid;
	cursor: pointer;
	text-decoration: none;
	line-height: 0;
}

.outdoor-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}