/* Block Ý kiến khách hàng (Figma 289:727).
   Hiệu ứng (assets/js/site.js): banner mở rộng từ giữa và chữ nền "PARTNER VOICES" trượt vào 1 lần khi cuộn tới, sau đó
   đứng yên (khách không muốn chữ chạy theo cuộn); ảnh nền trôi ngược chiều cuộn (--progress 0 → 1).
   Không có JS / giảm chuyển động: --progress mặc định 0.5 (đứng yên). */

.block-testimonials__inner {
	position: relative;
	display: grid;
	place-items: center;
	min-height: clamp(420px, 39.6vw, 760px);
	padding: clamp(48px, 5vw, 96px) clamp(20px, 8.9vw, 170px);
	overflow: hidden;
	border-radius: clamp(24px, 3.33vw, 64px);
	background: var(--color-blue-strong);
	box-shadow: inset 0 4px 28px rgba(0, 0, 0, 0.11);
	color: #fff;
	isolation: isolate;
}

.block-testimonials__inner > picture,
.block-testimonials__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
}

.block-testimonials__bg {
	object-fit: cover;
	opacity: 0.35;
	mix-blend-mode: luminosity;
	/* Phóng 1.18 để ảnh trôi ±7% vẫn phủ kín khung. */
	transform: translateY(calc((0.5 - var(--progress, 0.5)) * 14%)) scale(1.18);
}

.block-testimonials__decor {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	max-width: 100%;
	/* --fit (assets/js/site.js): co chữ cho vừa chiều cao banner khi bản dịch dài hơn (VI xuống 3 dòng). */
	font-size: calc(clamp(64px, 12.55vw, 241px) * var(--fit, 1));
	line-height: 1;
	white-space: normal;
	background: linear-gradient(180deg, var(--color-navy-from), var(--color-navy-to));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	opacity: 0.55;
	/* Căn giữa bằng "translate" (không dùng transform): hiệu ứng hiện dần (.reveal) dùng transform. */
	translate: -50% -50%;
}

.block-testimonials__track {
	display: flex;
	width: 100%;
	max-width: 1198px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.block-testimonials__item {
	flex: 0 0 100%;
	scroll-snap-align: center;
}

.block-testimonials__quote {
	display: grid;
	gap: clamp(20px, 2.92vw, 56px);
	font-size: clamp(20px, 2.08vw, 40px);
	line-height: 1.28;
	text-align: center;
}

.block-testimonials__lead {
	font-family: var(--font-display);
	font-weight: 700;
	line-height: 1.22;
}

.block-testimonials__cite {
	display: grid;
	gap: 4px;
	margin-top: clamp(20px, 2vw, 40px);
	font-size: var(--fs-body);
	text-align: center;
}

.block-testimonials__cite span {
	opacity: 0.8;
}

.carousel-nav--light {
	margin-top: 24px;
}

.carousel-nav--light .carousel-nav__button {
	border-color: rgba(255, 255, 255, 0.5);
	background: transparent;
	color: #fff;
}