@import "../../variables";
 .shop-slider {
	 margin-bottom: 50px;
}
 .shop-slider__wrap {
	 position: relative;
	 width: 770px;
	 max-width: calc(100% - 100px);
	 margin: 0 auto;
}
 @media screen and (max-width: 767px) {
	 .shop-slider__wrap {
		 max-width: 90%;
	}
}
 .shop-slider__top {
	 margin: 20px auto 10px;
	 position: relative;
}
 .shop-slider__top-button {
	 display: block;
	 position: absolute;
	 top: 0;
	 width: 305px;
	 height: 410px;
	 color: #fff;
	 cursor: pointer;
}
 .shop-slider__top-button--next {
	 right: -100px;
}
 .shop-slider__top-button--next span {
	 right: 20px;
}
 @media screen and (max-width: 1100px) {
	 .shop-slider__top-button--next {
		 right: -70px;
	}
}
 .shop-slider__top-button--prev {
	 left: -100px;
}
 .shop-slider__top-button--prev span {
	 left: 20px;
}
 @media screen and (max-width: 1100px) {
	 .shop-slider__top-button--prev {
		 left: -70px;
	}
}
 .shop-slider__top-button span {
	 position: absolute;
	 top: 50%;
	 width: 42px;
	 height: 40px;
	 text-align: center;
	 color: #c94d53;
	 text-decoration: none;
	 font-size: 2rem;
	 line-height: 36px;
	 opacity: 0.5;
}
 @media screen and (max-width: 768px) {
	 .shop-slider__top-button {
		 display: none;
	}
}
 .shop-slider__top .swiper-slide {
	 height: auto;
	 background: white;
}
 .shop-slider__top .swiper-slide img {
	 max-width: 100%;
}
 .shop-slider__thumb {
	 margin: 17px auto 0;
	 position: relative;
}
 .shop-slider__thumb-item {
	 border: 1px solid #666;
	 cursor: pointer;
}
 .shop-slider__thumb-item.swiper-slide-thumb-active {
	 border: 2px solid #c94d53;
}
 .shop-slider__thumb-item img {
	 z-index: -1;
}
 .shop-slider__thumb-button {
	 display: block;
	 position: absolute;
	 top: 1px;
	 bottom: 3px;
	 width: 60px;
	 background: #c94d53;
	 color: #fff;
	 text-decoration: none;
	 text-shadow: 0 0 1px #000;
	 font: 27px/29px Arial, sans-serif;
	 line-height: 138px;
	 opacity: 0.75;
	 z-index: 2;
	 text-align: center;
	 height: 100%;
	 cursor: pointer;
}
 .shop-slider__thumb-button--prev {
	 left: 0;
}
 .shop-slider__thumb-button--next {
	 right: 0;
}
 .shop-slider .swiper-button-disabled {
	 opacity: 0.1;
}
 .shop-slider .swiper-pagination {
	 margin: 0 auto;
	 align-items: center;
	 display: none;
	 width: 100%;
	 justify-content: center;
}
 @media screen and (max-width: 768px) {
	 .shop-slider .swiper-pagination {
		 display: flex;
	}
}
 .shop-slider .swiper-pagination-bullet {
	 background: #b9b9b9;
	 opacity: 1;
	 margin: 7px;
	 width: 12px;
	 height: 12px;
}
 .shop-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	 background: #ea1a3c;
}
 .shop-slider .swiper-lazy {
	 opacity: 0;
}
 .shop-slider .swiper-lazy-loaded {
	 opacity: 1;
	 transition: opacity 0.2s;
}