.product_page  .reviews_tab{
	display:none !important;
}

.product_page .wc-tabs.product-tabs{
	display: flex;
	text-align: left;
	justify-content: flex-start !important; 
	font-size:22px;
}

/* ==================================================
CHỈ CSS CHO PHẦN NỘI DUNG BÊN PHẢI (.pd_content) TRONG .product_page
================================================== */

.product_page .pd_img {
	background: #ffffff;
	border: 1px solid #f0f2f5;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
/* 1. ẨN CÁC THÀNH PHẦN KHÔNG CẦN THIẾT THEO YÊU CẦU */
.product_page .pd_content .product_meta,           /* Ẩn Danh mục */
.product_page .pd_content .social-icons,           /* Ẩn icon Share */
.product_page .pd_content .product-price-container,/* Ẩn chữ Liên hệ bị lặp lại ở dưới */
.product_page .pd_content .is-divider,             /* Ẩn đường kẻ ngang mặc định */
.product_page .pd_content .next-prev-thumbs {      /* Ẩn nút Next/Prev sản phẩm */
	display: none !important;
}

/* 2. ĐỊNH DẠNG KHUNG TỔNG THỂ (Tạo cảm giác giống Card) */
.product_page .pd_content .col-inner {
	background: #ffffff;
	border: 1px solid #f0f2f5;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* 3. BREADCRUMB & TIÊU ĐỀ */
.product_page .pd_content .woocommerce-breadcrumb {
	font-size: 12px;
	text-transform: uppercase;
	color: var(--color-text-muted, #888);
	margin-bottom: 8px;
	padding: 0;
}
.product_page .pd_content .product-title {
	font-size: 26px;
	font-weight: 800;
	color: var(--color-text-main, #1a1a1a);
	line-height: 1.35;
	margin-bottom: 20px;
	margin-top: 0;
}

/* 4. LÀM ĐẸP CHỮ "LIÊN HỆ" (Thành một Box nổi bật vừa phải) */
.product_page .pd_content > .col-inner > .price-wrapper {
	background: #fff5f5; /* Nền đỏ hồng nhạt */
	border: 1px solid #ffe1e1;
	border-radius: 12px;
	padding: 16px 20px;
	margin-bottom: 20px;
	display: block;
}
/* Thêm dòng chữ nhỏ phía trên chữ Liên hệ */
.product_page .pd_content > .col-inner > .price-wrapper::before {
	content: "GIÁ DỰ TOÁN XÂY DỰNG:";
	display: block;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	font-weight: 600;
}
.product_page .pd_content > .col-inner > .price-wrapper .price {
	margin: 0;
}
.product_page .pd_content > .col-inner > .price-wrapper .amount {
	font-size: 28px;
	font-weight: 900;
	color: var(--color-main, #b31217);
	text-transform: uppercase;
}

/* 5. BOX "MÔ TẢ NGẮN" (Nền xám) */
.product_page .pd_content .product-short-description {
	background: #f8f9fa; /* Nền xám nhạt */
	border: 1px solid #e9ecef;
	border-radius: 12px;
	padding: 16px 20px;
	margin-bottom: 25px;
}
/* Thêm tiêu đề giả "MÔ TẢ NGẮN" bằng CSS */
.product_page .pd_content .product-short-description::before {
	content: "📄 MÔ TẢ NGẮN";
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #8c98a4;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.product_page .pd_content .product-short-description p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.6;
	color: #333;
}

/* ==================================================
CSS PHẦN MÔ TẢ CHI TIẾT DỰ ÁN (BẢN NỔI BẬT TIÊU ĐỀ)
================================================== */

/* 1. ĐÓNG KHUNG TỔNG THỂ */
.product_page .woocommerce-tabs {
	background-color: #ffffff;
	border: 1px solid #f0f2f5;
	border-radius: 12px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06); 
	margin-top: 30px;
	overflow: hidden; /* Bắt buộc để bo góc cắt được nền đỏ ở trên */
}

/* 2. LÀM NỔI BẬT KHU VỰC TIÊU ĐỀ "MÔ TẢ" (Nền đỏ, chữ trắng) */
.product_page .woocommerce-tabs ul.tabs {
	background: var(--bg-gradient-red, #b31217) !important; /* Dải nền đỏ mạnh mẽ */
	padding: 14px 30px !important;
	border-bottom: none !important;
	margin: 0;
}
.product_page .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
}
.product_page .woocommerce-tabs ul.tabs li a {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #ffffff !important; /* Chữ màu trắng nổi bật */
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px; /* Khoảng cách giữa icon và chữ */
	letter-spacing: 0.5px;
}
/* Thêm Icon bằng CSS phía trước chữ MÔ TẢ */
.product_page .woocommerce-tabs ul.tabs li a::before {
	content: "📋"; 
	font-size: 18px;
}

/* 3. KHOẢNG CÁCH CHO PHẦN NỘI DUNG BÊN TRONG */
.product_page .tab-panels {
	padding: 30px;
}
.product_page #tab-description {
	padding: 0;
	margin: 0;
	box-shadow: none;
	border: none;
}

/* 4. CHỮ NỘI DUNG MÀU ĐEN */
.product_page #tab-description p, 
.product_page #tab-description span, 
.product_page #tab-description li {
	color: #1a1a1a !important;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 15px;
}

/* 5. TIÊU ĐỀ H3 MÀU ĐỎ TRONG BÀI VIẾT */
.product_page #tab-description h2 span, 
.product_page #tab-description h3 span, 
.product_page #tab-description h4 span{
	color: var(--color-main, #b31217) !important;
	font-size: 19px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 15px;
}
.product_page #tab-description h3:first-child {
	margin-top: 0; 
}

/* 6. LÀM ĐẸP DẤU CHẤM ĐẦU DÒNG (UL / LI) */
.product_page #tab-description ul {
	list-style: none;
	padding-left: 0;
}
.product_page #tab-description ul li {
	position: relative;
	padding-left: 20px;
}
.product_page #tab-description ul li::before {
	content: "■";
	color: var(--color-main, #b31217);
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 11px;
}
.product_page #tab-description ul li strong {
	color: #000; 
	font-weight: 700;
}
/* Hiệu ứng bàn tay khi rê vào toàn bộ khung */
.da-global-card {
	cursor: pointer;
	transition: transform 0.2s ease;
}
.da-global-card:hover {
	transform: translateY(-3px); /* Nhấc nhẹ card lên khi hover (tùy chọn) */
}
@media(max-width:768px){
	.product_page .pd_content .col-inner {
		padding: 10px 0px;
		box-shadow:none;
	}
	.product_page .pd_content .woocommerce-breadcrumb{
		display:none;
	}
	.product_page .pd_content .product-short-description::before{
		font-size: 14px;
		font-weight: 700;
		color: #4c6e8f;
		margin-bottom: 18px;
	}
	.product_page .pd_content .product-short-description p {
		margin: 0;
		font-size: 16px;
		color: #000000;
	}
	.product_page .pd_content{
		padding-bottom:0px !important;
	}
	.product_page .nav-tabs+.tab-panels {
		border: 1px solid #9b9898;
		padding: 15px 10px;
	}
	.product_page #tab-description ul li
	{
		padding-left: 16px;
		margin-left: 10px;
	}
	.product_page #tab-description ul{
		padding:0px;
		margin:0px;
	}
	.product_page .product-section-title{
		font-size:22px;
		color: var(--color-main);
	}
	.product_page .related-products-wrapper .slider .product-small.col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

}