/* Hero slider: single casino + single slot gallery. */
.casino-hero-wrap,
.slot-hero-wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	/* убирает зазор под inline/block-картинкой */
	line-height: 0;
	font-size: 0;
}
.casino-hero-slider,
.slot-hero-slider {
	width: 100%;
	max-width: 100%;
	background: #111;
	box-sizing: border-box;
}
/* Высоту задаёт Swiper (autoHeight) по активному слайду */
.casino-hero-slider .swiper-wrapper,
.slot-hero-slider .swiper-wrapper {
	align-items: flex-start;
	box-sizing: border-box;
}
/*
 * Слайд без flex: иначе Swiper плохо считает autoHeight.
 * Картинка на всю ширину, высота по пропорции — блок сужается/растягивается под неё.
 */
.casino-hero-slider .swiper-slide,
.slot-hero-slider .swiper-slide {
	width: 100% !important;
	display: block;
	height: auto;
	position: relative;
	box-sizing: border-box;
	background: #1a1a1a;
}
.casino-hero-slider.swiper-autoheight .swiper-slide,
.slot-hero-slider.swiper-autoheight .swiper-slide {
	height: auto;
}
.casino-hero-slider .swiper-slide img,
.slot-hero-slider .swiper-slide img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	vertical-align: top;
}
.casino-hero-slider .swiper-pagination-bullet,
.slot-hero-slider .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.45;
}
.casino-hero-slider .swiper-pagination-bullet-active,
.slot-hero-slider .swiper-pagination-bullet-active {
	opacity: 1;
	background: #d3302f;
}
.casino-hero-slider-pagination,
.slot-hero-slider-pagination {
	position: relative;
	margin-top: 12px;
	bottom: auto !important;
	line-height: normal;
	font-size: 1rem;
}