.funrent-category-slider-block {
    background: var(--color-light-grey, #f5f4f0);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    padding: 85px 0 100px;
    width: 100vw;
}

.funrent-category-slider-block .funrent-container {
	max-width: var(--wide, 1500px);
}

.funrent-category-slider-title {
    color: #1b1b1b;
    font-family: var(--font-family-jakarta);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-bold);
    margin: 0 0 45px;
}
.funrent-category-slider {
	position: relative;
}

.funrent-category-rail {
	--funrent-category-shadow: 18px;
	cursor: grab;
	overflow: hidden;
	margin-bottom: calc(var(--funrent-category-shadow) * -1);
	margin-top: calc(var(--funrent-category-shadow) * -1);
	padding-bottom: var(--funrent-category-shadow);
	padding-top: var(--funrent-category-shadow);
	touch-action: pan-y;
	margin-left: calc(50% - 50vw);
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	width: 100vw;
}

.funrent-category-rail.is-dragging {
	cursor: grabbing;
}

.funrent-category-track {
	display: flex;
	gap: 20px;
	padding-bottom: 8px;
	will-change: transform;
}

.funrent-category-card {
	align-items: stretch;
	color: #1b1b1b;
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	gap: 16px;
	justify-content: flex-start;
	max-width: 282px;
	min-width: 282px;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: 282px;
}

.funrent-category-card__icon {
	align-items: center;
	background: var(--color-light-white);
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 14px;
	display: flex;
	justify-content: center;
	min-height: 423px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
}

.funrent-category-card:hover .funrent-category-card__icon,
.funrent-category-card:focus .funrent-category-card__icon,
.funrent-category-card:focus-visible .funrent-category-card__icon {
	box-shadow: 0 16px 28px rgba(0, 0, 0, 0.08);
	transform: translateY(-4px);
}

.funrent-category-card__image {
	display: block;
	height: auto;
	max-height: 402px;
	max-width: min(100%, 302px);
	object-fit: contain;
	pointer-events: none;
	user-select: none;
	width: auto;
	-webkit-user-drag: none;
}

.funrent-category-card__icon-placeholder {
	background: rgba(52, 131, 110, 0.08);
	border-radius: 18px;
	height: 96px;
	width: 130px;
}

.funrent-category-card__label {
	display: block;
	font-family: var(--font-family-manrope);
	font-size: var(--font-size-p-normal);
	font-weight: var(--font-weight-medium);
	line-height: 1.4;
	padding: 0 5px;
	text-align: left;
	width: 100%;
}

.funrent-category-progress {
	background: rgba(52, 131, 110, 0.18);
	border-radius: 999px;
	height: 3px;
	margin-top: 22px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.funrent-category-progress__bar {
	background: var(--color-green-normal);
	border-radius: 999px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateX(var(--progress-position, 0%));
	transition: transform 0.2s ease;
	width: var(--progress-width, 32%);
}

@media (max-width: 1260px) {
	.funrent-category-card {
		max-width: 272px;
		min-width: 272px;
		width: 272px;
	}

	.funrent-category-card__icon {
		min-height: 446px;
		padding: 22px;
	}

	.funrent-category-card__image {
		max-height: 356px;
		max-width: min(100%, 272px);
	}
}

@media (max-width: 960px) {
	.funrent-category-track {
		gap: 12px;
	}

	.funrent-category-card {
		gap: 14px;
		max-width: 258px;
		min-width: 258px;
		width: 258px;
	}

	.funrent-category-card__icon {
		min-height: 374px;
		padding: 18px;
	}

	.funrent-category-card__image {
		max-height: 304px;
		max-width: min(100%, 232px);
	}
}

@media (max-width: 640px) {
	.funrent-category-slider-block {
		padding: 36px 0 40px;
	}

	.funrent-category-track {
		gap: 10px;
	}

	.funrent-category-card {
		gap: 12px;
		max-width: 228px;
		min-width: 228px;
		width: 228px;
	}

	.funrent-category-card__icon {
		min-height: 336px;
		padding: 14px;
	}

	.funrent-category-card__image {
		max-height: 260px;
		max-width: min(100%, 208px);
	}

	.funrent-category-card__label {
		padding: 0 5px;
	}

	.funrent-category-progress {
		width: 100%;
	}
}
