/* Start:/local/templates/mc_semya_new/components/bitrix/news.list/medals.list_slider_custom/style.css?17473146063114*/
.rating-feedback__reward{
	/* overflow-x: hidden; */
	height: 100px;
	width: 50%;
	clip-path: inset(0 0 -200px 0);
}
.rating-feedback__item-reward{
	display: block;
	height: 100px;
	/* width: 100px; */
}

.rating-feedback__item-reward{
	width: 100%;
}

.rating-feedback__item-reward img{
	height: 100%;
}

.rating-feedback__reward {
	position: relative; /* Для позиционирования кнопок */
}

.swiper-reward {
	width: 100%; /* Занимает всю доступную ширину */
	height: 250px; /* Задайте нужную вам максимальную высоту */
}

.swiper-wrapper {
	display: flex; /* Для гибкой настройки слайдов */
	align-items: center; /* Выравнивание слайдов по вертикали */
}

.swiper-slide {
	width: auto; /* Автоматическая ширина, зависит от содержимого */
}

.rating-feedback__item-reward {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-sizing: border-box; /* Чтобы padding не увеличивал ширину */
}

.rating-feedback__item-img {
	width: auto; /* Разрешить ширине изображения определять ширину блока */
	height: 100px; /* Максимальная высота изображения */
	display: flex;
	align-items: center;
	justify-content: center;
}

.rating-feedback__item-img img {
	max-width: 100%; /* Изображение не шире, чем родительский блок */
	max-height: 100%; /* Изображение не выше, чем заданная высота */
	width: auto; /* Сохранять пропорции */
	height: auto; /* Сохранять пропорции */
	object-fit: contain; /*  Важно! Чтобы изображение помещалось в контейнер с сохранением пропорций */
}

.rating-feedback__popup-reward {
	pointer-events: none;
	position: absolute;
	z-index: 100;
	max-width: 166px;
	width: max-content;
    top: 30%;
	opacity: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	color: #535353;
	padding: 14px 20px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 10px 30px rgba(50, 10, 25, 0.1);
}

.rating-feedback__item-reward:hover .rating-feedback__popup-reward {
    transition: all 0.2s;
    opacity: 1;
}



/* Стили для кнопок навигации */
.swiper-button-next.arrow-swiper-reward,
.swiper-button-prev.arrow-swiper-reward {
	position: absolute;
	top: 75%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	padding: 11px;
	background-color: #7E2A46; /* Пример стиля */
	color: white; /* Пример стиля */
	border-radius: 50%; /* Пример стиля */
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10; /* Чтобы кнопки были поверх слайдов */
}

.swiper-button-next.arrow-swiper-reward {
	right: 10px;
}

.swiper-button-prev.arrow-swiper-reward {
	left: 10px;
}

/* End */
/* /local/templates/mc_semya_new/components/bitrix/news.list/medals.list_slider_custom/style.css?17473146063114 */