/* Sidebar Danh mục */
.woocommerce.widget_product_categories {
	background-color: var(--color-white);
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f1f1f5;
	padding: 0 !important;
}

.woocommerce.widget_product_categories .widget-title {
	background-color: var(--color-main);
	padding: 15px 20px !important;
	margin: 0 !important;
	color: var(--color-white);
	font-weight: bold;
	display: flex;
	align-items: center;
}

.widget_product_categories .widget-title::before {
	content: "\f03a";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 14px;
}

.product-categories {
	padding: 15px 10px;
}

.product-categories li {
	border: none !important;
	padding: 3px 0px;
}

.product-categories .children {
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 10px;
}

.product-categories .cat-item a {
	font-size: 13px;
	padding: 5px 0;
	transition: all 0.3s linear;
}
.product-categories .cat-item a:hover {
	color: var(--color-chu);
}

.product-categories .children .cat-item.active a {
	color: var(--color-main);
}

.product-categories .cat-item.active .icon-angle-down {
	color: var(--color-black);
}

.product-categories .children .cat-item a:hover {
	padding-left: 0.5rem;
	color: var(--color-chu); /* Đã sửa lỗi biến */
}

.widget_product_categories .toggle {
	margin-right: 10px !important;
}

/* Trạng thái bình thường của khung sản phẩm */
.shop-container .product-small .col-inner {
	background-color: var(--color-white);
	border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease; /* Thêm dòng này để lúc nảy lên nó mượt không bị giật */
}

/* Hiệu ứng khi di chuột (Hover) vào khung sản phẩm */
.shop-container .product-small .col-inner:hover {
	/* To lên: dùng scale (1.03 là to lên 3%, bạn có thể chỉnh 1.05 nếu muốn to nữa) */
	transform: scale(1.03); 

	border: 1px solid var(--color-main) !important;
	overflow: hidden;

	/* Sáng lên: Tăng độ nhòe (blur) và thêm một lớp bóng trắng hoặc bóng cùng màu main rực rỡ hơn */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.6) !important;

	/* Chuyển động mượt mà (nếu ở code gốc chưa có transition) */
	transition: all 0.3s ease;
}
.shop-container .product-small .col-inner .box-text.box-text-products{
	padding: 16px 9px;
}
.pd_lq .product-small{
	padding:10px !important;
}
.shop-container .product-small .box-text-products {
	text-align: left;
}
.shop-container .product-small .price-wrapper .amount{
	color: var(--color-chu);
}
.shop-container .product-small{
	margin-bottom: 9px;
}
.shop-container .price-wrapper {
	margin-top: 15px;
}

.shop-container .price-wrapper .amount {
	color: var(--color-black);
}
.widget_product_categories .is-divider{
	display:none;
}
/* Đã tối ưu gộp chung */
/* Tìm và thay thế đoạn này */
.shop-container .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    /* SỬA TẠI ĐÂY: */
    min-height: 2.4em; /* Ép mọi tiêu đề chiếm đúng khoảng trống của 2 dòng */
    line-height: 1.2em;
    margin-top: 10px !important;
}

.shop-container .product-title a:hover {
	color: var(--color-main);
}

.category-page-row .shop-container .title-wrapper .product-cat {
	display: none;
}
.woocommerce-ordering .orderby {
	border: 2px solid var(--color-main);
}



.pd_main,.pd_tab {
	background-color: #f7f7f7; /* Nền ngoài nhẹ */
	padding: 40px 0;
}
.pd_main .row{
	background-color: var(--color-white);
	border-radius: 12px; /* Bo góc mạnh giống hình 1 */
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* Đổ bóng sang trọng */
	padding: 30px;
	margin: 0 auto;
	border: 1px solid #ececec;
}
.pd_main .img .product-thumbnails{
	padidng:10px !important;
	padding: 25px !important;
	width: 98% !important;
	margin: auto !important;
}
.flickity-slider .flickity-viewport img{
	padding: 55px !important;
	background: #f8f9fa;
}


/* 3. Khoảng cách giữa các ảnh (nếu cần) */
.product-thumbnails .col {
	padding: 0 4px !important;
}
.ct .product-breadcrumb-container .woocommerce-breadcrumb {
	font-size: 15px;
	margin-bottom: 10px;
}

.ct .woocommerce-breadcrumb a:first-of-type,
.ct .woocommerce-breadcrumb .divider {
	display: none;
}
.product-breadcrumb-container .breadcrumbs {
	font-size:13px;
}
.ct .woocommerce-breadcrumb a {
	color: #555bc8;
	font-weight: 500;
	text-transform: none;
}

.ct .product-title {
	color:var(--color-black) !important;
	font-size: 28px;
	font-weight: 700;
	margin: 7px 0 20px;
	line-height: 1.2;
}

.ct .is-divider {
	display: none;
}

.ct .price-wrapper {
	margin: 30px 0;
}

.ct .woocommerce-Price-amount {
	font-size: 30px;
	-webkit-text-stroke: 0.7px #f97316;
	color: #f37021;
	font-weight: bold;
	margin-bottom:20px !important;
}

.ct .product-short-description p {
	color: #45556c;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 30px;
}

.ct .cart {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 40px;
	margin-top:20px;
}

.ct .ux-quantity {
	display: flex;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	margin: 0;
}

.ct .ux-quantity .is-form {
	background: #fff;
	color: #333;
	border: none;
	width: 35px;
}

.ct .ux-quantity input.qty {
	width: 45px;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: none;
	border-bottom: none;
}

.ct .single_add_to_cart_button {
	background-color: var(--color-chu) !important;
	border-radius: 5px;
	height: 45px;
	flex-grow: 1;
	border: none;
	font-weight: bold;
	text-transform: none;
}
.ct .price .amount {
	font-size: 26px;
	color: var(--color-chu);
	font-weight: bold;
	margin-bottom: 20px !important;
}
.ct .button.primary span {
	text-transform: none;
}

.ct .button.primary:last-child span {
	text-transform: uppercase;
}
.hl{
	background: var(--color-chu) !important;
	color: var(--color-white) !important;
	padding: 15px;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 15px;
	text-transform: uppercase;
	width: 46%;
}
.zl{
	background: var(--color-white) !important;
	color: #0068ff !important;
	border: 1px solid #0068ff !important;
	padding: 15px;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	width: 46%;
}
.cbb-extra-info-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.cbb-info-card {
	display: flex;
	align-items: center;
	background: var(--color-white);
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #eee;
}
.cbb-info-icon {
	font-size: 22px;
	color: var(--color-main); /* Dùng màu xanh đậm cho icon cho chuyên nghiệp */
	margin-right: 12px;
	min-width: 30px;
	text-align: center;
}
.cbb-info-content {
	display: flex;
	flex-direction: column;
}
.cbb-info-label {
	font-weight: bold;
	font-size: 15px;
	color: var(--color-black);
	line-height: 1.2;
}
.cbb-info-value {
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}
.chinhsach-box-wrapper {
	background: #ffffff !important;
	border: 1px solid #f0f0f0 !important;
	border-radius: 16px !important; /* Bo góc tròn hơn cho hiện đại */
	padding: 25px 20px !important;
	box-shadow: 0 10px 30px rgb(217 226 238) !important; /* Đổ bóng mịn */
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
.chinhsach-box-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #004b76, #4a90e2);
}

.chinhsach-box-title {
	font-size: 22px;
	font-weight: 700;
	color: #111111;
	margin: 0 0 15px 0;
	line-height: 1.3;
}

.chinhsach-box-divider {
	height: 1px;
	background-color: #f0f0f0;
	margin-bottom: 20px;
	border: none;
}

.chinhsach-list {
	display: flex;
	flex-direction: column;
	gap: 18px; /* Khoảng cách giữa các dòng */
}

.chinhsach-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.chinhsach-item-icon {
	color: var(--color-main);
	font-size: 17px;
	margin-top: 1px;
}

.chinhsach-item-content {
	font-size: 13px;
	color: #555555;
	line-height: 1.5;
}

.chinhsach-item-content strong {
	color: #333333;
	font-weight: 600;
}

.product-gallery-slider img{
	background:#f8f9fa;
}
.pd_lq  .product-title{
	min-height: 35px;
}
.pd_lq .product-small{
	display:flex;
	flex-direction:column;
}


@media (max-width: 768px) {
	.Product-page .product-title {
		font-size: 21px;
		margin-bottom:20px;
		padding-right: 10px;
	}
	.cbb-extra-info-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.product-gallery-slider img{

		padding:10px;
	}
	.pd_main .row{
		padding:10px !important;
	}
	.tab-panels .row-small>.col,.tab-panels .row-small>.tab-panels .flickity-viewport>.tab-panels .flickity-slider>.tab-panels .col{
		padding:0px !important;
	}
	.hl{

		width: 100%;
	}
	.zl{
	
		width: 100%;
	}
}