.is-7c7c4e13-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.is-7c7c4e13-main-image {
	width: 100%;
}

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

.is-7c7c4e13-thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.is-7c7c4e13-thumbnail {
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.3s ease;
	width: calc(25% - 10px); /* Default width, assuming 4 per row approximately */
}

.is-7c7c4e13-thumbnail:hover,
.is-7c7c4e13-thumbnail.is-active {
	opacity: 1;
}

.is-7c7c4e13-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}