.swiper-button-prev-review1111 {
	content: url(../../../../img/review-arrow.png);
}

.swiper-button-next-review {
	content1111: url(img/review-arrow.png);
	transform: rotateY(180deg);
}
.product_slider .swiper-pagination {
	display: none;
}

.product_slider .swiper-button-next:after, .product_slider .swiper-rtl .swiper-button-prev:after {
    content: '';
}

 .product_slider .swiper-button-prev:after, .product_slider .swiper-rtl .swiper-button-next:after {
    content: '';
}

.star {
	fill: hsl(var(--primary) / .5);
	transition: fill 0.3s;
	stroke: hsl(var(--primary) / .5);
	stroke-width: 3;
}

.star:hover {
	fill: hsl(var(--primary));
	stroke: hsl(var(--primary));
}

.star-empty {
	fill: hsl(var(--background));
	transition: fill 0.3s;
	stroke: hsl(var(--primary) / .5);
	stroke-width: 3;
}

.star-empty:hover {
	fill: hsl(var(--primary));
	stroke: hsl(var(--primary));
}

#toggle {
	display: none;
}

/* Контейнер для кнопки и попапа */
.container1 {
	position: relative;
}

/* Стили для кнопки */
.open-btn1 {
	cursor: pointer;
}

/* Затемняющий фон */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* Начальная прозрачность */
	transition: opacity 0.3s ease-in-out;
	/* Плавное изменение прозрачности */
	z-index: 99;
	pointer-events: none;
	/* Отключаем взаимодействие с фоном, пока он не виден */
}


/* Изначально скрытый попап */
.popup1 {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	z-index: 100;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	opacity: 0;
	z-index: -1;
}

/* Когда чекбокс отмечен - показываем попап и затемняющий фон */
#toggle:checked~.overlay {
	opacity: 1;
	/* Полная прозрачность */
	pointer-events: auto;
	
}

#toggle:checked~.popup1 {
	display: block;
	transform: translateX(-200px);
	opacity: 1;
	z-index: 10;
}

/* Стиль кнопки закрытия */
.close-btn1 {
	cursor: pointer;
}

@media (max-width: 640px) {
#toggle:checked~.popup1 {
    display: block;
    transform: translateX(-10px);
    opacity: 1;
    position: relative;
    width: 100%;
	z-index: 10;
}}

@media screen and (max-width: 1024px) {
 .product_slider  .swiper-button-next {
    right: -10px;
  }
.product_slider  .swiper-button-prev {
    left: -10px;
  }
}