/* Section — testimonials | desktop: #4005:8636 | tablet: #4005:8756
   Carousel do component dùng chung [sc_cinematic_slider] render (giống
   homepage/section-switch); style của nó ở
   template-parts/compound/cinematic-slider/assets/styles.css. Ở đây chỉ là wrapper.

   Geometry copy từ .switch-inner của home: variant-switch đặt
   --cs-card-width: min(1300px, 80vw) nên card luôn 1300, phần "peek" hai bên chính là
   (bề rộng wrapper - 1300)/2. Home để 1560 và padding-inline 0 -> peek 130px.
   Heading vẫn nằm trong --container-max, chỉ riêng slider được rộng tới 1560. */

.r14-track .testimonials {
	padding: var(--var-140) 0 0;
	display: flex;
	justify-content: center;
	background: var(--color-1st-bg);
	overflow-x: clip;
}

.r14-track .testimonials__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--var-40);
	width: 100%;
	max-width: 1560px; /* hard_code: 1560px — bằng .switch-inner của home */
}

.r14-track .testimonials__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--var-28);
	width: 100%;
	max-width: var(--container-max);
	padding-inline: var(--var-20);
}

.r14-track .testimonials__heading-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--var-12);
	width: 100%;
}

.r14-track .testimonials__heading-text {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--var-16);
	width: 100%;
	text-align: center;
}

.r14-track .testimonials__title {
	margin: 0;
	font-size: var(--fs-h2);
	line-height: 1.15;
	font-weight: 600;
	color: var(--color-1st-fg);
}

.r14-track .testimonials__description {
	margin: 0;
	font-size: 16px; /* hard_code: 16px, Figma binds no variable */
	line-height: 1.4;
	color: var(--color-1st-fg);
}

.r14-track .testimonials__carousel,
.r14-track .testimonials__slider {
	width: 100%;
}