/* A presentation-only gallery. WooCommerce keeps its original gallery hidden behind it for variation updates. */
.manomoda-independent-gallery .woocommerce-product-gallery__wrapper,
.manomoda-independent-gallery .flex-control-nav,
.manomoda-independent-gallery .flex-direction-nav {
	display: none !important;
}

.manomoda-gallery-display {
	position: relative;
	background: #fff;
}

.manomoda-gallery-display-image {
	display: block;
	width: 100%;
	height: min(620px, 56vw);
	object-fit: contain;
	background: #fff;
	transition: opacity 150ms ease;
}

.manomoda-gallery-display-image.is-switching {
	opacity: 0.25;
}

.manomoda-gallery-main-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #203c54;
	font-size: 42px;
	line-height: 1;
	cursor: pointer;
}

.manomoda-gallery-main-arrow--previous { left: 16px; }
.manomoda-gallery-main-arrow--next { right: 16px; }

.manomoda-gallery-thumbnails-v27 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.manomoda-gallery-thumbnail-v27 {
	aspect-ratio: 1 / 1;
	padding: 0;
	border: 1px solid transparent;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

.manomoda-gallery-thumbnail-v27.is-active {
	border-color: #67935d;
}

.manomoda-gallery-thumbnail-v27 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 700px) {
	.manomoda-gallery-display-image {
		height: 470px;
	}

	.manomoda-gallery-main-arrow {
		width: 34px;
		height: 34px;
		margin-top: -17px;
		font-size: 34px;
	}

	.manomoda-gallery-main-arrow--previous { left: 8px; }
	.manomoda-gallery-main-arrow--next { right: 8px; }

	.manomoda-gallery-thumbnails-v27 {
		gap: 8px;
	}
}