




	@media only screen and (min-width: 990px) {
		
		/* Swiper Gallery */
		#top .swiper-product-gallery {position: sticky; top: 180px;}
		#top .swiper-product-gallery .gallery-image {}
		
		
		/* Simple product gallery */
		#top .simple-product-gallery ul.simple-images .item-img:nth-child(3n+1) {grid-column: span 2;}
	
	
	
	}
		
	@media only screen and (min-width: 768px) and (max-width: 989px) {
				
		/* Simple product gallery */
		.responsive #top .simple-product-gallery ul.simple-images {display: grid; grid-template-columns: 1fr 1fr 1fr;}
		
	}
		
		
	@media only screen and (max-width: 767px) {
		

		
	}
	
	
	
	#top .swiper-product-gallery .gallery-image span.image-overlay {display: none !important;}
	
	
/* ======================================================================================================================================================
# Swiper Product Gallery
====================================================================================================================================================== */
  


	#top .swiper-product-gallery {
		display: grid; min-width: 0; width: 100%; grid-template-columns: 1fr; gap: 20px
	}


	/* Big Image */
	#top .swiper-product-gallery .gallery-image {position: relative; min-width: 0; border-radius: 8px; border: solid 1px #e1e1e1; overflow: hidden;}
	#top .swiper-product-gallery .gallery-image a {width: 100%; height: 100%;}
	#top .swiper-product-gallery .gallery-image .swiper-wrapper {position: relative; /* height: var(--gallery-height);*/}
	#top .swiper-product-gallery .gallery-image .swiper-slide {display: flex; align-items: center; justify-content: center;}
	#top .swiper-product-gallery .gallery-image .swiper-slide img {object-fit: cover; width: 100%; height: 100%; border-radius: 6px;}


	/* Thumbnails */
	#top .swiper-product-gallery .gallery-thumbs {min-width: 0; min-height: 0; height: auto; border-radius: 8px; overflow: hidden;}
	#top .swiper-product-gallery .gallery-thumbs .swiper-slide {cursor: -webkit-grab; cursor: grab; border: solid 1px #e1e1e1; border-radius: 8px; overflow: hidden;}
	#top .swiper-product-gallery .gallery-thumbs .swiper-slide img {object-fit: cover; width: 100%; height: 100%;}
 	#top .swiper-product-gallery .gallery-thumbs .swiper-slide-thumb-active {border: solid 1px #dd031c;}

	/* Arrows */		
	#top .swiper-product-gallery .gallery-image .arrows {
		width:40px; height: 60px;  align-items: center; justify-content: center; background: rgba(255,255,255,75%); background-image: none; 
		color: #dd031c; border: solid 1px #e1e1e1; border-radius: 5px; transition: all 0.5s;
	}
	#top .swiper-product-gallery .gallery-image:hover .swiper-button-next, #top .swiper-product-gallery .gallery-image:hover .swiper-button-prev {opacity: 1;}
	#top .swiper-product-gallery .gallery-image .swiper-button-prev.swiper-button-disabled, #top .swiper-product-gallery .gallery-image .swiper-button-next.swiper-button-disabled {pointer-events: all;}
 
	#top .swiper-product-gallery .gallery-image .swiper-button-prev.swiper-button-disabled:hover, #top .swiper-product-gallery .gallery-image .swiper-button-next.swiper-button-disabled:hover {opacity: .35 !important;}
	#top .swiper-product-gallery .gallery-image .arrows:after {font-size: 16px;}
	#top .swiper-product-gallery .gallery-image .arrows:hover {background: #2a2a2a; color: #ffffff; border-color: #2a2a2a;}





/* ======================================================================================================================================================
# Simple product Gallery
====================================================================================================================================================== */


	#top .simple-product-gallery ul.simple-images {display: grid; grid-template-columns: 1fr 1fr;  grid-gap: 15px; margin: 0; padding: 0; list-style: none;}

	#top .simple-product-gallery ul.simple-images .item-img {display: block; width: 100%; border-radius: 8px; overflow: hidden;}


	/* Opcjonalnie można dodać styl dla obrazków, by były responsywne */
	#top .simple-product-gallery ul.simple-images .item-img img {
		width: 100%;
		height: auto;
		display: block;
	}
