.woocommerce div.product {
	div.images {
		// @include media-breakpoint-up (lg) {
		// 	align-self: flex-start;
		// 	position: sticky !important;
		// 	top: 50px;
		// }
		float: none;

		.flex-viewport {
			.woocommerce-product-gallery__wrapper {
				max-width: initial;
			}
		}

		.flex-control-thumbs {
			li {
				width: 22.75%;
				margin-top: 3%;
				margin-right: 3%;

				&:nth-child(4n) {
					margin-right: 0;
				}

				img {
					transition: opacity 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
				}
			}
		}

		.woocommerce-product-gallery__trigger {
			top: 20px;
			right: 20px;
			opacity: 0;
			transition: opacity 0.2s ease;

			&:before {
				width: 8px;
				height: 8px;
				top: 12px;
				left: 12px;
			}

			&:after {
				height: 5px;
				top: 21px;
				left: 21px;
				transform: rotate(-40deg);
			}
		}

		&:hover {
			.woocommerce-product-gallery__trigger {
				opacity: 1;
			}
		}
	}

	&.thumbs-left {
		span.onsale {
			@include media-breakpoint-only (md) {
				margin-left: calc(25% + 18px);
			}

			@include media-breakpoint-up (lg) {
				margin-left: calc( var(--productGalleryWidth) * 0.25 + 18px);
			}
		}

		@include media-breakpoint-up (md) {
			.woocommerce-product-gallery {
				overflow: hidden;

				.flex-viewport {
					width: 75%;
					margin-left: 25%;
				}

				.flex-control-thumbs {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					overflow-y: scroll;
					width: 25%;
					margin-top: -1em;

					li {
						width: 100%;
						padding-top: 1em;
						padding-right: 1em;
						margin: 0;
						float: none;
					}
				}
			}
		}
	}
}