@media (min-width: 1023.5px) {
	.dynamic-content #area-providers .swiper-tiles .swiper-slide .tile {
		height: 369px;
	}
}

.dynamic-content .area .title-component .absolute-mobile {
	position: absolute;
}

/* change lazy load bg color to primary mode 10 */
.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile .lazy-load {
	background-color: var(--primary-mode-10) !important;
}

/* ===================================================
   Override carousel.css's global .swiper-slide{width:100%!important}
   which breaks game tile swiper widths on casino page.
   Simplified selectors for maximum compatibility on production.
   =================================================== */
.swiper-tiles .swiper-slide,
.casino-tiles .swiper-slide,
.swiper-tiles-casino .swiper-slide {
	width: auto !important;
}

/* Game tile sizes */
.swiper-tiles .swiper-slide .tile:not(.promotion),
.casino-tiles .swiper-slide .tile:not(.promotion),
.swiper-tiles-casino .swiper-slide .tile:not(.promotion) {
	width: 255px;
	flex: 0 0 auto;
	height: auto;
	position: relative;
	cursor: pointer;
}

@media (min-width: 767.5px) {
	.swiper-tiles .swiper-slide .tile:not(.promotion),
	.casino-tiles .swiper-slide .tile:not(.promotion),
	.swiper-tiles-casino .swiper-slide .tile:not(.promotion) {
		width: 328px;
	}
}

@media (min-width: 1023.5px) {
	.swiper-tiles .swiper-slide .tile:not(.promotion),
	.casino-tiles .swiper-slide .tile:not(.promotion),
	.swiper-tiles-casino .swiper-slide .tile:not(.promotion) {
		width: 220px;
	}
}

/* Game tile image */
.casino-tiles .swiper-slide .tile img:first-child,
.swiper-tiles-casino .swiper-slide .tile img:first-child {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Provider Icon size constraint */
.dynamic-content .area .tiles.casino-tiles .swiper-slide .tile .icon-provider {
	width: auto;
	height: 16px;
	max-width: 32px;
	object-fit: contain;
}

@media (min-width: 1023.5px) {
	.dynamic-content .area .tiles.casino-tiles .swiper-slide .tile .icon-provider {
		height: 20px;
		max-width: 32px;
	}
}

/* Hover effects polish */
.dynamic-content .area .tiles.casino-tiles .swiper-slide .tile .hover-element {
	/* background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(2px); */
}

.dynamic-content .area .tiles.casino-tiles .swiper-slide .tile .button {
	font-weight: 700;
	letter-spacing: 0.5px;
}