.pig-gallery-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pig-main-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.pig-thumbnails {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.pig-thumbnail {
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.pig-thumbnail:hover {
	opacity: 0.8;
}

.pig-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}