/* ==========================================================================
   02.C — ĐỐI TÁC PHÁT TRIỂN & KIẾN TẠO (PARTNERS SECTION)
   - Tông màu: Luxury Cream Ambiance (#F6EDE0) hài hòa cùng artwork doitac.webp
   - Bố cục:
     + Stage trên: Hình nền tháp đôi & cái bắt tay hợp tác quốc tế (doitac.webp)
     + Trung tâm bầu trời: Tiêu đề Trajan Pro 3 + Logo Phú Mỹ Hưng
     + Dưới cái bắt tay: 4 thương hiệu danh tiếng quốc tế (Kiến trúc & Cảnh quan tăng 40%)
     + Chân trang section: Dải thông tin đối tác tư vấn trên 1 dòng duy nhất
     + Đệm cuối section: Mở rộng khoảng thở sang trọng, thoáng đãng
   ========================================================================== */

.tc-partners {
	background-color: #f4ebde;
	position: relative;
	width: 100%;
	padding: clamp(3.5rem, 3rem + 2vw, 5.5rem) 0 clamp(5.5rem, 4.5rem + 4vw, 8.5rem);
	color: #0A1C30;
	overflow: hidden;
}

.tc-partners .tc-container {
	position: relative;
	z-index: 2;
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 clamp(1.25rem, 1rem + 2vw, 3rem);
}

/* ==========================================================================
   STAGE TRÊN: ARTWORK THÁP ĐÔI & BẮT TAY (WITH CENTER CONTENT)
   ========================================================================== */
.tc-partners__stage {
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
}

.tc-partners__bg-artwork {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

/* Khối nội dung trung tâm: Căn chính xác giữa tâm hình tròn (51.3%) */
.tc-partners__center-content {
	position: absolute;
	top: 13.5%;
	left: 51.3%;
	transform: translateX(-50%);
	width: max-content;
	max-width: min(90%, 420px);
	text-align: center;
	z-index: 3;
}

/* Tiêu đề chính: Dùng font heading chung, dòng 2 nhỏ hơn dòng 1, gọn gàng trong khung hình */
.tc-partners__heading {
	font-family: var(--font-heading);
	letter-spacing: 0.05em;
	color: #0A1C30;
	line-height: 1.35;
	margin: 0 0 0.55rem;
	text-transform: uppercase;
	text-align: center;
}

.tc-partners__heading-line {
	display: block;
	white-space: nowrap;
}

.tc-partners__heading-line--main {
	font-size: clamp(0.72rem, 0.62rem + 0.32vw, 0.95rem);
	font-weight: 700;
	letter-spacing: 0.05em;
}

.tc-partners__heading-line--sub {
	font-size: clamp(0.58rem, 0.52rem + 0.22vw, 0.76rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	margin-top: 0.25rem;
	opacity: 0.95;
}

/* Khối Chủ đầu tư Phú Mỹ Hưng: Căn chính giữa */
.tc-partners__developer {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 0.35rem;
	width: 100%;
}

.tc-partners__pmh-logo {
	width: clamp(75px, 62px + 1.2vw, 98px);
	height: auto;
	display: block;
	margin: 0 auto 0.45rem;
	filter: drop-shadow(0 2px 6px rgba(166, 126, 20, 0.18));
	transition: transform 0.3s ease;
}

.tc-partners__pmh-logo:hover {
	transform: scale(1.05);
}

.tc-partners__developer-tagline {
	font-family: var(--font-body);
	font-size: clamp(0.66rem, 0.60rem + 0.16vw, 0.80rem);
	font-weight: 700;
	color: #0A1C30;
	letter-spacing: 0.06em;
	line-height: 1.45;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}

.tc-partners__developer-tagline span {
	display: block;
	white-space: nowrap;
}

/* ==========================================================================
   KHỐI 4 ĐỐI TÁC QUỐC TẾ CHỦ LỰC
   ========================================================================== */
.tc-partners__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 230px));
	justify-content: center;
	gap: 1.5rem 5rem;
	margin: 0.75rem auto clamp(2.5rem, 2rem + 1.5vw, 4rem);
	max-width: 600px;
}

.tc-partner-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.tc-partner-card:hover {
	transform: translateY(-3px);
	transition: transform 0.3s ease;
}

.tc-partner-card__logo-wrap {
	height: 48px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.5rem;
}

.tc-partner-card__logo {
	max-height: 100%;
	width: auto;
	max-width: 160px;
	object-fit: contain;
	display: block;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.tc-partner-card:hover .tc-partner-card__logo {
	transform: scale(1.06);
}

/* Logo Kiến trúc & Cảnh quan tăng 40% theo yêu cầu */
.tc-partner-card__logo--architecture {
	max-height: 48px;
	max-width: 175px;
}

.tc-partner-card__logo--landscape {
	max-height: 46px;
	max-width: 185px;
}

.tc-partner-card__logo--matrix {
	max-height: 22px;
	max-width: 120px;
}

.tc-partner-card__logo--bpi {
	max-height: 36px;
	max-width: 95px;
}

/* Giảm font-size role xuống 20%, dùng font heading */
.tc-partner-card__role {
	font-family: var(--font-heading);
	font-size: clamp(0.56rem, 0.52rem + 0.08vw, 0.64rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	color: #2B3B4E;
	text-transform: uppercase;
	margin: 0;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.tc-partner-card:hover .tc-partner-card__role {
	color: #9E7412;
}

/* ==========================================================================
   DẢI THÔNG TIN CÁC ĐƠN VỊ TƯ VẤN CHUYÊN MÔN (TOÀN BỘ NẰM TRÊN 1 DÒNG)
   ========================================================================== */
.tc-partners__consultants {
	border-top: 1px solid rgba(197, 155, 39, 0.45);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.95rem;
	width: 100%;
}

.tc-partners__consultants-intro {
	font-family: var(--font-body);
	font-size: clamp(0.78rem, 0.74rem + 0.12vw, 0.88rem);
	line-height: 1.4;
	color: #1F2937;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.tc-partners__consultants-intro span {
	display: inline-block;
	white-space: nowrap;
}

.tc-partners__consultants-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: clamp(0.6rem, 1vw, 1.5rem);
	width: 100%;
}

.tc-consultant-item {
	font-family: var(--font-body);
	font-size: clamp(0.66rem, 0.62rem + 0.1vw, 0.74rem);
	line-height: 1.35;
	color: #1F2937;
	position: relative;
	padding-left: clamp(0.6rem, 1vw, 1.5rem);
	white-space: nowrap;
	flex-shrink: 0;
}

.tc-consultant-item:first-child {
	padding-left: 0;
}

.tc-consultant-item::before {
	content: '|';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #C59B27;
	font-weight: 300;
	font-size: 0.85rem;
}

.tc-consultant-item:first-child::before {
	display: none;
}

.tc-consultant-item__text {
	display: inline-block;
	font-weight: 600;
	color: #1F2937;
}

/* ==========================================================================
   RESPONSIVE OPTIMIZATIONS (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 991px) {
	.tc-partners__center-content {
		top: 10%;
		left: 50%;
	}

	.tc-partners__grid {
		gap: 1.25rem 2.5rem;
	}

	.tc-partners__consultants {
		gap: 0.85rem;
		padding-bottom: 1.25rem;
	}

	.tc-partners__consultants-intro {
		white-space: normal;
	}

	.tc-partners__consultants-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem 1.5rem;
		width: 100%;
	}

	.tc-consultant-item {
		white-space: normal;
		padding-left: 0.95rem;
	}

	.tc-consultant-item:first-child {
		padding-left: 0.95rem;
	}

	.tc-consultant-item:first-child::before {
		display: block;
	}
}

@media (max-width: 768px) {
	.tc-partners {
		padding: 3rem 0 clamp(4rem, 3.5rem + 3vw, 6rem);
	}

	.tc-partners__center-content {
		position: static;
		transform: none;
		width: 100%;
		max-width: 100%;
		margin: 0 auto 1.25rem;
	}

	.tc-partners__heading-line--main {
		font-size: 0.92rem;
		letter-spacing: 0.04em;
	}

	.tc-partners__heading-line--sub {
		font-size: 0.76rem;
		letter-spacing: 0.05em;
	}

	/* Mobile: Tăng font-size lên 25% cho cụm tagline Phú Mỹ Hưng + bold */
	.tc-partners__developer-tagline {
		font-size: clamp(0.82rem, 0.76rem + 0.35vw, 0.88rem);
		font-weight: 800;
		color: #0A1C30;
		line-height: 1.45;
		letter-spacing: 0.04em;
	}

	.tc-partners__developer-tagline span {
		white-space: normal;
		display: block;
	}

	.tc-partners__pmh-logo {
		width: 85px;
	}

	/* Khắc phục lỗi lệch và tràn mép: Chia đều 2 cột tuyệt đối 50/50, minmax(0, 1fr) */
	.tc-partners__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem 0.85rem;
		max-width: 100%;
		width: 100%;
		padding-inline: 0;
	}

	.tc-partner-card {
		min-width: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.tc-partner-card__logo-wrap {
		height: 40px;
		width: 100%;
		max-width: 100%;
	}

	.tc-partner-card__logo--architecture {
		max-height: 36px;
		max-width: 135px;
	}

	.tc-partner-card__logo--landscape {
		max-height: 34px;
		max-width: 135px;
	}

	.tc-partner-card__logo--matrix {
		max-height: 18px;
		max-width: 100px;
	}

	.tc-partner-card__logo--bpi {
		max-height: 30px;
		max-width: 70px;
	}

	/* Role text: Cho phép xuống hàng tự nhiên, căn giữa, triệt tiêu tràn mép màn hình */
	.tc-partner-card__role {
		font-size: 0.58rem;
		letter-spacing: 0.05em;
		white-space: normal;
		line-height: 1.35;
		word-break: normal;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}

	.tc-partners__consultants {
		display: flex;
		flex-direction: column;
		align-items: center;
		overflow-x: visible;
		gap: 0.85rem;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		white-space: normal;
	}

	.tc-partners__consultants-intro {
		margin-bottom: 0;
		white-space: normal;
		width: 100%;
		font-size: 0.92rem;
		line-height: 1.45;
		color: #1F2937;
		font-weight: 700;
		text-align: center;
	}

	.tc-partners__consultants-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem 0.95rem;
		width: 100%;
		overflow-x: visible;
	}

	.tc-consultant-item {
		white-space: normal;
		padding-left: 0.95rem;
		font-size: 0.82rem;
		line-height: 1.4;
		flex-shrink: 1;
	}

	.tc-consultant-item::before {
		top: 0.05rem;
		transform: none;
		font-size: 0.95rem;
	}
}

@media (max-width: 480px) {
	.tc-partners__consultants-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.65rem 0.75rem;
	}

	.tc-consultant-item {
		font-size: 0.78rem;
		padding-left: 0.8rem;
	}

	.tc-partners__consultants-intro {
		font-size: 0.85rem;
	}
}