/* Structure */
.woocommerce-product-gallery{
	position: relative;
    float: left;
	margin-bottom: 20px;
}

.gallery-slider.woocommerce-product-gallery__wrapper{
	width: 100%;
	height: 500px;
	margin-bottom: 32px;
}

.woocommerce-product-gallery__wrapper img{
	cursor: zoom-in;
}

/* Product gallery */
@media screen and (min-width: 993px){
	.gallery-slider{
		width: 100%;
		display: flex;
	}
	.woocommerce-product-gallery{
		width: 50%;
		margin-bottom: 70px;
	}
}

.gallery-slider .swiper-wrapper{
	border-radius: var(--border-radius);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image{
	height: 100%;
	border-radius: var(--border-radius);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-product-gallery__image img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: none;
	border-radius: var(--border-radius);
}

/* Navigation */
.gallery-slider .swiper-button-next, 
.gallery-slider .swiper-button-prev{
	position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
	width: 36px;
	height: 36px;
}

.gallery-slider .swiper-button-prev{
	left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.gallery-slider .swiper-button-next{
	right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.gallery-slider .swiper-button-prev:after{
	-webkit-mask-image: url('../../../icons/chevron-left-product.svg');
    mask-image: url('../../../icons/chevron-left-product.svg');
}

.gallery-slider .swiper-button-next:after{
	-webkit-mask-image: url('../../../icons/chevron-right-product.svg');
    mask-image: url('../../../icons/chevron-right-product.svg');
}

/* Product gallery thumbs */
.gallery-thumbs{
	overflow: hidden;
	cursor: grab;
	position: relative;
	padding-inline: 8%;
	margin-top: 12px;
}

.gallery-thumbs:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100%;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
}

.gallery-thumbs:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
}

.gallery-thumbs .swiper-slide{
	width: auto;
	height: auto;
	overflow: hidden;
	-webkit-transition: opacity var(--transition);
	transition: opacity var(--transition);
	border-radius: 16px;
	border: 2px solid transparent;
	min-width: 122px;
    height: 122px;
}

.gallery-thumbs .swiper-slide img{
	border-radius: 14px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
	border: 2px solid var(--color-text);
}

/* Only desktop */
@media screen and (min-width: 993px){
	.gallery-thumbs .swiper-slide img{
		width: 100%;
	}
}

/* Mobile */
@media screen and (max-width: 992px){
	.gallery-slider{
		padding-left: 0;
		margin-bottom: 6px;
	}
	.woocommerce-product-gallery{
		width: 100%;
    	float: none;
		margin-bottom: 20px;
	}
	.gallery-thumbs .swiper-slide{
		height: auto;
		min-width: unset;
	}
}