.rts-slider {
	--rts-duration: 35s;
	--rts-gap: 36px;
	--rts-card-bg: #f4f4f4;
	--rts-border: #2b2b2b;
	--rts-accent: #d10000;

	overflow: hidden;
	padding: 8px 0;
}

.rts-track {
	display: flex;
	align-items: stretch;
	width: max-content;
	gap: var(--rts-gap);
}

.rts-group {
	display: flex;
	gap: var(--rts-gap);
	width: max-content;
}

/* Autoplay = ciągły ruch */
.rts-slider[data-autoplay="1"] .rts-track {
	animation: rts-scroll var(--rts-duration) linear infinite;
	will-change: transform;
}

/* Pauza na hover */
.rts-slider[data-autoplay="1"][data-pause-hover="1"]:hover .rts-track {
	animation-play-state: paused;
}

/* Gdy autoplay wyłączony: pozwól przewijać poziomo */
.rts-slider[data-autoplay="0"] {
	overflow-x: auto;
}

.rts-slider[data-autoplay="0"] .rts-track {
	animation: none;
}

@keyframes rts-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.rts-card {
	flex: 0 0 auto;
	width: 380px;
	max-width: calc(100vw - 64px);

	background: var(--rts-card-bg);
	border: 1.5px solid var(--rts-border);
	border-radius: 14px;

	padding: 18px 20px;
}

.rts-card__header {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 14px;
	align-items: center;
	margin-bottom: 10px;
}

.rts-avatar {
	border-radius: 9999px;
	overflow: hidden;
	width: 52px;
	height: 52px;
}

.rts-avatar__img {
	width: 52px;
	height: 52px;
	border-radius: 999px;
	object-fit: cover;
	display: block;
}

.rts-avatar__fallback {
	width: 52px;
	height: 52px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.02em;
}

.rts-name {
	font-weight: 700;
	color: #111;
	line-height: 1.2;
}

.rts-rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
}

.rts-stars {
	display: inline-flex;
	gap: 6px;
}

.rts-star {
	width: 22px;
	height: 22px;
	display: block;
}

.rts-starWrap--full .rts-star path {
	fill: var(--rts-accent);
}

.rts-starWrap--empty .rts-star path {
	fill: transparent;
	stroke: var(--rts-accent);
	stroke-width: 1.8;
}

.rts-starWrap--half {
	position: relative;
}

.rts-starWrap--half .rts-star path {
	fill: transparent;
	stroke: var(--rts-accent);
	stroke-width: 1.8;
}

.rts-starWrap--half::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--rts-accent);
	clip-path: inset(0 50% 0 0);
	border-radius: 2px;
}

.rts-starWrap--half .rts-star {
	position: relative;
}

.rts-rating__value {
	font-weight: 700;
	color: #111;
}

.rts-comment {
	color: #1d1d1d;
	line-height: 1.55;
}

.rts-comment p {
	margin: 0;
}