/**
 * Dallas — wygląd karuzel produktów opartych na Swiperze.
 */

.dallas-carousel {
	position: relative;
	overflow: hidden;
	margin: -30px;
	padding: 30px;
}

.dallas-carousel ul.products.swiper-wrapper {
	display: flex !important;
	gap: 20px !important;
}

.dallas-carousel li.product {
	margin: 0 !important;
}

.dallas-carousel .dallas-nav-prev,
.dallas-carousel .dallas-nav-next {
	position: absolute;
	top: 50%;
	z-index: 20;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 46px;
	height: 46px;

	color: #fff;
	background: rgba(43, 43, 39, 0.75);
	border-radius: 50%;

	cursor: pointer;
	transform: translateY(-50%);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.dallas-carousel .dallas-nav-prev:hover,
.dallas-carousel .dallas-nav-next:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	transform: translateY(-50%) scale(1.08);
}

.dallas-carousel .dallas-nav-prev:active,
.dallas-carousel .dallas-nav-next:active {
	transform: translateY(-50%) scale(0.96);
}

.dallas-carousel .dallas-nav-prev {
	left: 15px;
}

.dallas-carousel .dallas-nav-next {
	right: 15px;
}

.dallas-carousel .dallas-nav-prev svg,
.dallas-carousel .dallas-nav-next svg {
	width: 24px;
	height: 24px;
}