/* /Pages/En/Intro.cshtml.rz.scp.css */
@keyframes zoomBg-b-1yhav7w9wl {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}

.bg-cream[b-1yhav7w9wl] {
	background-image: url('/images/MoireHoiAn-BistroJulienne-2-scaled.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

/* --- Tầm nhìn & Sứ mệnh --- */
.vision-mission-wrapper[b-1yhav7w9wl] {
	position: relative;
	min-height: 65vh;
	/* Set độ cao để ảnh background hiển thị đủ rộng */
	display: flex;
	align-items: flex-end;
	/* Căn toàn bộ content xuống sát mép dưới của background */
	margin-bottom: 120px;
	/* Bắt buộc: Chừa khoảng trống bên dưới để 2 box tràn xuống không đè lên section tiếp theo */
}

.vm-cards-row[b-1yhav7w9wl] {
	margin-top: 0;
	/* Bỏ margin-top âm cũ */
	transform: translateY(50%);
	/* Đẩy toàn bộ row trượt xuống dưới, đúng 50% chiều cao của chính nó */
	position: relative;
	z-index: 2;
	width: 100%;
}

.vm-card[b-1yhav7w9wl] {
	background-color: #a38765;
	color: #ffffff;
	padding: 3.5rem;
	height: 100%;
	/* Thêm shadow nhẹ giúp box nổi bật hơn khi đè lên viền background */
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Responsive cho mobile */
@media (max-width: 991px) {
	.vision-mission-wrapper[b-1yhav7w9wl] {
		min-height: 50vh;
		margin-bottom: 180px;
		/* Tăng khoảng trống ở mobile vì 2 box sẽ stack lên nhau làm tăng chiều cao */
	}

	.vm-card[b-1yhav7w9wl] {
		padding: 2.5rem 2rem;
	}
}

/* --- Giá trị cốt lõi --- */
.core-values-section[b-1yhav7w9wl] {
	padding: 100px 0;
}

.cv-col[b-1yhav7w9wl] {
	height: 550px;
	/* Set cứng height để flex-grow tính toán phần dư cho ảnh */
}

.cv-img-box[b-1yhav7w9wl] {
	border-radius: 1rem;
	overflow: hidden;
	flex-grow: 1;
	/* Ảnh sẽ chiếm toàn bộ không gian còn lại */
}

.cv-img-box img[b-1yhav7w9wl] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cv-text-box[b-1yhav7w9wl] {
	background-color: #eee9e0;
	/* Màu nền của box text */
	border-radius: 1rem;
	padding: 2rem 1.5rem;
}

.cv-number[b-1yhav7w9wl] {
	color: #cca471;
	font-size: 3.5rem;
	line-height: 1;
	margin-bottom: 0.5rem;
	font-family: var(--font-heading);
}

/* Responsive adjustments */
@media (max-width: 991px) {
	.vm-cards-row[b-1yhav7w9wl] {
		margin-top: -60px;
	}

	.vm-card[b-1yhav7w9wl] {
		padding: 2rem;
	}

	.cv-col[b-1yhav7w9wl] {
		height: auto;
		/* Trả về auto trên tablet/mobile */
	}

	.cv-img-box[b-1yhav7w9wl] {
		height: 300px;
		/* Set height cố định cho ảnh trên mobile */
		flex-grow: 0;
	}

	/* Hủy bỏ layout đảo ngược (reverse) trên màn hình nhỏ để UX đọc tốt hơn */
	.flex-column-reverse-lg[b-1yhav7w9wl] {
		flex-direction: column !important;
	}
}

@media (min-width: 992px) {

	/* Áp dụng so le (stagger) chỉ trên Desktop */
	.flex-column-reverse-lg[b-1yhav7w9wl] {
		flex-direction: column-reverse !important;
	}
}
/* /Pages/Intro.cshtml.rz.scp.css */
@keyframes zoomBg-b-layxh6v8dv {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}

.bg-cream[b-layxh6v8dv] {
	background-image: url('/images/MoireHoiAn-BistroJulienne-2-scaled.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

/* --- Tầm nhìn & Sứ mệnh --- */
.vision-mission-wrapper[b-layxh6v8dv] {
	position: relative;
	min-height: 65vh;
	/* Set độ cao để ảnh background hiển thị đủ rộng */
	display: flex;
	align-items: flex-end;
	/* Căn toàn bộ content xuống sát mép dưới của background */
	margin-bottom: 120px;
	/* Bắt buộc: Chừa khoảng trống bên dưới để 2 box tràn xuống không đè lên section tiếp theo */
}

.vm-cards-row[b-layxh6v8dv] {
	margin-top: 0;
	/* Bỏ margin-top âm cũ */
	transform: translateY(50%);
	/* Đẩy toàn bộ row trượt xuống dưới, đúng 50% chiều cao của chính nó */
	position: relative;
	z-index: 2;
	width: 100%;
}

.vm-card[b-layxh6v8dv] {
	background-color: #a38765;
	color: #ffffff;
	padding: 3.5rem;
	height: 100%;
	/* Thêm shadow nhẹ giúp box nổi bật hơn khi đè lên viền background */
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Responsive cho mobile */
@media (max-width: 991px) {
	.vision-mission-wrapper[b-layxh6v8dv] {
		min-height: 50vh;
		margin-bottom: 180px;
		/* Tăng khoảng trống ở mobile vì 2 box sẽ stack lên nhau làm tăng chiều cao */
	}

	.vm-card[b-layxh6v8dv] {
		padding: 2.5rem 2rem;
	}
}

/* --- Giá trị cốt lõi --- */
.core-values-section[b-layxh6v8dv] {
	padding: 100px 0;
}

.cv-col[b-layxh6v8dv] {
	height: 550px;
	/* Set cứng height để flex-grow tính toán phần dư cho ảnh */
}

.cv-img-box[b-layxh6v8dv] {
	border-radius: 1rem;
	overflow: hidden;
	flex-grow: 1;
	/* Ảnh sẽ chiếm toàn bộ không gian còn lại */
}

.cv-img-box img[b-layxh6v8dv] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cv-text-box[b-layxh6v8dv] {
	background-color: #eee9e0;
	/* Màu nền của box text */
	border-radius: 1rem;
	padding: 2rem 1.5rem;
}

.cv-number[b-layxh6v8dv] {
	color: #cca471;
	font-size: 3.5rem;
	line-height: 1;
	margin-bottom: 0.5rem;
	font-family: var(--font-heading);
}

/* Responsive adjustments */
@media (max-width: 991px) {
	.vm-cards-row[b-layxh6v8dv] {
		margin-top: -60px;
	}

	.vm-card[b-layxh6v8dv] {
		padding: 2rem;
	}

	.cv-col[b-layxh6v8dv] {
		height: auto;
		/* Trả về auto trên tablet/mobile */
	}

	.cv-img-box[b-layxh6v8dv] {
		height: 300px;
		/* Set height cố định cho ảnh trên mobile */
		flex-grow: 0;
	}

	/* Hủy bỏ layout đảo ngược (reverse) trên màn hình nhỏ để UX đọc tốt hơn */
	.flex-column-reverse-lg[b-layxh6v8dv] {
		flex-direction: column !important;
	}
}

@media (min-width: 992px) {

	/* Áp dụng so le (stagger) chỉ trên Desktop */
	.flex-column-reverse-lg[b-layxh6v8dv] {
		flex-direction: column-reverse !important;
	}
}
/* /Pages/LienHe.cshtml.rz.scp.css */
/* ===== CONTACT SECTION STYLE ===== */
.lx-contact-section[b-lyd89e0qzv] {
	background-color: var(--bg-main);
	padding: 100px 0;
	font-family: var(--font-sans);
	color: var(--dark);
}

/* Header */
.lx-contact-header[b-lyd89e0qzv] {
	margin-bottom: 70px;
}


.lx-divider[b-lyd89e0qzv] {
	width: 60px;
	height: 1px;
	background-color: var(--gold);
	margin: 25px auto 0;
}

/* Cột Trái - Thông tin liên hệ tĩnh */
.lx-contact-info-card[b-lyd89e0qzv] {
	background-color: var(--bg-section);
	padding: 50px 40px;
	border: 1px solid rgba(211, 175, 121, 0.2);
}

.lx-info-heading[b-lyd89e0qzv] {
	font-family: var(--font-heading);
	font-size: 1.4rem;
	font-style: italic;
	color: var(--ebony);
	margin-bottom: 8px;
}

.lx-info-text[b-lyd89e0qzv] {
	font-size: 15px;
	color: var(--text-soft);
	line-height: 1.6;
	margin-bottom: 0;
}

.lx-highlight-text[b-lyd89e0qzv] {
	font-family: var(--font-heading);
	font-size: 1.2rem;
	letter-spacing: 1px;
	color: var(--dark);
}

.lx-social-wrapper[b-lyd89e0qzv] {
	border-top: 1px solid rgba(47, 42, 36, 0.1);
	display: flex;
	gap: 25px;
}

.lx-social-link[b-lyd89e0qzv] {
	font-size: 11px;
	letter-spacing: 2px;
	color: var(--text-soft);
	text-decoration: none;
	font-weight: 600;
	transition: var(--transition);
}

.lx-social-link:hover[b-lyd89e0qzv] {
	color: var(--gold);
	transform: translateY(-2px);
}

/* Cột Phải - Form Nhập Liệu */
.lx-contact-form-wrapper[b-lyd89e0qzv] {
	background-color: var(--bg-soft);
	padding: 50px 40px;
	border: 1px solid rgba(47, 42, 36, 0.05);
}

.lx-form-group[b-lyd89e0qzv] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lx-label[b-lyd89e0qzv] {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 700;
	color: var(--text-soft);
}

.lx-input[b-lyd89e0qzv] {
	background-color: var(--bg-main);
	border: 1px solid rgba(47, 42, 36, 0.12);
	padding: 12px 16px;
	font-size: 14px;
	color: var(--dark);
	border-radius: 0px;
	/* Bo góc vuông tinh tế như tạp chí */
	transition: var(--transition);
}

.lx-input:focus[b-lyd89e0qzv] {
	outline: none;
	border-color: var(--gold);
	background-color: #ffffff;
}

/* ===== CUSTOM LẠI QUILLJS THEME VINTAGE LUX ===== */
.lx-quill-wrapper[b-lyd89e0qzv] {
	background-color: var(--bg-main);
}

/* Custom thanh công cụ soạn thảo */
.lx-quill-wrapper .ql-toolbar.ql-snow[b-lyd89e0qzv] {
	border: 1px solid rgba(47, 42, 36, 0.12) !important;
	border-bottom: none !important;
	background-color: var(--bg-section);
	padding: 8px;
}

/* Custom khung nhập nội dung */
.lx-quill-wrapper .ql-container.ql-snow[b-lyd89e0qzv] {
	border: 1px solid rgba(47, 42, 36, 0.12) !important;
	min-height: 160px;
	font-family: var(--font-sans) !important;
	font-size: 14px;
	color: var(--dark);
	background-color: var(--bg-main);
}

/* Chỉnh sửa trạng thái focus của Quill */
.lx-quill-wrapper:focus-within .ql-toolbar.ql-snow[b-lyd89e0qzv],
.lx-quill-wrapper:focus-within .ql-container.ql-snow[b-lyd89e0qzv] {
	border-color: var(--gold) !important;
}

.lx-quill-wrapper .ql-editor.ql-blank[b-lyd89e0qzv]::before {
	font-style: italic;
	color: var(--text-soft);
	opacity: 0.6;
}

/* Nút Submit Đậm Chất Editorial */
.lx-btn-submit[b-lyd89e0qzv] {
	background-color: var(--ebony);
	color: #ffffff;
	border: 1px solid var(--ebony);
	padding: 16px 32px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	cursor: pointer;
	transition: var(--transition-smooth);
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.lx-btn-submit[b-lyd89e0qzv]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--gold);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: right;
	transition: var(--transition-smooth);
}

.lx-btn-submit:hover[b-lyd89e0qzv] {
	color: var(--dark);
	border-color: var(--gold);
}

.lx-btn-submit:hover[b-lyd89e0qzv]::before {
	transform: scaleX(1);
	transform-origin: left;
}

/* Responsive */
@media (max-width: 991px) {
	.lx-contact-header[b-lyd89e0qzv] {
		margin-bottom: 40px;
	}

	.lx-title[b-lyd89e0qzv] {
		font-size: 2.2rem;
	}

	.lx-contact-info-card[b-lyd89e0qzv],
	.lx-contact-form-wrapper[b-lyd89e0qzv] {
		padding: 35px 25px;
	}
}
/* /Pages/Shared/Common/_MileStones.cshtml.rz.scp.css */
/* --- 4. Timeline --- */
.timeline-wrapper[b-x696qa59s9] {
	border-top: 1px solid var(--gold-light);
	padding-top: 40px;
	margin-top: 50px;
}

.timeline-item[b-x696qa59s9] {
	position: relative;
	padding: 0 20px;
	border-left: 1px solid var(--gold-light);
}

.timeline-item h5[b-x696qa59s9] {
	font-family: var(--font-heading);
	color: var(--gold);
	font-size: 24px;
}

@media (min-width: 992px) {
	.timeline-wrapper[b-x696qa59s9] {
		display: flex;
		border-left: none;
	}

	.timeline-item[b-x696qa59s9] {
		border-left: none;
		border-top: 4px solid transparent;
		flex: 1;
		transition: var(--transition);
	}

	.timeline-item:hover[b-x696qa59s9] {
		border-top-color: var(--gold);
	}
}

/* 1. Hoa văn chữ cái chìm (Watermark Monogram) */
.qtphattrien[b-x696qa59s9] {
	position: relative;
	/* Đảm bảo div cha đã có thuộc tính này */
	overflow: hidden;
	/* Thêm thuộc tính này nếu muốn chữ M kích thước 45rem không bị tràn ra ngoài div cha */
}

.qtphattrien[b-x696qa59s9]::before {
	content: "M";
	position: absolute;

	/* --- Gốc tọa độ đặt ở chính giữa div cha --- */
	top: 100px;
	left: 50%;
	/* --- Dịch chuyển ngược lại 50% kích thước của chính chữ M để vào giữa tuyệt đối --- */
	transform: translate(-50%, -50%);

	font-family: var(--font-heading);
	font-size: 35rem;
	font-weight: 700;
	color: rgba(197, 162, 93, 0.05);
	line-height: 1;
	z-index: 1;
	pointer-events: none;
}

/* --- 4. Timeline --- */
.timeline-wrapper[b-x696qa59s9] {
	border-top: 1px solid var(--gold-light);
	padding-top: 40px;
	margin-top: 50px;
}

.timeline-item[b-x696qa59s9] {
	position: relative;
	padding: 0 20px;
	border-left: 1px solid var(--gold-light);
}

.timeline-item h5[b-x696qa59s9] {
	font-family: var(--font-heading);
	color: var(--gold);
	font-size: 24px;
}

@media (min-width: 992px) {
	.timeline-wrapper[b-x696qa59s9] {
		display: flex;
		border-left: none;
	}

	.timeline-item[b-x696qa59s9] {
		border-left: none;
		border-top: 4px solid transparent;
		flex: 1;
		transition: var(--transition);
	}

	.timeline-item:hover[b-x696qa59s9] {
		border-top-color: var(--gold);
	}
}

.opacity-75[b-x696qa59s9] {
	color: var(--bg-soft);
	opacity: 0.8;
}

.about-text[b-x696qa59s9] {
	font-size: 1.15rem;
	line-height: 1.9;
	margin: 0 auto;
	text-align: justify;
	font-style: italic;
	color: #444;
	text-indent: 1.5em;
}

.timeline-swiper[b-x696qa59s9] {
	position: relative;
}

/* Đường line vàng chạy ngang */
.timeline-horizontal-line[b-x696qa59s9] {
	position: absolute;
	top: 90px;
	/* Căn chỉnh theo vị trí của dot */
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--gold-light);
	z-index: 1;
	opacity: 0.5;
}

.timeline-box[b-x696qa59s9] {
	position: relative;
	z-index: 2;
	padding-top: 80px;
	/* Chừa chỗ cho năm và dot */
}

.timeline-year[b-x696qa59s9] {
	position: absolute;
	top: 0;
	left: 0;
	font-family: var(--font-heading);
	font-size: 32px;
	color: var(--gold-hover);
	margin-bottom: 15px;
	transition: var(--transition);
}

.timeline-dot[b-x696qa59s9] {
	position: absolute;
	top: 70px;
	left: 0;
	width: 12px;
	height: 12px;
	background: var(--bg-main);
	border: 2px solid var(--gold);
	border-radius: 50%;
	z-index: 3;
	transition: var(--transition-smooth);
}

.timeline-title[b-x696qa59s9] {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--ebony);
	margin-bottom: 15px;
	font-size: 1.3rem;
	margin-top: 15px;
}

.timeline-box p[b-x696qa59s9] {
	font-size: 1rem;
	color: var(--text-soft);
	line-height: 1.6;
	max-width: 250px;
}

/* Hover Effects */
.swiper-slide-active .timeline-dot[b-x696qa59s9],
.timeline-box:hover .timeline-dot[b-x696qa59s9] {
	background: var(--gold);
	transform: scale(1.5);
	box-shadow: 0 0 15px rgba(211, 175, 121, 0.5);
}

.timeline-box:hover .timeline-year[b-x696qa59s9] {
	transform: translateY(-5px);
}

/* Điều hướng Custom */
.lx-swiper-nav[b-x696qa59s9] {
	gap: 15px;
}

.swiper-button-prev-timeline[b-x696qa59s9],
.swiper-button-next-timeline[b-x696qa59s9] {
	width: 45px;
	height: 45px;
	border: 1px solid var(--gold-light);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gold);
	cursor: pointer;
	transition: var(--transition);
}

.swiper-button-prev-timeline:hover[b-x696qa59s9],
.swiper-button-next-timeline:hover[b-x696qa59s9] {
	background: var(--gold);
	color: white;
	border-color: var(--gold);
}

/* Bỏ icon mặc định của Swiper nếu bị lỗi */
.swiper-button-disabled[b-x696qa59s9] {
	opacity: 0.3;
	cursor: not-allowed;
}
/* /Pages/Shared/Estates/_CollectionListItem.cshtml.rz.scp.css */
/* Page Header */
.section-header[b-lmvmgahahz] {
	text-align: center;
}

.section-header .intro-text[b-lmvmgahahz] {
	margin: 0 auto;
	font-size: 1.1rem;
	line-height: 1.8;
}

/* Collection Row */
.lx-collection-card[b-lmvmgahahz] {
	margin-bottom: 50px;
	transition: var(--transition-smooth);
	border-radius: var(--radius);
	background: transparent;
	padding: 20px;
}

/* Thêm hiệu ứng gối đầu và số thứ tự mờ */
.lx-collection-card[b-lmvmgahahz] {
	position: relative;
	margin-bottom: 80px;
	/* Tăng khoảng cách để tạo độ thoáng */
}

/* Hiệu ứng hover cho toàn bộ card dự án */
.lx-collection-card:hover[b-lmvmgahahz] {
	background-color: var(--gray-light);
	transform: translateY(-5px);
}

.lx-col-img-wrap[b-lmvmgahahz] {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius);
	aspect-ratio: 16 / 9;
}

.lx-col-img[b-lmvmgahahz] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition-smooth);
}

.lx-col-content[b-lmvmgahahz] {
	padding: 40px !important;
}

.lx-col-category[b-lmvmgahahz] {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--gold);
	font-weight: 700;
	margin-bottom: 15px;
	display: block;
	font-family: var(--font-heading);
}

.lx-col-headline[b-lmvmgahahz] {
	font-family: var(--font-heading);
	font-size: 2.6rem;
	color: var(--ebony);
	line-height: 1.2;
	margin-bottom: 25px;
	transition: var(--transition-smooth);
}

.lx-col-summary[b-lmvmgahahz] {
	font-size: 1.15rem;
	line-height: 1.7;
	min-height: 82px;
	margin-bottom: 35px;
	color: var(--gray-text);

	/* Kỹ thuật giới hạn 3 dòng */
	/* display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; */
	/* Hiện dấu ... ở cuối dòng 3 */
}

/* Nút CTA High-end */
.lx-btn-cta[b-lmvmgahahz] {
	font-family: var(--font-sans);
	text-decoration: none;
	color: var(--ebony);
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-flex;
	align-items: center;
	gap: 15px;
}

.lx-btn-cta[b-lmvmgahahz]::after {
	content: '';
	width: 40px;
	height: 1px;
	background: var(--gold);
	transition: var(--transition-smooth);
}

.lx-btn-collection-head[b-lmvmgahahz] {
	text-decoration: none;
}

.lx-btn-collection-head[b-lmvmgahahz]::after {
	content: '';
	width: 40px;
	height: 1px;
	background: var(--gold);
	transition: var(--transition-smooth);
}

/* Hover States */
.lx-collection-card:hover .lx-col-img[b-lmvmgahahz] {
	transform: scale(1.1);
}

.lx-collection-card:hover .lx-col-headline[b-lmvmgahahz] {
	color: var(--gold);
	padding-left: 5px;
}

.lx-collection-card:hover .lx-btn-cta[b-lmvmgahahz]::after {
	width: 80px;
	background: var(--gold-hover);
}

/* Responsive */
@media (max-width: 991px) {
	.lx-col-headline[b-lmvmgahahz] {
		font-size: 2rem;
	}

	.lx-collection-card[b-lmvmgahahz] {
		margin-bottom: 50px;
		padding: 20px 0;
	}

	.section-header .main-title[b-lmvmgahahz] {
		font-size: 2.5rem;
	}
}



/* Số thứ tự lớn làm nền */
.lx-col-number[b-lmvmgahahz] {
	position: absolute;
	top: -50px;
	left: -20px;
	font-family: var(--font-sans);
	font-size: 10rem;
	color: rgba(2, 48, 73, 0.05);
	/* Rất mờ theo màu Ebony */
	z-index: 0;
	font-weight: 700;
}

/* Hiệu ứng gối đầu (Overlap) */
.lx-col-content-overlap[b-lmvmgahahz] {
	background: #ffffff;
	padding: 60px !important;
	margin-left: -10%;
	/* Đè lên hình ảnh bên trái */
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.03);
	z-index: 2;
	position: relative;
	border-left: 2px solid var(--gold);
	/* Đường line mảnh tinh tế */
}

/* Đảo chiều cho dòng chẵn */
.flex-lg-row-reverse .lx-col-content-overlap[b-lmvmgahahz] {
	margin-left: 0;
	margin-right: -10%;
	border-left: none;
	border-right: 2px solid var(--gold);
}

/* Image Reveal Animation */
.lx-col-img-wrap[b-lmvmgahahz] {
	z-index: 1;
	overflow: hidden;
	clip-path: inset(0 0 0 0);
	/* Tạo hiệu ứng khung tranh hiện đại */
}

.lx-col-img[b-lmvmgahahz] {
	filter: grayscale(30%);
	/* Hơi trầm mặc một chút */
}

.lx-collection-card:hover .lx-col-img[b-lmvmgahahz] {
	filter: grayscale(0%);
	transform: scale(1.1);
}

/* Nút bấm có gạch chân chạy từ giữa ra */
.lx-btn-cta[b-lmvmgahahz] {
	overflow: hidden;
}

.lx-btn-cta[b-lmvmgahahz]::after {
	left: 0;
	transform: scaleX(0.3);
	transform-origin: left;
}

.lx-collection-card:hover .lx-btn-cta[b-lmvmgahahz]::after {
	transform: scaleX(1);
	background: var(--gold);
}

/* 1. SỬA LỖI ĐÁNH SỐ & TẠO CHIỀU SÂU */
.lx-col-number[b-lmvmgahahz] {
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 5;
	/* Cao hơn hình ảnh nhưng thấp hơn nội dung chữ */
	font-size: clamp(8rem, 15vw, 12rem);
	/* Tự co giãn theo màn hình */
	color: var(--ebony);
	opacity: 0.08;
	/* Siêu mờ để thấy hình xuyên thấu bên dưới */
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
	/* Quan trọng: Không cản trở việc click/hover vào hình */
	transition: var(--transition-smooth);
}

/* 2. HIỆU ỨNG GỐI ĐẦU (OVERLAP) NÂNG CAO */
.lx-col-content-overlap[b-lmvmgahahz] {
	position: relative;
	z-index: 10;
	/* Lớp cao nhất để đè lên cả số và hình */
	background: #ffffff;
	padding: 60px !important;
	margin-left: -12%;
	/* Đè nhẹ lên hình bên trái */
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.03);
	border-top: 3px solid var(--gold);
	/* Điểm nhấn Gold mảnh */
	transition: var(--transition-smooth);
}

/* Đảo chiều cho dòng chẵn */
.flex-lg-row-reverse .lx-col-content-overlap[b-lmvmgahahz] {
	margin-left: 0;
	margin-right: -12%;
	border-top: none;
	border-bottom: 3px solid var(--gold);
	/* Thay đổi vị trí line để tạo nhịp điệu */
}

/* 3. TINH CHỈNH HOVER CHO ĐỘ WOW TĂNG CAO */
.lx-collection-card:hover .lx-col-img[b-lmvmgahahz] {
	transform: scale(1.08);
	/* Zoom cực chậm và mượt */
	filter: brightness(1.05);
}

.lx-collection-card:hover .lx-col-number[b-lmvmgahahz] {
	opacity: 0.15;
	/* Số hiện rõ hơn nhẹ khi tương tác */
	transform: translate(15px, -10px);
	/* Chuyển động đa hướng sang trọng */
}

.lx-collection-card:hover .lx-col-content-overlap[b-lmvmgahahz] {
	transform: translateY(-10px);
	/* Cả khối nội dung nhấc nhẹ lên */
	box-shadow: 30px 40px 80px rgba(0, 0, 0, 0.06);
}

/* Hiệu ứng đường kẻ cho nút CTA */
.lx-btn-cta[b-lmvmgahahz] {
	position: relative;
	padding-bottom: 5px;
}

.lx-btn-cta[b-lmvmgahahz]::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
	background: var(--gold);
	transition: var(--transition-smooth);
}

.lx-collection-card:hover .lx-btn-cta[b-lmvmgahahz]::after {
	width: 100%;
	/* Line chạy dài hết chữ khi hover */
}

/* 4. FIX CHO MOBILE (Tránh bị vỡ do Overlap) */
@media (max-width: 991.98px) {
	.lx-col-content-overlap[b-lmvmgahahz] {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: -50px;
		/* Vẫn giữ hiệu ứng đè nhẹ trên mobile */
		padding: 30px !important;
	}

	.lx-col-number[b-lmvmgahahz] {
		font-size: 6rem;
		top: 20px;
	}
}
/* /Pages/Shared/Estates/_EstateListItem.cshtml.rz.scp.css */
 /* Container & Header */
 .lx-item-header[b-915w9m5l7r] {
 	text-align: center;
 }

 .lx-item-header .main-title[b-915w9m5l7r] {
 	font-family: var(--font-serif);
 	font-size: 3.5rem;
 	color: var(--ebony);
 	margin: 15px 0;
 }

 /* PROJECT CARD - 3 ITEMS PER ROW */
 .lx-item-card[b-915w9m5l7r] {
 	position: relative;
 	background: #ffffff;
 	border-radius: var(--radius);
 	overflow: hidden;
 	margin-bottom: 40px;
 	transition: var(--transition-smooth);
 	/* Shadow mặc định: Cực mờ và rộng */
 	box-shadow: 0 15px 40px rgba(2, 48, 73, 0.04);
 	border: 1px solid rgba(2, 48, 73, 0.02);
 	/* Viền mờ để định hình trên nền trắng */
 }

 .lx-item-img-box[b-915w9m5l7r] {
 	position: relative;
 	aspect-ratio: 1 / 1.2;
 	/* Tỉ lệ đứng sang trọng */
 	overflow: hidden;
 }

 .lx-item-img[b-915w9m5l7r] {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: var(--transition-smooth);
 }

 /* Tiêu đề nằm trên hình */
 .lx-item-title-top[b-915w9m5l7r] {
 	position: absolute;
 	top: 30px;
 	left: 30px;
 	z-index: 10;
 	color: #fff;
 	font-family: var(--font-serif);
 	font-size: 1.8rem;
 	text-shadow: 0 2px 10px rgba(2, 48, 73, 0.3);
 	/* Shadow cho chữ để dễ đọc */
 	transition: var(--transition-smooth);
 	max-width: 70%;
 }

 /* Overlay khi hover */
 .lx-item-overlay[b-915w9m5l7r] {
 	position: absolute;
 	inset: 0;
 	background: linear-gradient(to bottom, transparent 20%, var(--glass) 100%);
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-end;
 	padding: 35px;
 	opacity: 0;
 	z-index: 5;
 	transition: var(--transition-smooth);
 }

 .lx-item-info[b-915w9m5l7r] {
 	transform: translateY(20px);
 	transition: var(--transition-smooth);
 }

 .lx-item-info p[b-915w9m5l7r] {
 	color: rgba(255, 255, 255, 0.8);
 	font-size: 1.1rem;
 	margin-bottom: 20px;
 	line-height: 1.6;
 }

 /* HIỆU ỨNG HOVER CHIẾN LƯỢC */
 .lx-item-card:hover[b-915w9m5l7r] {
 	/* Shadow khi hover: Đậm hơn và sâu hơn để tạo cảm giác nổi hẳn lên */
 	box-shadow: 0 40px 80px rgba(2, 48, 73, 0.12);
 	transform: translateY(-15px);
 	/* Nhấc box lên cao */
 }

 .lx-item-card:hover .lx-item-img[b-915w9m5l7r] {
 	transform: scale(1.1);
 }

 .lx-item-card:hover .lx-item-overlay[b-915w9m5l7r] {
 	opacity: 1;
 }

 .lx-item-card:hover .lx-item-info[b-915w9m5l7r] {
 	transform: translateY(0);
 }

 .lx-item-card:hover .lx-item-title-top[b-915w9m5l7r] {
 	color: var(--gold);
 	transform: translateX(10px);
 }

 /* Container bọc ngoài tab */
 .lx-tabs-container[b-915w9m5l7r] {
 	padding-top: 10px;
 	position: relative;
 }

 /* Tinh chỉnh thẻ Nav-tabs của Bootstrap 5 */
 .lx-tabs-container .nav-tabs .nav-item[b-915w9m5l7r] {
 	margin: 0 25px;
 	/* Tạo khoảng cách thưa thoáng giữa 2 tab */
 }

 .lx-tabs-container .nav-tabs .nav-link[b-915w9m5l7r] {
 	background: transparent !important;
 	border: none !important;
 	padding: 12px 5px;
 	font-family: var(--font-heading);
 	font-size: 1.15rem;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	color: var(--text-soft);
 	position: relative;
 	transition: var(--transition-smooth);
 	display: flex;
 	align-items: baseline;
 	gap: 6px;
 }

 /* Số chỉ mục nhỏ đi kèm (Tạp chí style) */
 .lx-tabs-container .nav-tabs .nav-link .tab-badge[b-915w9m5l7r] {
 	font-size: 0.7rem;
 	font-family: var(--font-sans);
 	color: var(--gold);
 	opacity: 0.7;
 	font-weight: 300;
 }

 /* Hiệu ứng thanh gạch ngang Luxury thanh mảnh ẩn dưới */
 .lx-tabs-container .nav-tabs .nav-link[b-915w9m5l7r]::after {
 	content: '';
 	position: absolute;
 	bottom: 0;
 	left: 50%;
 	width: 0;
 	height: 1px;
 	/* Thanh line siêu mảnh */
 	background-color: var(--gold);
 	transition: var(--transition-smooth);
 	transform: translateX(-50%);
 }

 /* Trạng thái Hover & Active (Khi tab được chọn) */
 .lx-tabs-container .nav-tabs .nav-link:hover[b-915w9m5l7r] {
 	color: var(--gold);
 }

 .lx-tabs-container .nav-tabs .nav-link.active[b-915w9m5l7r] {
 	color: var(--dark) !important;
 	font-weight: 500;
 }

 /* Khi Active -> Kéo dài thanh line từ giữa ra hai bên */
 .lx-tabs-container .nav-tabs .nav-link.active[b-915w9m5l7r]::after {
 	width: 100%;
 }

 /* Ép buộc các tab ẩn phải biến mất hoàn toàn khỏi layout, không để lại khoảng trống */
 .tab-content>.tab-pane:not(.active)[b-915w9m5l7r] {
 	display: none !important;
 	height: 0 !important;
 	overflow: hidden !important;
 }

 /* Resposive mượt mà trên Mobile */
 @media (max-width: 576px) {
 	.lx-tabs-container .nav-tabs .nav-item[b-915w9m5l7r] {
 		margin: 0 12px;
 	}

 	.lx-tabs-container .nav-tabs .nav-link[b-915w9m5l7r] {
 		font-size: 0.95rem;
 		letter-spacing: 1px;
 		padding: 8px 2px;
 	}
 }
/* /Pages/Shared/Events/_EventListItem.cshtml.rz.scp.css */
/* ===== 1. INTRO TOP SECTION ===== */
.lx-headline[b-qoqr9o6uo7] {
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: 5px;
	color: var(--gold);
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}

.lx-main-title-large[b-qoqr9o6uo7] {
	font-family: var(--font-heading);
	/* Novante */
	font-size: clamp(3rem, 6vw, 5rem);
	line-height: 0.9;
	color: var(--ebony);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.lx-intro-text[b-qoqr9o6uo7] {
	font-family: var(--font-sans);
	/* Cormorant Garamond */
	font-size: 1.15rem;
	color: var(--text-soft);
	line-height: 1.6;
	margin-left: auto;
	/* Quan trọng: Để căn giữa khối p */
	margin-right: auto;
	/* Quan trọng: Để căn giữa khối p */

}

.lx-intro-img-frame[b-qoqr9o6uo7] {
	position: relative;
	padding: 20px;
}

.lx-intro-img-frame img[b-qoqr9o6uo7] {
	width: 100%;
	height: 300px;
	object-fit: cover;
	position: relative;
	z-index: 2;
}

.lx-frame-border[b-qoqr9o6uo7] {
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;
	height: 80%;
	border: 1px solid var(--gold);
	z-index: 1;
}

.border-bottom-vintage[b-qoqr9o6uo7] {
	border-bottom: 1px solid rgba(211, 175, 121, 0.2);
}

/* ===== 2. MAGAZINE GRID CARDS ===== */
.magazine-card[b-qoqr9o6uo7] {
	position: relative;
	height: 500px;
	/* Cố định chiều cao cho 4 box đều nhau */
	overflow: hidden;
	background: var(--ebony);
	display: block;
	text-decoration: none;
}

.magazine-img-wrapper[b-qoqr9o6uo7] {
	width: 100%;
	height: 100%;
}

.magazine-img[b-qoqr9o6uo7] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0.8;
}

/* Overlay & Content */
.magazine-overlay[b-qoqr9o6uo7] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(58, 47, 39, 0.9) 0%, transparent 70%);
	display: flex;
	align-items: flex-end;
	padding: 40px;
}

.magazine-title[b-qoqr9o6uo7] {
	font-family: var(--font-heading);
	/* Cormorant Garamond */
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 15px;
	transition: var(--transition);
}

.magazine-badge-luxury[b-qoqr9o6uo7] {
	color: var(--gold);
	letter-spacing: 3px;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	font-family: var(--font-heading);
	text-transform: uppercase;
}

.magazine-meta[b-qoqr9o6uo7] {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.btn-magazine[b-qoqr9o6uo7] {
	color: #fff;
	font-size: 11px;
	letter-spacing: 3px;
	border-bottom: 1px solid var(--gold);
	padding-bottom: 5px;
	transition: all 0.4s ease;
	display: inline-block;
}

/* ===== 3. HOVER EFFECTS ===== */
.magazine-card:hover .magazine-img[b-qoqr9o6uo7] {
	transform: scale(1.1);
	opacity: 1;
}

.magazine-card:hover .magazine-title[b-qoqr9o6uo7] {
	color: var(--gold);
}

.magazine-card:hover .btn-magazine[b-qoqr9o6uo7] {
	letter-spacing: 5px;
	color: var(--gold);
}

/* Mobile */
@media (max-width: 768px) {
	.magazine-card[b-qoqr9o6uo7] {
		height: 400px;
	}

	.lx-main-title-large[b-qoqr9o6uo7] {
		font-size: 3rem;
	}
}
/* /Pages/Shared/News/_NewsDetailItem.cshtml.rz.scp.css */
/* Layout & Container */
.lx-detail-wrapper[b-k5m04ujniy] {
	background-color: var(--bg-main);
}

.lx-container[b-k5m04ujniy] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.lx-detail-grid[b-k5m04ujniy] {
	display: block;
	grid-template-columns: 1fr 350px;
	gap: 50px;
	margin-top: 50px;
}

/* Header Styles */
.lx-entry-header[b-k5m04ujniy] {
	text-align: center;
	margin-bottom: 60px;
}

.lx-main-title[b-k5m04ujniy] {
	font-family: var(--font-sans);
	/* Novante */
	color: var(--ebony);
	font-size: 42px;
	line-height: 1.2;
	margin: 20px 0;
	letter-spacing: 0.1px;
}

.lx-entry-meta[b-k5m04ujniy] {
	justify-content: center;
	/* Đưa các icon meta ra giữa */
}



/* Featured Image */
.lx-featured-frame[b-k5m04ujniy] {
	width: 100%;
	max-width: 900px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--radius);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.lx-featured-frame img[b-k5m04ujniy] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ===========================================
   PHẦN QUAN TRỌNG: CSS CHO NỘI DUNG QUILL
   =========================================== */

.lx-article-body[b-k5m04ujniy] {
	font-family: var(--font-sans);
	color: var(--text-main);

	max-width: 900px;
	/* Độ rộng lý tưởng cho việc đọc */
	margin: 0 auto;
	/* Căn giữa nội dung bên trong col-10 */
	font-size: 18px;
	/* Tăng nhẹ 1px để lấp đầy không gian mới */
	line-height: 1.9;
	/* Giãn dòng thêm một chút cho sang */
}

/* 1. Tự động tạo chữ lớn đầu dòng (Dropcap) cho thẻ p đầu tiên */
.lx-article-body>p:first-of-type[b-k5m04ujniy]::first-letter {
	float: left;
	font-family: var(--font-heading);
	font-size: 70px;
	line-height: 55px;
	padding-right: 12px;
	color: var(--gold);
}

/* 2. Style cho các thẻ H2, H3 (Header từ Quill) */
.lx-article-body h2[b-k5m04ujniy] {
	font-family: var(--font-heading);
	font-size: 30px;
	color: var(--ebony);
	margin: 40px 0 20px;
	border-left: 4px solid var(--gold);
	padding-left: 20px;
}

.lx-article-body h3[b-k5m04ujniy] {
	font-family: var(--font-heading);
	font-size: 26px;
	color: var(--navy);
	margin: 30px 0 15px;
}

/* 3. Style cho Blockquote (Trích dẫn) */
.lx-article-body blockquote[b-k5m04ujniy] {
	max-width: 80%;
	/* Thu hẹp hơn so với text để tạo điểm nhấn */
	margin: 60px auto;
	/* Căn giữa */
	padding: 50px;
	/* Tăng padding cho thoáng */
	background-color: var(--bg-soft);
	border: none;
	/* Bỏ viền mặc định của Quill */
	border-top: 1px solid var(--gold-light);
	border-bottom: 1px solid var(--gold-light);
	font-family: var(--font-heading);
	font-style: italic;
	font-size: 22px;
	text-align: center;
	color: var(--navy-soft);
	position: relative;
}

.lx-article-body blockquote[b-k5m04ujniy]::before {
	content: "“";
	font-family: var(--font-serif);
	font-size: 80px;
	color: var(--gold-light);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--bg-main);
	padding: 0 15px;
	line-height: 1;
}

/* 4. Hình ảnh và List trong Quill */
.lx-article-body img[b-k5m04ujniy] {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	margin: 30px 0;
}

.lx-article-body ul[b-k5m04ujniy],
.lx-article-body ol[b-k5m04ujniy] {
	margin-bottom: 25px;
	padding-left: 20px;
}

.lx-article-body li[b-k5m04ujniy] {
	margin-bottom: 10px;
}

/* ===========================================
   SIDEBAR & EVENT CARD
   =========================================== */

.lx-sidebar-card[b-k5m04ujniy] {
	background: var(--bg-section);
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid rgba(211, 175, 121, 0.2);
}

.lx-event-box[b-k5m04ujniy] {
	background: var(--ebony);
	/* Màu gỗ đen sang trọng */
	color: #fff;
}

.lx-side-title[b-k5m04ujniy] {
	font-family: var(--font-heading);
	font-size: 22px;
	color: var(--gold);
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.ev-item[b-k5m04ujniy] {
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 10px;
}

.ev-label[b-k5m04ujniy] {
	display: block;
	font-size: 12px;
	color: var(--gold-light);
	text-transform: uppercase;
}

.ev-value[b-k5m04ujniy] {
	font-family: var(--font-heading);
	font-size: 18px;
}

.lx-btn-outline[b-k5m04ujniy] {
	display: block;
	text-align: center;
	border: 1px solid var(--gold);
	color: var(--gold);
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	margin-top: 20px;
	transition: var(--transition);
}

.lx-btn-outline:hover[b-k5m04ujniy] {
	background: var(--gold);
	color: #fff;
}

/* Mobile Responsive */
@media (max-width: 991px) {
	.lx-detail-grid[b-k5m04ujniy] {
		grid-template-columns: 1fr;
	}

	.lx-featured-frame[b-k5m04ujniy] {
		height: 300px;
		width: 90%;
	}

	.lx-main-title[b-k5m04ujniy] {
		font-size: 30px;
	}
}
/* /Pages/Shared/News/_NewsListItem.cshtml.rz.scp.css */
 /* News List Section */
 .lx-news-list-section[b-syxzkhgsw7] {
 	background-color: var(--bg-main);
 }

 .lx-list-header[b-syxzkhgsw7] {
 	margin-bottom: 60px;
 }

 .lx-subtitle[b-syxzkhgsw7] {
 	font-family: var(--font-sans);
 	color: var(--text-soft);
 	font-size: 1.15rem;
 	line-height: 1.6;
 	margin-left: auto;
 	/* Quan trọng: Để căn giữa khối p */
 	margin-right: auto;
 }

 /* Card Style */
 .lx-news-item[b-syxzkhgsw7] {
 	display: block;
 	text-decoration: none;
 	color: inherit;
 	background: var(--bg-soft);
 	transition: var(--transition-smooth);
 	border: 1px solid rgba(211, 175, 121, 0.1);
 	height: 100%;
 }

 .lx-news-inner[b-syxzkhgsw7] {
 	display: flex;
 	align-items: stretch;
 	height: 100%;
 }

 /* Thumbnail */
 .lx-news-thumb[b-syxzkhgsw7] {
 	width: 40%;
 	position: relative;
 	overflow: hidden;
 	flex-shrink: 0;
 	max-height: 250px;
 }

 .lx-news-thumb img[b-syxzkhgsw7] {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .lx-category[b-syxzkhgsw7] {
 	position: absolute;
 	top: 15px;
 	left: 15px;
 	background: var(--gold);
 	color: #fff;
 	font-size: 10px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	padding: 4px 10px;
 	font-family: var(--font-sans);
 }

 /* Content Area */
 .lx-news-content[b-syxzkhgsw7] {
 	width: 60%;
 	padding: 30px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .lx-date[b-syxzkhgsw7] {
 	font-family: var(--font-heading);
 	font-size: 14px;
 	color: var(--gold);
 	margin-bottom: 10px;
 	letter-spacing: 1px;
 }

 .lx-news-title[b-syxzkhgsw7] {
 	/* Novante */
 	font-size: 1.25rem;
 	line-height: 1.3;
 	color: var(--ebony);
 	margin-bottom: 15px;
 	transition: var(--transition);
 	/* Giới hạn 2 dòng tiêu đề */
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 .lx-news-desc[b-syxzkhgsw7] {
 	font-size: 1rem;
 	color: var(--text-soft);
 	line-height: 1.6;
 	margin-bottom: 20px;
 	/* Giới hạn 2 dòng mô tả */
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 .lx-readmore[b-syxzkhgsw7] {
 	font-size: 12px;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	font-weight: bold;
 	color: var(--ebony);
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	transition: var(--transition);
 }

 .lx-readmore i[b-syxzkhgsw7] {
 	font-size: 10px;
 	transition: transform 0.3s ease;
 }

 /* ===========================================
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       HOVER EFFECTS (SANG TRỌNG)
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       =========================================== */

 .lx-news-item:hover[b-syxzkhgsw7] {
 	background: #fff;
 	box-shadow: 0 15px 40px rgba(47, 42, 36, 0.08);
 	transform: translateY(-5px);
 	border-color: var(--gold-light);
 }

 .lx-news-item:hover .lx-news-thumb img[b-syxzkhgsw7] {
 	transform: scale(1.1);
 }

 .lx-news-item:hover .lx-news-title[b-syxzkhgsw7] {
 	color: var(--gold);
 }

 .lx-news-item:hover .lx-readmore[b-syxzkhgsw7] {
 	color: var(--gold);
 	gap: 15px;
 	/* Mũi tên dịch chuyển sang phải */
 }

 /* Pagination */
 .lx-pagination[b-syxzkhgsw7] {
 	margin-top: 60px;
 }

 .lx-pagination a[b-syxzkhgsw7] {
 	display: inline-block;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	text-decoration: none;
 	color: var(--text-soft);
 	border: 1px solid var(--gold-light);
 	margin: 0 5px;
 	font-family: var(--font-heading);
 	transition: var(--transition);
 }

 .lx-pagination a.active[b-syxzkhgsw7],
 .lx-pagination a:hover[b-syxzkhgsw7] {
 	background: var(--gold);
 	color: #fff;
 	border-color: var(--gold);
 }

 /* Responsive */
 @media (max-width: 767px) {
 	.lx-news-inner[b-syxzkhgsw7] {
 		flex-direction: column;
 	}

 	.lx-news-thumb[b-syxzkhgsw7],
 	.lx-news-content[b-syxzkhgsw7] {
 		width: 100%;
 	}

 	.lx-news-thumb[b-syxzkhgsw7] {
 		height: 200px;
 	}
 }
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* /Views/Shared/Components/HomeEvents/Default.cshtml.rz.scp.css */
/* Khung ảnh phong cách tạp chí */
.magazine-card[b-edhqme32a1] {
	position: relative;
	height: 85vh;
	/* Gần full màn hình */
	overflow: hidden;
	background: var(--dark);
}

.magazine-img-wrapper[b-edhqme32a1] {
	width: 100%;
	height: 100%;
}

.magazine-img[b-edhqme32a1] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Hiệu ứng Ken Burns (Slow Zoom) */
	transform: scale(1);
	transition: transform 15s linear;
}

@media (max-width:768px) {
	.magazine-img[b-edhqme32a1] {
		object-fit: fill;
	}

}

.carousel-item.active .magazine-img[b-edhqme32a1] {
	transform: scale(1.15);
	/* Phóng to nhẹ khi slide active */
}

/* Lớp phủ Gradient Tạp chí */
.magazine-overlay[b-edhqme32a1] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, transparent 60%);
	display: flex;
	align-items: center;
	padding: 0 10%;
}

/* Typography Editorial */
.magazine-title[b-edhqme32a1] {
	font-family: var(--font-heading);
	/* Font cao cấp  */
	font-size: clamp(2rem, 8vw, 3.2rem);
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: -2px;
	margin-bottom: 20px;
}

.magazine-meta[b-edhqme32a1] {
	color: var(--gold);
	font-size: 0.9rem;
	letter-spacing: 3px;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}

.badge-luxury[b-edhqme32a1] {
	color: var(--gold);
	letter-spacing: 5px;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	text-transform: uppercase;
}

/* Nút CTA Minimalist */
.btn-magazine[b-edhqme32a1] {
	color: #fff;
	text-decoration: none;
	font-size: 0.8rem;
	letter-spacing: 3px;
	border-bottom: 1px solid var(--gold);
	padding-bottom: 5px;
	transition: all 0.3s ease;
}

.btn-magazine:hover[b-edhqme32a1] {
	color: var(--gold);
	letter-spacing: 5px;
	/* Dãn chữ khi hover [cite: 498] */
}

/* Custom Prev/Next Buttons */
.carousel-control-prev[b-edhqme32a1],
.carousel-control-next[b-edhqme32a1] {
	width: 10%;
	opacity: 1;
}

.nav-text[b-edhqme32a1] {
	font-size: 0.7rem;
	letter-spacing: 2px;
	color: #fff;
	margin: 0 10px;
}

.nav-line[b-edhqme32a1] {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: var(--gold);
	transition: width 0.4s ease;
}

.carousel-control-next:hover .nav-line[b-edhqme32a1] {
	width: 80px;
	/* Đường kẻ dài ra khi hover [cite: 496] */
}
/* /Views/Shared/Components/HomeLogos/Default.cshtml.rz.scp.css */
/* --- PARTNERS --- */
.partner-logo[b-c8f4dagjzs] {
	width: 100%;
	max-width: 200px;
	max-height: 120px;
	height: auto;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: var(--transition);
	margin: 0 auto;
	border-radius: var(--radius);

}

.partner-logo:hover[b-c8f4dagjzs] {
	filter: grayscale(0%);
	opacity: 1;
}

/* --- PARTNERS LUXURY STYLE --- */

.partners-section[b-c8f4dagjzs] {
	position: relative;
	background-color: var(--bg-section);

}

/* Ép nội dung bên trong nổi lên trên lớp phủ */
.partners-section .container[b-c8f4dagjzs] {
	position: relative;
	z-index: 2;
}

/* Đảm bảo container nằm trên lớp phủ */
.partners-section .container[b-c8f4dagjzs] {
	z-index: 2;
}


/* Đảm bảo Swiper không bị cắt ngang logo khi trượt */
.swiper-slide[b-c8f4dagjzs] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
	background-color: var(--bg-main);
}
/* /Views/Shared/Components/HomeNews/Default.cshtml.rz.scp.css */
/* News Card Minimalist */
/* Tinh chỉnh thẻ link Khám phá */
#news[b-jxdcjz2cjt] {
	background: var(--bg-main);
}

.read-more[b-jxdcjz2cjt] {
	display: inline-flex;
	align-items: center;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--gold, #c5a059);
	/* Màu mặc định là Gold */
	text-decoration: none !important;
	/* Bỏ gạch chân mặc định */
	opacity: 0;
	/* Ban đầu ẩn */
	transform: translateX(-15px);
	/* Đẩy nhẹ sang trái */
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	margin-top: 15px;
	position: relative;
	z-index: 3;
	/* Nằm trên cả content-wrap để dễ click */
}

/* Hiệu ứng khi Hover vào Card */
.news-card:hover .read-more[b-jxdcjz2cjt] {
	opacity: 1;
	transform: translateX(0);
	color: #ffffff;
	/* Đổi sang trắng vì lúc này nền đã là màu Gold */
}

/* Hiệu ứng riêng cho mũi tên khi hover trực tiếp vào chữ Khám phá */
.read-more i[b-jxdcjz2cjt] {
	transition: transform 0.3s ease;
}

.read-more:hover i[b-jxdcjz2cjt] {
	transform: translateX(8px);
	/* Mũi tên nhích thêm chút nữa khi rê chuột trực tiếp vào link */
}

/* Đảm bảo content-wrap không chặn sự kiện click của thẻ a */
.content-wrap[b-jxdcjz2cjt] {
	pointer-events: none;
	/* Để sự kiện click xuyên qua các lớp chữ */
}

.read-more[b-jxdcjz2cjt] {
	pointer-events: auto;
	/* Kích hoạt lại click riêng cho nút này */
}




/* Container chính của phần thông tin */
.news-info[b-jxdcjz2cjt] {
	position: relative;
	padding: 25px;
	background: #fff;
	flex-grow: 1;
	/* Đảm bảo các card cao bằng nhau trong cùng 1 hàng */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Lớp phủ màu Gold */
.gold-overlay[b-jxdcjz2cjt] {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #c5a059, #d4af37);
	/* Màu Gold sang trọng */
	transform: translateY(100%);
	/* Đẩy xuống dưới hoàn toàn */
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	z-index: 1;
}

/* Đảm bảo nội dung chữ luôn nằm trên lớp phủ */
.content-wrap[b-jxdcjz2cjt] {
	position: relative;
	z-index: 2;
	transition: color 0.9s ease;
}

/* Hiệu ứng khi Hover */
.news-card:hover .gold-overlay[b-jxdcjz2cjt] {
	transform: translateY(0);
	/* Trượt lên che phủ toàn bộ */
}

/* Đổi màu chữ sang trắng hoặc đen đậm để nổi bật trên nền Gold khi hover */
.news-card:hover .content-wrap .title[b-jxdcjz2cjt],
.news-card:hover .content-wrap .description[b-jxdcjz2cjt],
.news-card:hover .content-wrap .date[b-jxdcjz2cjt] {
	color: #ffffff;
	/* Hoặc màu nâu đậm #2b2b2b tùy gu của bạn */
}

/* Thêm một chút đổ bóng nhẹ cho card khi hover để tạo độ nổi khối */
.news-card:hover[b-jxdcjz2cjt] {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.small-text[b-jxdcjz2cjt] {
	font-size: 0.85rem;
	line-height: 1.6;
}

.italic[b-jxdcjz2cjt] {
	font-style: italic;
	font-size: 1.2rem;
	color: var(--dark) !important;
}

/* Khống chế kích thước tổng thể của card tin tức */
.news-card[b-jxdcjz2cjt] {

	/* Hoặc kích thước phù hợp với layout của bạn */
	margin-bottom: 30px;
	border-radius: 8px;
	/* Tùy chọn để trông mềm mại hơn */
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

/* Xử lý hình ảnh không bị bung */
.news-image[b-jxdcjz2cjt] {
	width: 100%;
	height: 250px;
	/* Chiều cao cố định cho mọi hình ảnh tin tức */
	overflow: hidden;
}

.news-image img[b-jxdcjz2cjt] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Quan trọng: Giữ ảnh không bị méo và lấp đầy khung */
	transition: transform 0.6s ease;
}

/* Hiệu ứng phóng nhẹ hình ảnh khi hover cho thêm phần Luxury */
.news-card:hover .news-image img[b-jxdcjz2cjt] {
	transform: scale(1.1);
}

/* 1. Nút Xem tất cả (Luxury Link) */
.lx-link-all[b-jxdcjz2cjt] {
	color: #000;
	text-decoration: none;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding-bottom: 5px;
	transition: all 0.3s ease;
}

@media (max-width: 768px) {
	.lx-link-all[b-jxdcjz2cjt] {
		font-size: 0.7rem;
	}
}

.lx-link-all[b-jxdcjz2cjt]::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	/* Ban đầu ngắn */
	height: 1px;
	background-color: var(--gold, #c5a059);
	transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.lx-link-all:hover[b-jxdcjz2cjt]::after {
	width: 100%;
	/* Hover dài ra hết cỡ */
}

/* 2. News Card tinh chỉnh */
.news-card[b-jxdcjz2cjt] {
	border: 1px solid #f0f0f0;
	/* Border cực nhạt cho toàn card */
	background: #fff;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.news-info[b-jxdcjz2cjt] {
	border-bottom: 3px solid transparent;
	/* Chuẩn bị cho border gold chạy ở dưới */
	transition: border-color 0.4s ease;
}

/* Hover đổi màu border bottom sang Gold */
.news-card:hover .news-info[b-jxdcjz2cjt] {
	border-color: var(--gold, #c5a059);
}

.date[b-jxdcjz2cjt] {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 2px;
	color: var(--gold, #c5a059);
	margin-bottom: 12px;
	text-transform: uppercase;
}

.title[b-jxdcjz2cjt] {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #1a1a1a;

	/* Kỹ thuật giới hạn 2 dòng */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* Số dòng muốn hiển thị */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Hiện dấu ... ở cuối dòng 2 */
}

.description[b-jxdcjz2cjt] {
	font-size: 1.1rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;

	/* Kỹ thuật giới hạn 2 dòng */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* Số dòng muốn hiển thị */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Hiện dấu ... ở cuối dòng 2 */
}

/* 3. Điểm nhấn Lux: Read More Link */
.read-more[b-jxdcjz2cjt] {
	font-size: 0.8rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0;
	/* Ẩn đi */
	transform: translateX(-10px);
	transition: all 0.4s ease;
}

.news-card:hover .read-more[b-jxdcjz2cjt] {
	opacity: 1;
	transform: translateX(0);
	color: #fff;
	/* Vì lúc này nền đã chuyển sang Gold */
}

/* Tùy chỉnh màu overlay để không quá gắt */
.gold-overlay[b-jxdcjz2cjt] {
	background: linear-gradient(135deg, #c5a059 0%, #b08d48 100%) !important;
}
/* /Views/Shared/Components/HomeProjects/Default.cshtml.rz.scp.css */
.duan[b-e339gljyeq] {
	position: relative;
	/* Bắt buộc có để định vị ::before */
	overflow: hidden;
	/* Để chữ M lớn không bị tràn ra ngoài box */
	min-height: 400px;
	background-color: var(--bg-soft);
}

.duan[b-e339gljyeq]::before {
	content: 'M';
	font-family: var(--font-wtm);
	font-weight: 900;
	/* Độ dày lớn để tạo khối đẹp */
	font-size: 45rem;
	/* Kích thước cực lớn để làm watermark */
	color: var(--gold);
	/* Sử dụng màu Gold thương hiệu */
	opacity: 0.09;
	/* Độ mờ nhẹ để không đè lên nội dung chính */

	/* Kỹ thuật canh giữa tuyệt đối */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index: 0;
	pointer-events: none;
	/* Để không cản trở việc click vào link/button */
}


/* 2. KHUNG BỌC NGOÀI
       - perspective: 1200px được đặt ở đây để tạo camera 3D chiếu vào thẻ bên trong.
    */
.lx-card-wrapper[b-e339gljyeq] {
	position: relative;
	width: 360px;
	height: 450px;
	cursor: pointer;
	perspective: 1200px;
	z-index: 1;
}

/* ê chuột vào thẻ nào, thẻ đó phải nổi lên trên cùng ngay lập tức 
       để không bị thẻ khác đè mất sự kiện hover */
.lx-card-wrapper:hover[b-e339gljyeq] {
	z-index: 50 !important;
}

/* 3. THẺ ẢNH BÊN TRONG (.lx-card)
       - Chịu trách nhiệm xoay 3D hình thang 
    */
.lx-card[b-e339gljyeq] {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	background: #000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	/* Gộp tất cả chuyển động mượt vào đây */
	transition: transform 2.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 2.2s ease;
}

/* Hiệu ứng cộng thêm: Khi hover card thì chữ M hiện rõ hơn một chút */
.lx-card:hover[b-e339gljyeq]::after {
	opacity: 0.12;
}

.lx-card img[b-e339gljyeq] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s ease;
}


/* Card bên trái - Vát cạnh phải để hướng về tâm */
.lx-card-left .lx-card[b-e339gljyeq] {
	/* Tạo hình thang: Cạnh trái cao 100%, cạnh phải thu lại còn 80% ở giữa */
	clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
	transform: scale(0.95);
	/* Thu nhỏ nhẹ để tạo khoảng thở */
	transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
	transform-origin: left center;
}

/* Card bên phải - Vát cạnh trái để đối xứng */
.lx-card-right .lx-card[b-e339gljyeq] {
	/* Tạo hình thang: Cạnh phải cao 100%, cạnh trái thu lại */
	clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
	transform: scale(0.95);
	transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
	transform-origin: right center;
}

/* Hiệu ứng Hover - Card "mở rộng" thành hình chữ nhật hoàn hảo */
.lx-card-left:hover .lx-card[b-e339gljyeq],
.lx-card-right:hover .lx-card[b-e339gljyeq] {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	/* Trở về hình chữ nhật */
	transform: scale(1.02);
	/* Phóng to nhẹ để tạo điểm nhấn */
	z-index: 10;
}

/* --- Mobile --- */
@media (max-width: 768px) {

	.lx-card-left .lx-card[b-e339gljyeq],
	.lx-card-right .lx-card[b-e339gljyeq] {
		/* Loại bỏ hình thang, đưa về hình chữ nhật chuẩn */
		clip-path: none !important;

		/* Reset lại scale để ảnh full màn hình mobile */
		transform: scale(1) !important;

		/* Đảm bảo không bị khoảng trắng thừa do vát cạnh */
		margin-bottom: 20px;
	}

	/* Hiệu ứng hover trên mobile (nếu có chạm tay vào) 
           nên đơn giản hóa, chỉ cần zoom nhẹ là đủ sang */
	.lx-card-left:hover .lx-card[b-e339gljyeq],
	.lx-card-right:hover .lx-card[b-e339gljyeq] {
		transform: scale(1.02) !important;
	}
}

/* Tinh chỉnh Overlay để không bị vỡ theo khung clip-path */
.lx-card .news-info[b-e339gljyeq] {
	bottom: 10%;
	/* Đẩy nội dung lên một chút để tránh phần vát */
	transition: all 0.5s ease;
}

/* Thẻ GIỮA (Điểm nhấn) */
.lx-card-center[b-e339gljyeq] {
	z-index: 10;
}

.lx-card-center .lx-card[b-e339gljyeq] {
	transform: rotateY(0deg) scale(1);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* =========================================
       PHỤC HỒI HOVER - LẬT THẲNG MẶT
       ========================================= */

/* Khi hover vào wrapper, thẻ card bên trong sẽ lật thẳng lại và phóng to lên */
.lx-card-wrapper:hover .lx-card[b-e339gljyeq] {
	transform: rotateY(0deg) scale(1.02);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
}


/* Phục hồi hiệu ứng cho thẻ Overlay (Nút bấm, chữ) của bạn */
.lx-card .lx-overlay[b-e339gljyeq] {
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}

.lx-card-wrapper:hover .lx-overlay[b-e339gljyeq] {
	opacity: 1;
	visibility: visible;
}

/* --- OVERLAY MỜ KHI HOVER --- */
.lx-overlay[b-e339gljyeq] {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.1) 100%);
	display: flex;
	align-items: flex-end;
	/* Ép nội dung xuống đáy */
	padding: 40px 30px;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.lx-overlay-content[b-e339gljyeq] {
	transform: translateY(20px);
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
	width: 100%;
}

.lx-card-wrapper:hover .lx-overlay[b-e339gljyeq] {
	opacity: 1;
}

.lx-card-wrapper:hover .lx-overlay-content[b-e339gljyeq] {
	transform: translateY(0);
}

.lx-card-wrapper:hover img[b-e339gljyeq] {
	transform: scale(1.1);
	/* Zoom nhẹ ảnh khi lật ra */
	opacity: 0.5;
	/* Mờ ảnh đi để nổi text */
}

/* Typography trên Overlay */
.lx-overlay h4[b-e339gljyeq] {
	color: var(--text-soft-white);
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 5px;
	font-family: var(--font-heading);
}

.lx-overlay p[b-e339gljyeq] {
	color: #c5a25d;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
}

.lx-overlay a[b-e339gljyeq] {
	background: transparent;
	/* Dùng màu Gold đặc trưng của bạn hoặc màu trắng mảnh */
	border: 1px solid rgba(197, 160, 89, 0.8);
	color: #fff;
	padding: 12px 35px;
	/* Tăng nhẹ độ rộng để cân đối */
	font-size: 0.75rem;
	/* Font nhỏ lại nhìn sẽ sang hơn font to */
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* Tăng letter-spacing tạo độ thoáng cao cấp */
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	/* Hiệu ứng mượt hơn */
	width: max-content;
	border-radius: 0;
	/* Trong thiết kế luxury, góc vuông tạo cảm giác chuyên nghiệp và vững chãi hơn bo tròn */
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
}

/* Hiệu ứng lớp nền chạy ngầm */
.lx-overlay a[b-e339gljyeq]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #C5A059;
	/* Màu Gold của bạn */
	transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	z-index: -1;
}

/* Trạng thái Hover */
.lx-overlay a:hover[b-e339gljyeq] {
	color: #fff;
	/* Giữ màu trắng cho text */
	border-color: #C5A059;
	letter-spacing: 4px;
	/* Chữ dãn nhẹ ra thêm 1 chút khi hover - rất sang */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.lx-overlay a:hover[b-e339gljyeq]::before {
	width: 100%;
	/* Nền gold tràn từ trái sang phải */
}

/* Thêm hiệu ứng mũi tên nhỏ ẩn hiện */
.lx-overlay a[b-e339gljyeq]::after {
	content: ' →';
	opacity: 0;
	margin-left: -10px;
	transition: all 0.4s;
}

.lx-overlay a:hover[b-e339gljyeq]::after {
	opacity: 1;
	margin-left: 10px;
}

/* --- ĐIỀU CHỈNH CHO ĐIỆN THOẠI (MOBILE) --- */
@media (max-width: 768px) {
	.lx-gallery-container[b-e339gljyeq] {
		flex-direction: column;
		perspective: none;
		gap: 30px;

	}

	.lx-card-wrapper[b-e339gljyeq] {
		width: 100%;

		transform: none !important;
		/* Xóa nghiêng trên mobile */
		margin: 0 !important;
	}

	.lx-card-wrapper .lx-overlay[b-e339gljyeq] {
		opacity: 1;
		/* Luôn hiện overlay trên điện thoại */
		background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
	}

	.lx-card-wrapper .lx-overlay-content[b-e339gljyeq] {
		transform: translateY(0);
	}

	.lx-card-left .lx-card[b-e339gljyeq],
	.lx-card-right .lx-card[b-e339gljyeq] {
		transform: none !important;
		/* Trở về hình dạng bình thường */
		transform-origin: center center;
		scale: 1;
		/* Trở về kích thước 100% */
	}
}

/* Tinh chỉnh Container để chứa thêm cột tiêu đề */
.lx-gallery-container[b-e339gljyeq] {
	display: flex;
	justify-content: center;
	align-items: center;
	/* Giúp title và gallery cân bằng theo trục ngang */
	gap: 20px;
	flex-wrap: nowrap;
}

/* Style cho cột tiêu đề mới */
.lx-title-col[b-e339gljyeq] {
	flex: 0 0 28%;
	/* Cố định độ rộng cột tiêu đề */
	z-index: 2;
	text-align: justify;
	padding: 0 20px;
}

.lx-description[b-e339gljyeq] {
	font-size: 1.13rem;
	color: var(--gray-text);
	line-height: 1.6;
	text-align: justify;
}

.lx-title-duan[b-e339gljyeq] {
	font-family: var(--font-heading);
	color: var(--gold-hover);
	font-weight: 400;
	line-height: 1.2;
	/* Tăng nhẹ để 2 dòng không bị dính vào nhau */
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	/* Xếp chồng 2 dòng */
	justify-content: center;
	align-items: center;
	font-size: 3rem;
	letter-spacing: 1px;
}


@media (max-width: 768px) {
	.lx-title-duan[b-e339gljyeq] {
		font-size: 2.6rem;
	}

}