/* Section testimonial — Figma "Final Highlight"
   desktop 4415:11924 · laptop 4415:10437 · phone 4415:12236

   Markup + hành vi lấy nguyên từ compound/cinematic-slider (variant enterprise).
   File này CHỈ chỉnh các knob --cs-* trong phạm vi #al-testimonial. Không sửa
   file component vì variant enterprise đang dùng chung với Round10 /enterprise/
   (claude.md dòng 72).

   Component có breakpoint riêng ở 768 và 480; trang này chỉ được có 2 mốc
   (claude.md dòng 85–90) nên khối <=1024 dưới đây đè lên cả hai. */

.al-testimonial {
	/* Figma không đặt padding-top cho frame này — khoảng hở phía trên đã do
	   padding-bottom 140 của section FAQ tạo ra. */
	padding-top: 0;

	/* Bề rộng phần lộ ra của card kế tiếp, đo thẳng trên frame Figma. */
	--al-slide-peek: 60px;
}

/* card = container − track-gap − phần lộ. Desktop: 1400 − 40 − 60 = 1300.
   Dùng % để bám đúng .al-container, không dùng vw (vw tính cả thanh cuộn). */
.al-testimonial .cinema-slider--variant-enterprise {
	--cs-card-width: calc(100% - var(--cs-track-gap) - var(--al-slide-peek));
}

/* Figma: icon quote cách câu trích 24, tên cách chức danh 12.
   Mặc định của component là 12 và 4. */
.al-testimonial .cinema-slider__quote-block {
	gap: var(--var-24);
}

.al-testimonial .cinema-slider__author-meta {
	gap: var(--var-12);
}

@media (max-width: 1024px) {
	.al-testimonial {
		--al-slide-peek: 26px;
		padding-bottom: var(--var-72);
	}

	/* Frame phone: card 300 = 350 − 24 − 26, padding 32/24, xếp dọc,
	   chữ cách khối tên 80, trong cột chữ cách nhau 52, card cách cụm nút 24. */
	.al-testimonial .cinema-slider--variant-enterprise {
		--cs-card-padding: var(--var-32) var(--var-24);
		--cs-card-gap: var(--var-80);
		--cs-card-text-gap: var(--var-52);

		gap: var(--var-24);
	}

	/* Bỏ trần 320px của component: Figma cho card co giãn theo container. */
	.al-testimonial .cinema-slider--variant-enterprise .cinema-slider__card {
		max-width: none;
	}

	/* align-items: stretch để 2 cột rộng bằng card; mặc định của variant là
	   flex-start, xếp dọc thì nó bóp cột tác giả về đúng bề ngang chữ. */
	.al-testimonial .cinema-slider--variant-enterprise .cinema-slider__card--author-side {
		flex-direction: column;
		align-items: stretch;
	}

	/* Khối tên chiếm hết bề ngang và canh trái, không còn cột 200/300 bên phải. */
	.al-testimonial .cinema-slider--variant-enterprise .cinema-slider__card-side--author {
		flex: 1 1 auto;
		justify-content: flex-start;
	}

	.al-testimonial .cinema-slider__author--side {
		align-items: flex-start;
		text-align: left;
	}
}