/* Sửa lỗi hiển thị cho landing Triton Crown (nạp sau CSS gốc của trang). */

/*
 * Kiến trúc (Tháp A/B) trên máy tính: ảnh tháp bên phải có đường chéo vàng
 * hình "<" (điểm nhọn ở giữa chiều cao, cách mép trái panel ~2% chiều rộng ảnh).
 * Panel ảnh rộng 65vw nên điểm nhọn nằm ở khoảng 36vw tính từ trái màn hình.
 * Giới hạn khung chữ và thu nhỏ tiêu đề vàng để chữ không bị ảnh đè ở màn
 * hình 1024–1680px (trước đây chữ lấn vào ảnh tới ~130px ở 1280px).
 */
@media (min-width: 992px) {
	.tc-arch-split__content {
		max-width: min(540px, calc(36vw - clamp(2rem, 1.5rem + 3.5vw, 5.5rem) - 1.5rem));
	}

	.tc-arch-split__title-gold {
		font-size: clamp(1.6rem, 0.4rem + 2.55vw, 3.55rem);
	}
}

/*
 * Điện thoại & máy tính bảng (< 992px): tăng cỡ chữ quá nhỏ (7–10px) cho dễ
 * đọc, và mở rộng vùng chạm của các nút nhỏ.
 */
@media (max-width: 991px) {
	/* Nhãn đối tác ("BẬC THẦY KIẾN TRÚC"…), thông số tổng quan ("CĂN HỘ", "SHOPS"…), chỉ số EDGE */
	.tc-partner-card__role,
	.tc-location__road-item,
	.tc-overview__master-sub,
	.tc-edge-metric__label {
		font-size: 11px !important;
	}

	.tc-overview__master-lbl,
	.tc-edge-card__tier-tag {
		font-size: 11.5px !important;
	}

	/* Phụ đề slider tiện ích ("— BLOCK A TẦNG TRỆT") đang chỉ ~7px */
	.tc-slider-title__sub {
		font-size: max(0.52em, 10.5px);
	}

	/* Nút MENU: vùng chạm tối thiểu 44px, giữ nguyên hình thức */
	.tc-header__burger {
		min-height: 44px;
		padding: 10px 6px;
		margin-right: -6px;
	}

	/* Nút +/− bản đồ vị trí: 25px -> 34px */
	.tc-location__zoom-btn {
		width: 34px !important;
		height: 34px !important;
	}

	.tc-location__zoom-btn svg {
		width: 14px !important;
		height: 14px !important;
	}

	/* Ô đồng ý trong form */
	.tc-tuvan-card input[type="checkbox"] {
		width: 20px;
		height: 20px;
		margin-top: 0;
	}

	/* Link "Xem địa chỉ" ở chân trang */
	.tc-footer__address-main .tc-footer__map-link {
		display: inline-block;
		padding: 6px 0;
		margin: -6px 0;
	}

	/* Câu "Dự án còn được bảo chứng… đối tác tư vấn uy tín" bị cắt chữ (nowrap) */
	.tc-partners__consultants-intro span {
		white-space: normal;
	}

	/* Hình tòa nhà ở phần Mặt bằng: dùng hết bề ngang cho dễ chạm chọn tầng */
	.tc-floorplan__building-wrap {
		max-width: 100%;
	}
}

/*
 * Kiến trúc trên điện thoại: khung ảnh cảm hứng có chiều cao cố định
 * (62–68vh, tối đa 520–560px) + overflow hidden, chữ neo đáy. Khi đoạn mô tả
 * dài (Tháp B) hoặc iPhone hiển thị chữ to hơn, phần đầu ("DẤU ẤN KIẾN TRÚC
 * THÁP B") bị cắt. Cho khung tự cao theo nội dung, giữ chiều cao cũ làm tối thiểu.
 */
@media (max-width: 991px) {
	.tc-arch-split__panel--left {
		height: auto !important;
		min-height: clamp(440px, 68vh, 560px) !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-end !important;
	}

	.tc-arch-split__panel--left::after {
		height: 85% !important;
	}

	.tc-arch-split__content {
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		max-width: none !important;
		margin: 0 1.5rem !important;
		/* chừa khoảng trên để vẫn thấy ảnh cảm hứng phía trên chữ */
		padding: 7rem 0 2rem !important;
	}
}

@media (max-width: 576px) {
	.tc-arch-split__panel--left {
		min-height: clamp(420px, 62vh, 520px) !important;
	}

	.tc-arch-split__content {
		margin: 0 1.25rem !important;
		padding: 6rem 0 1.5rem !important;
	}
}

@media (max-width: 380px) {
	.tc-arch-split__content {
		margin: 0 0.85rem !important;
		padding-bottom: 1.25rem !important;
	}
}