/* Product gallery: up to 5 thumbnails stacked vertically on the left of the main image, no thumbnail scrolling or arrows. */
.woocommerce-product-gallery .flex-direction-nav,
.woocommerce-product-gallery .flex-control-nav .flex-prev,
.woocommerce-product-gallery .flex-control-nav .flex-next { display: none !important; }

@media (min-width: 768px) {
	.woocommerce div.product div.images.woocommerce-product-gallery {
		display: flex !important;
		flex-direction: row;
		align-items: flex-start;
		gap: 12px;
		position: relative;
	}
	.woocommerce div.product div.images .flex-viewport,
	.woocommerce div.product div.images.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { flex: 1 1 auto; min-width: 0; width: 100%; order: 2; }
	.woocommerce div.product div.images.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
	.woocommerce div.product div.images.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper img { width: 100%; }
	.woocommerce div.product div.images .flex-control-thumbs {
		order: 1;
		flex: 0 0 76px;
		width: 76px !important;
		display: flex !important;
		flex-direction: column;
		gap: 8px;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		max-height: none !important;
		transform: none !important;
	}
	.woocommerce div.product div.images .flex-control-thumbs li {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}
	.woocommerce div.product div.images .flex-control-thumbs li:nth-child(n+6) { display: none !important; }
	.woocommerce div.product div.images .flex-control-thumbs img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		object-fit: contain;
		background: #fff;
		border: 1px solid #e5e7eb;
		border-radius: 4px;
		opacity: .75;
		cursor: pointer;
	}
	.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
	.woocommerce div.product div.images .flex-control-thumbs img:hover { opacity: 1; border-color: var(--nxc-accent, var(--ast-global-color-0, #0b5cad)); }
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 3; }
}
