.before-product-summary-wrapper {
	position: relative;

	.woocommerce-product-gallery__trigger {
		display: none;
	}

	.single-product__actions {
		position: absolute;
		opacity: 1;
		top: 30px;
		right: 30px;
		width: 40px;
		visibility: visible;
		z-index: 1;
		@include breakpoint(small only) {
			margin-right: rem-calc(-20);
		}
		@include breakpoint(medium only) {
			right: 50px;
		}

		.woocommerce-product-gallery__custom--trigger {
			svg.nyture-zoom {
				position: relative;
				top: 3px;
				width: 16px;
				height: 16px;
			}
		}

		.woocommerce-product-gallery__custom--trigger {
			width: 45px;
			height: 45px;
			line-height: 45px;
			text-align: center;
			background: #fff;
			color: v(site-heading-color);
			border-radius: 50%;
			cursor: pointer;
			transition: all 0.3s ease-out;

			&:hover {
				background-color: v(site-accent-color);
				color: #fff;
			}
		}
	}

	.woocommerce-product-gallery {
		@include breakpoint(small only) {
			margin-left: rem-calc(-20);
			margin-right: rem-calc(-20);
			padding-bottom: 1.5rem;
		}

		&__wrapper {
			&:after {
				content: "";
				display: block;
				clear: both;
			}
		}

		&__image {
			text-align: center;

			img {
				width: 100%;
			}
		}

		.flex-control-thumbs {
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: rem-calc(20) 0;
			@include breakpoint(medium) {
				margin: rem-calc(20) -4px;
			}

			li {
				text-align: center;
				margin: 4px;
				@include breakpoint(small only) {
					width: calc(23% - 8px);
				}

				&:hover {
					img {
						transform: scale3d(0.98, 0.98, 0.98);
					}
				}
			}

			img {
				opacity: 1;
				cursor: pointer;
				transition: transform 0.3s ease-in-out, transform 0.3s ease-in-out;
				width: 100%;

				&.flex-active {
					opacity: $opacity-medium;
				}
			}
		}
	}
}
