.fleet-carousel {
	--fleet-carousel-gap: 14px;
	--fleet-carousel-edge: 18px;
	--fleet-carousel-fade: 44px;
	--fleet-carousel-slide: 82vw;
}

.fleet-carousel__hint {
	display: none;
}

/* Amenity labels are list items, not section headings; keep the former
   h5 treatment (colour, weight, balanced wrapping) on the paragraph. */
.fleet-features .fleet-feature {
	color: #0f0f18;
	font-weight: 400;
	font-style: normal;
	text-wrap: balance;
}

.fleet-carousel__track:focus {
	outline: none;
}

.fleet-carousel__track:focus-visible {
	box-shadow: inset 0 0 0 2px rgba(207, 170, 119, 0.72);
}

.fleet .button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(207, 170, 119, 0.34);
}

@media (max-width: 991px) {
	.fleet-features {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-right: -8px;
		margin-left: -8px;
		text-align: center;
	}

	.fleet-features > .col {
		display: block;
		width: auto;
		padding-right: 8px;
		padding-left: 8px;
		margin-bottom: 24px;
	}

	.fleet-features .fleet-feature {
		font-size: 14px;
		line-height: 20px;
		overflow-wrap: anywhere;
	}

	.fleet-features .fleet-feature img {
		display: block;
		margin: 0 auto 8px auto;
	}

	.fleet-carousel {
		background: #eeeeef;
		background: -webkit-linear-gradient(top, rgba(217, 219, 221, 1) 0%, rgba(239, 241, 242, 1) 100%);
		background: linear-gradient(to bottom, rgba(217, 219, 221, 1) 0%, rgba(239, 241, 242, 1) 100%);
		overflow: hidden;
		position: relative;
		isolation: isolate;
	}

	.fleet-carousel:before,
	.fleet-carousel:after {
		content: "";
		position: absolute;
		top: 48px;
		bottom: 0;
		z-index: 2;
		width: var(--fleet-carousel-fade);
		pointer-events: none;
	}

	.fleet-carousel:before {
		left: 0;
		background: -webkit-linear-gradient(left, rgba(217, 219, 221, 0.94), rgba(217, 219, 221, 0));
		background: linear-gradient(to right, rgba(217, 219, 221, 0.94), rgba(217, 219, 221, 0));
		opacity: 0.62;
	}

	.fleet-carousel:after {
		right: 0;
		background: -webkit-linear-gradient(right, rgba(239, 241, 242, 0.96), rgba(239, 241, 242, 0));
		background: linear-gradient(to left, rgba(239, 241, 242, 0.96), rgba(239, 241, 242, 0));
	}

	.fleet-carousel__hint {
		position: relative;
		z-index: 3;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin: 0;
		padding: 18px var(--fleet-carousel-edge) 8px;
		color: #66686a;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px;
		letter-spacing: .08em;
		text-align: right;
		text-transform: uppercase;
	}

	.fleet-carousel__hint-line {
		position: relative;
		display: inline-block;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 44px;
		-ms-flex: 0 0 44px;
		flex: 0 0 44px;
		width: 44px;
		height: 1px;
		margin-left: 10px;
		background: -webkit-linear-gradient(left, rgba(207, 170, 119, 0), rgba(207, 170, 119, .86));
		background: linear-gradient(to right, rgba(207, 170, 119, 0), rgba(207, 170, 119, .86));
	}

	.fleet-carousel__hint-line:after {
		content: "";
		position: absolute;
		top: -3px;
		right: 0;
		width: 7px;
		height: 7px;
		border-top: 1px solid rgba(207, 170, 119, .86);
		border-right: 1px solid rgba(207, 170, 119, .86);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.fleet-carousel__track {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		z-index: 1;
		padding: 0 var(--fleet-carousel-edge) 26px;
		scroll-padding-inline: var(--fleet-carousel-edge);
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		touch-action: pan-x pan-y;
	}

	.fleet-carousel__track::-webkit-scrollbar {
		display: none;
	}

	.fleet-carousel__slide {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 var(--fleet-carousel-slide);
		-ms-flex: 0 0 var(--fleet-carousel-slide);
		flex: 0 0 var(--fleet-carousel-slide);
		max-width: 520px;
		scroll-snap-align: start;
		scroll-snap-stop: normal;
	}

	.fleet-carousel__slide.fullwidth-box {
		margin-right: 0;
		margin-left: 0;
	}

	.fleet-carousel__slide + .fleet-carousel__slide {
		margin-left: var(--fleet-carousel-gap);
	}

	.fleet-carousel__slide.fleet > .container {
		padding-right: 16px;
		padding-left: 16px;
	}

	.fleet-carousel__slide .grid > .col {
		margin-bottom: 8px;
	}

	.fleet-carousel__slide .grid:last-child {
		margin-bottom: -8px !important;
	}

	.fleet-carousel__slide .grid > .col:first-child {
		padding-top: 18px;
		padding-bottom: 0;
	}

	.fleet-carousel__slide .grid > .col:first-child p {
		position: relative;
		margin-bottom: 0;
	}

	.fleet-carousel__slide .grid > .col:first-child p:after {
		content: "";
		position: absolute;
		right: 13%;
		bottom: 8%;
		left: 13%;
		height: 16%;
		border-radius: 50%;
		background: -webkit-radial-gradient(center, ellipse, rgba(15, 15, 24, .18) 0%, rgba(15, 15, 24, 0) 68%);
		background: radial-gradient(ellipse at center, rgba(15, 15, 24, .18) 0%, rgba(15, 15, 24, 0) 68%);
		-webkit-filter: blur(2px);
		filter: blur(2px);
	}

	.fleet-carousel__slide .grid > .col:first-child img {
		position: relative;
		z-index: 1;
		-webkit-filter: drop-shadow(0 16px 18px rgba(15, 15, 24, .14));
		filter: drop-shadow(0 16px 18px rgba(15, 15, 24, .14));
	}

	.fleet-carousel__slide .card {
		width: 100%;
		margin-bottom: 0;
		box-shadow: 0 12px 26px rgba(15, 15, 24, .08);
	}
}

@media (min-width: 540px) and (max-width: 991px) {
	.fleet-carousel {
		--fleet-carousel-gap: 20px;
		--fleet-carousel-edge: 30px;
		--fleet-carousel-fade: 56px;
		--fleet-carousel-slide: 76vw;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.fleet-carousel {
		--fleet-carousel-edge: 40px;
		--fleet-carousel-slide: 66vw;
	}
}

@media (min-width: 992px) {
	.fleet-carousel__track {
		display: block;
		overflow: visible;
	}
}

@media (min-width: 992px) {
	.grid.fleet-features {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.grid.fleet-features > .col {
		width: auto;
	}

	.grid.fleet-features .fleet-feature {
		display: flex;
		align-items: center;
		margin: 0;
		white-space: nowrap;
	}

	.grid.fleet-features .fleet-feature img {
		flex: 0 0 auto;
		margin: 0 5px 0 0;
	}
}

@media (min-width: 1220px) {
	/* Keep the repeated long RU sedan category on one line at wide desktop. */
	html[lang="ru"] .fleet-carousel__slide--compact-category .card h2 {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.02em;
	}
}