/*
Đây là đoạn css được copy từ custom "Tùy biến > CSS bổ sung" (Additional CSS) mặc định của wordpress
*/
.header-layout-3 .site-header .header-bar {    background-color: transparent;}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*------------*/
/*CSS Thay đổi màu chữ giá khuyến mãi trang chủ*/
.mf-product-deals-day ul.products li.product .price ins {
	color: #538104 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}
/*------------*/
/*CSS màu trạng thái in stock*/
.woocommerce div.product p.stock.in-stock {
    color: #538104;
}
/*------------*/
/*CSS màu mã MPN*/
.woocommerce div.product .product_meta {
	padding: 15px 0 0;
	border-top: 1px solid #e1e1e1;
	color: #666666;
}
/*------------*/
/*CSS màu SKU và thẻ tag*/

.woocommerce div.product .product_meta > span a {
	color: #4027F2;
	font-weight: 400;
}
.woocommerce div.product .product_meta > span a:hover {
	color: #FCB800;
	font-weight: 400;
}

.woocommerce div.product .product_meta > span span {
	color: #666666;
	font-weight: 400;
}
/*------------*/
/*CSS màu tab mô tả chi tiết khi chưa chọn...*/
.woocommerce div.product .wc-tabs-wrapper ul.tabs li a {
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    color: #666666;
    transition: 0.5s;
    line-height: 1;
    background-color: transparent;
    border-bottom: none;
}
/*------------*/
/*CSS màu đỏ giá KM*/
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    display: inline-block;
    color: #D32F2F;
    font-size: 16px;
    font-weight: 400;
}
/*--------------*/

/*----*/
/*CSS màu đỏ giá KM trong trang chi tiết sp */
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
	font-size: 24px;
	color: #D32F2F;
	text-decoration: none;
	font-weight: 600;
}
/*--------------*/
/*CSS màu % giảm giá trang sp */
.woocommerce div.product span.price .sale, .woocommerce div.product p.price .sale {
    font-size: 14px;
    color: #D32F2F;
    font-weight: 500;
}
/*--------------*/
/*CSS màu tiêu đề sp cùng hãng*/
.product-sidebar .widget_products .product_list_widget .product-title {
    color: #4027F2;
    font-size: 14px;
    margin-top: 15px;
    display: -webkit-box; 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
}
/*------------*/
/*CSS màu giá cũ sp cùng hãng*/
.product-sidebar .widget_products .product_list_widget del .woocommerce-Price-amount {
	color: #666666;
	font-size: 12px;
	text-decoration: line-through;
}
/*---------*/
/*CSS thay đổi màu bộ đếm giờ Ữu đãi trong ngày trang chủ*/
.mf-product-deals-day .header-countdown {
    display: flex;
    align-items: center;
    background-color: #0A8901;
    padding: 7px 5px 7px 11px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 3px;
    line-height: 1;
}
/*------------*/
/*CSS nút gửi trong Form 7*/
.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #fcb800; 
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    color: #1E1E21;
    border: none;
    cursor: pointer;
    font-size: 16px; 
    font-weight: 600;
    text-align: center;
    transition: all 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #ffcc00; 
    color: #ffffff;
}
/*------------*/
/*CSS thay đổi màu link trang chủ breadcrumbs*/
.page-header .breadcrumbs a {
	color: #351CF2;
}

/*Kết thúc css trang chủ breadcrumbs*/
/* Css màu chữ link*/
a {
	transition: 0.5s;
	color: #4027F2;
	text-decoration: none;
}

/* Kết thúc css màu chữ link */
/* CSS màu chữ thẻ Tag*/
.woocommerce div.product .product_meta .posted_in a {
	color: #4027F2;
}
/* Kết thúc CSS màu link thẻ tag */
/* CSS màu chữ tiêu đề sp danh mục*/
.woocommerce ul.products li.product .woo-loop-product__title a {
    color: #4027F2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
		font-size: 14px;
		font-weight: 400;
}
/* ---- */
/*CSS màu danh mục đang chọn*/
.mf_widget_product_categories ul.product-categories.show-children-only > li.mf-current-tax > a {
	color: #681da8;
	text-transform: none;
}
/* Kết thúc CSS màu danh mục đang chọn*/
/* CSS màu chữ nội dung sản phẩm*/
.woocommerce div.product .wc-tabs-wrapper .panel {
	margin: 0;
	padding: 0;
	color: #1e1e21;
}
/* Kết thúc CSS màu chữ nội dung sản phẩm */


/* CSS màu huy hiệu Onsale */

/*------------*/
/*CSS cỡ chữ, bo góc huy hiệu Onsale*/
.woocommerce .ribbons .ribbon { 
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 27px;
    line-height: 27px;
    border-radius: 6px;
    padding: 0 5px;
    min-width: inherit;
    min-height: inherit;
}
/*------------*/

/* CSS cỡ chữ giá danh mục*/
.woocommerce ul.products li.product .price {
    font-size: 13px;
    color: #000;
    line-height: 1;
    display: block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
		white-space:nowrap;
}

/*------------*/
/*CSS khi đưa chuột vào icon trái tim, giỏ hàng thì đổi màu trắng*/
.site-header .extras-menu > li > a {
    color: var(--mf-dark-color);
    display: block;
    position: relative;
}

.site-header .extras-menu > li > a:hover {
    color: #ffffff; /* Màu trắng */
}
/*------------*/

/* CSS thay đổi màu Icon điện thoại khi di chuột qua*/
.site-header .extras-menu .menu-item-hotline .extra-icon {
    font-size: 26px;
    margin-right: 15px;
    color: var(--mf-dark-color);
    transition: color 0.3s; /* Thêm hiệu ứng chuyển đổi cho màu của icon */
}

.site-header .extras-menu .menu-item-hotline:hover .extra-icon {
    color: #ffffff; /* Thay đổi màu của icon thành màu trắng khi di chuột vào */
}


/*------------*/
/* CSS thay đổi khoảng cách giữa các Icon trên header*/
.site-header .extras-menu > li {
    list-style: none;
    float: right;
    margin-bottom: 0;
    padding: 0 12px;
}
/*------------*/
/*CSS Thêm hiệu ứng đổ bóng logo*/
@media (min-width: 768px) {
    .site-header .logo {
        position: relative; /* Đảm bảo .logo là gốc cho các pseudo-element */
        display: inline-block; /* Đảm bảo .logo bao quanh hình ảnh */
    }

    .site-header .logo img {
        height: 43px;
        width: 248px;
        border-radius: 7px; /* Làm cong góc của ảnh */
        border: 0; /* Đảm bảo không có viền ban đầu */
    }

    .site-header .logo::before,
    .site-header .logo::after {
        content: '';
        position: absolute;
        top: -5px; /* Điều chỉnh để tạo khoảng cách giữa viền và ảnh */
        left: -5px;
        right: -5px;
        bottom: -5px;
        border: 2px solid white; /* Viền trắng */
        border-radius: 10px; /* Làm cong góc của viền */
        pointer-events: none; /* Đảm bảo viền không can thiệp vào tương tác chuột */
        opacity: 0; /* Bắt đầu với độ mờ */
        transition: all 0.8s ease; /* Hiệu ứng mượt mà */
    }

    .site-header .logo::after {
        top: -10px; /* Điều chỉnh khoảng cách cho viền thứ hai */
        left: -10px;
        right: -10px;
        bottom: -10px;
        border-radius: 15px; /* Làm cong góc cho viền thứ hai */
    }

    .site-header .logo:hover::before,
    .site-header .logo:hover::after {
        opacity: 1; /* Hiển thị viền khi di chuột vào */
    }
}

/*------------*/

/* Onmouse đổi màu Icon Menu*/
.site-header .products-cats-menu .cats-menu-title {
    color: var(--mf-dark-color);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color 0.3s; /* Thêm hiệu ứng chuyển đổi cho màu chữ */
}

.site-header .products-cats-menu .cats-menu-title:hover {
    color: #ffffff; /* Thay đổi màu chữ thành màu trắng khi di chuột vào */
}
/*------------*/
/* Onmouse Đổi màu Icon trên header*/
.site-header .primary-nav > ul > li > a i {
    padding-right: 8px;
    font-size: 17px;
    line-height: 1;
    transition: color 0.3s; /* Thêm hiệu ứng chuyển đổi cho màu của icon */
}

.site-header .primary-nav > ul > li > a:hover i {
    color: #ffffff; /* Thay đổi màu của icon thành màu trắng khi di chuột vào */
}

/*------------*/
/*CSS màu giá cũ trên danh mục*/
.woocommerce ul.products li.product .price del span {
    color: #666666 !important;
		font-size: 12px !important;
}
/*-------------*/
/*CSS Sao đánh giá */
/* Thay thế màu sao đánh giá bằng hình ảnh */

.woocommerce .star-rating {
    position: relative;
    display: inline-block;
    font-size: 0; /* Ẩn ký tự sao mặc định */
    width: 70px; /* 14px * 5 sao */
    height: 14px;
}

.woocommerce .star-rating:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('https://phukiendientu.vn/wp-content/uploads/2024/09/sao-xam.webp'); /* Đường dẫn tới hình ảnh sao trống */
    background-repeat: repeat-x; /* Lặp lại hình ảnh sao trống */
    background-size: 14px 14px; /* Điều chỉnh kích thước hình ảnh sao */
}

.woocommerce .star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 0; /* Ban đầu không có sao nào được tô màu */
}

.woocommerce .star-rating span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('https://phukiendientu.vn/wp-content/uploads/2024/09/sao-xanh-1.webp'); /* Đường dẫn tới hình ảnh sao tô màu */
    background-repeat: repeat-x; /* Lặp lại hình ảnh sao tô màu */
    background-size: 14px 14px; /* Điều chỉnh kích thước hình ảnh sao */
}

/* Thêm các lớp để điều chỉnh độ rộng của span tùy theo số sao đánh giá */
.woocommerce .star-rating span.one-star { width: 20%; }
.woocommerce .star-rating span.two-stars { width: 40%; }
.woocommerce .star-rating span.three-stars { width: 60%; }
.woocommerce .star-rating span.four-stars { width: 80%; }
.woocommerce .star-rating span.five-stars { width: 100%; }
/* Kích thước hiển thị sao trong phần tab đánh giá */
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
	float: none;
	margin-bottom: 5px;
	font-size: 14px;
	width: 70px;
}

/*-------------*/

/*CSS đổi màu chữ bộ lọc giá */
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 14px;
    color: #1e1e21;
}
/*------------*/
/*CSS đổi màu chữ só lượng sao trong sidebar */
.widget_rating_filter ul .wc-layered-nav-rating a {
    display: flex;
    align-items: center;
    color: #1e1e21;
    position: relative;
}
/*--------------*/
/*CSS thay đổi màu nút mua sản phẩm đã xem */
.mf-recently-products .product-list li .btn-secondary {
    border: none;
    border: none;
    display: inline-block;
    margin-top: 15px;
    height: 50px;
    height: 40px;
    line-height: 50px;
    line-height: 39px;
    padding: 0 25px;
    padding: 0 25px;
    transition: all .5s;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #FCB800;
    color: #1e1e21;
}
/*-----------*/
/*CSS xóa lớp phủ mờ */
.catalog-ajax-filter #page {
    opacity: 1 !important;
    transition: none !important; /* Ngăn chặn mọi hiệu ứng chuyển đổi */
}

/*-------*/
/*Kích cỡ thẻ Visa*/
.payment_visa {
    width: 100px;
    height: 70px;
}
/*---*/
/* CSS khoảng trắng giữa dưới thanh breadcrumbs*/
.mf-catalog-page .site-content {
	padding-top: 20px;
}
.single-product .site-content {
    padding-top: 20px;
    padding-bottom: 0;
}
/*-----*/
/*CSS khoảng trắng dưới mô tả danh mục cửa hàng */
.woocommerce .content-area .page-description {
    padding-bottom: 5px;
}
/*-----*/
/* Khoảng trắng giữa sidebar danh mục và bộ lọc*/
.catalog-sidebar .mf_widget_product_categories, .catalog-sidebar .widget_product_categories {
    margin-bottom: 20px;
}
/*-----*/
/* Chiều cao Breadcrumbs*/
.page-header-catalog .page-breadcrumbs .breadcrumbs {
	padding-top: 15px;
	padding-bottom: 15px;
}
/*-----*/
/*Màu nút đặt câu hỏi trong hỏi đáp*/
.cr-qna-block div.cr-qna-search-block button.cr-qna-ask-button {
    font-size: 16px;
    font-weight: 700;
    background: #FCB800;
    border: 0px solid;
    border-radius: 6px;
    min-height: 42px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    outline-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 5px 15px;
}
/*-----*/
/*CSS Icon nút tìm câu hỏi đáp*/
#cr_qna.cr-qna-block div.cr-qna-search-block .cr-qna-search-icon {
	fill: #000000;
	display: inline-block;
	position:absolute;
	width: 1.1em;
	height: 1.1em;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
}
/*----*/
/*Nút gửi câu hỏi*/
#cr_qna.cr-qna-block div.cr-qna-new-q-overlay .cr-qna-new-q-form .cr-qna-new-q-form-s button.cr-qna-new-q-form-s-b {
    font-size: 16px;
    font-weight: 600;
    background: #fcb800;
    border: 0px solid;
    border-radius: 16px;
    height: 56px;
    width: 216px;
    color: #000000;
    cursor: default;
    display: inline-block;
    outline-style: none;
}
/*----*/
/* Màu chữ tác giả đánh giá */
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
/*-----*/
/* Biểu tượng like*/
.cr-voting-cont-uni span.cr-voting-upvote svg .cr-voting-svg-ext {
    fill: #666666;
}
.cr-voting-cont-uni span.cr-voting-upvote-count {
    margin-right: 10px;
    color: #666666;
}
/*----*/
/* Màu nút yêu thích trên mobile*/
.woocommerce div.product .wcboost-wishlist-button {
    width: 34px;
    height: 34px;
    color: #666666;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    
}
/*-----*/
/*CSS màu chữ tìm kiếm câu hỏi*/
#cr_qna.cr-qna-block .cr-input-text, .cr-ajax-search input[type="text"] {
    border: 0px;
    border-radius: 16px 16px 16px 16px;
    background-color: #F4F5F5;
    color: #000000 !important;
    padding: 3px 10px;
    padding-left: calc(1.5em + .75rem);
    padding-right: 1.5em;
    width: 100%;
    margin: 0px;
    font-size: 1em;
    box-shadow: none;
    outline: none;
}
/*-----*/
/* Nút gửi đánh giá*/
.woocommerce #review_form #respond .form-submit input {
    background-color: #fcb800;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    color: #1E1E21;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    transition: all 0.5s;
	}
	.woocommerce #review_form #respond .form-submit :hover {
    background-color: #ffcc00; /* Màu nền thay đổi khi rê chuột qua nút */
    color: #ffffff; /* Màu chữ thay đổi khi rê chuột qua nút */

}
/*-----*/
/* CSS ảnh sản phẩm trang thanh toán*/
img.image-product-checkout {
    margin-right: 8px;
}
/*----*/
/* Tùy chỉnh đường kẻ ngang sp nhóm*/
.woocommerce-grouped-product-list-item + tr hr {
    
    margin: 0px 0; /* Khoảng cách trên và dưới đường kẻ ngang */
}
/*----*/

/* Điều chỉnh kích thước ảnh đại diện sản phẩm con trong sản phẩm nhóm */
.woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label img {
    max-width: 100px; /* Điều chỉnh chiều rộng tối đa của ảnh */
    height: auto; /* Đảm bảo tỷ lệ của ảnh không bị thay đổi */
}
/*----*/
/* Tùy chỉnh gallery ảnh sp con trong sp nhóm */
.product-gallery {
    display: flex;
    flex-wrap: wrap; /* Cho phép ảnh xuống dòng khi cần */
    gap: 10px;
}

.product-gallery a {
    display: block;
    max-width: 60px; /* Điều chỉnh kích thước tối đa của ảnh ở đây */
    height: auto;
    flex-shrink: 0; /* Ngăn không cho ảnh bị co lại quá mức */
}

.product-gallery img {
    width: 100%; /* Đảm bảo ảnh không vượt quá kích thước khối chứa */
    height: auto;
    border: 1px solid #ddd; /* Tùy chọn */
}

/* Ẩn các ảnh bổ sung trên thiết bị di động */
@media only screen and (max-width: 768px) {
    .product-gallery a:not(:first-child) {
        display: none;
    }
}


/*----*/
/* Màu giá KM trong sp nhóm*/
/* Giá sản phẩm con trong sản phẩm nhóm */
.woocommerce-grouped-product-list-item__price {
    font-size: 16px; /* Kích thước chữ của giá */
}

/* Giá cũ bị gạch ngang */
.regular-price {
    text-decoration: line-through;
    color: #666666; /* Màu của giá cũ */
    margin-right: 0px; /* Khoảng cách giữa giá cũ và giá khuyến mãi */
}

/* Giá khuyến mãi màu đỏ */
.sale-price {
    color: #D32F2F;
    font-weight: bold;
}
/*---*/


/*---*/
/* CSS cho đường kẻ ngang */
.hr-container {
    text-align: center; /* Căn giữa đường kẻ ngang */
}

.hr-visible {
    border: none;
    border-top: 1px solid #ddd;
    margin: 5px 0;
    width: 100%; /* Chiều rộng đầy đủ để căn giữa mũi tên */
    position: relative;
    z-index: 0; /* Để đường kẻ nằm dưới lớp phủ */
}

/* CSS cho đường kẻ ngang cuối cùng */
.hr-final {
    border: none;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: 60px; /* Khoảng cách giữa đường kẻ ngang cuối cùng và nút */
}

/* CSS cho mũi tên */
.arrow-container {
    text-align: center;
    position: relative;
    margin-top: -91px;
    bottom: -10px; /* Để mũi tên nằm sát dưới lớp phủ mờ */
    left: 50%; /* Căn giữa theo chiều ngang */
    transform: translateX(-50%); /* Căn giữa chính xác */
    z-index: 2; /* Để mũi tên nằm trên lớp phủ mờ */
}

.arrow-button {
    width: 100px;
    height: 80px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
}

/* Mũi tên đi xuống */
.down-arrow::before {
    content: "";
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 30px solid #F7B844; /* Màu sắc của mũi tên đi xuống */
    display: inline-block;
    position: absolute;
    top: 0; /* Căn mũi tên xuống dưới cùng */
    left: 50%; /* Căn giữa theo chiều ngang */
    transform: translateX(-50%); /* Căn giữa chính xác */
    animation: changeColor 1s infinite; /* Áp dụng animation cho mũi tên */
}

/* Mũi tên đi lên */
.up-arrow::before {
    content: "";
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 30px solid #F7B844; /* Màu sắc của mũi tên đi lên */
    display: inline-block;
    position: absolute;
    top: 0; /* Căn mũi tên lên trên cùng */
    left: 50%; /* Căn giữa theo chiều ngang */
    transform: translateX(-50%); /* Căn giữa chính xác */
    animation: changeColor 1s infinite; /* Áp dụng animation cho mũi tên */
}

.hidden-product {
    display: none;
}

/* CSS cho văn bản dưới mũi tên */
.arrow-text {
    margin-top: 50px; /* Khoảng cách giữa mũi tên và văn bản */
    font-size: 14px;
    color: #666666;
    white-space: nowrap; /* Ngăn văn bản xuống dòng */
    width: auto; /* Tự động điều chỉnh chiều rộng theo độ dài văn bản */
		
}

/* Media query để ẩn đường kẻ ngang trên thiết bị di động */
@media (max-width: 767px) {
    .hr-final {
        display: none;
    }

    .arrow-text {
        margin-top: 50px;
        text-align: center; /* Căn giữa văn bản */
        width: 100%; /* Đảm bảo văn bản chiếm toàn bộ chiều rộng */
    }

    .arrow-container {
        margin-top: -10px; /* Điều chỉnh vị trí của mũi tên trên giao diện di động */
			 bottom: -5px;
    }

    .overlay {
        bottom: 535px; /* Điều chỉnh vị trí của lớp phủ mờ cách mũi tên */
    }
}

/* Keyframes animation để thay đổi màu mũi tên */
@keyframes changeColor {
    0% {
        border-top-color: #F7B844; /* Màu ban đầu cho mũi tên xuống */
        border-bottom-color: #F7B844; /* Màu ban đầu cho mũi tên lên */
    }
    50% {
        border-top-color: #5FCD68; /* Màu thay đổi ở giữa animation cho mũi tên xuống */
        border-bottom-color: #5FCD68; /* Màu thay đổi ở giữa animation cho mũi tên lên */
    }
    100% {
        border-top-color: #F7B844; /* Màu cuối cùng cho mũi tên xuống */
        border-bottom-color: #F7B844; /* Màu cuối cùng cho mũi tên lên */
    }
}
/* Hiệu ứng hover cho mũi tên đi xuống */
.arrow-button.down-arrow:hover::before {
    border-top: 30px solid #5FCD68; /* Màu sắc của mũi tên khi hover */
    animation: none; /* Dừng animation khi hover */
}

/* Hiệu ứng hover cho mũi tên đi lên */
.arrow-button.up-arrow:hover::before {
    border-bottom: 30px solid #5FCD68; /* Màu sắc của mũi tên khi hover */
    animation: none; /* Dừng animation khi hover */
}
/*----*/
/*CSS SKU cuối trang nội dung chi tiết SP*/ 
.custom-sku-box {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    padding: 5px;
    margin-top: 20px;
    font-size: 13px;
}

.custom-sku-box p {
    margin: 0;
    font-size: 13px;
}

.custom-empty-line {
    height: 20px; /* Chiều cao của dòng trắng */
    margin: 20px 0; /* Khoảng cách phía trên và phía dưới dòng trắng */
}
/*----*/
/* Khung hình video 9/16*/
.woocommerce div.product div.images .mf-video-wrapper {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

/*----*/
/*Bo viền mô tả chi tiết sp*/
.woocommerce div.product .wc-tabs-wrapper .panel {
    border: 1px solid #ddd !important;
    padding: 10px 15px 15px 15px !important; 
    margin-top: 0px !important; 
	border-radius: 4px;
}
@media (max-width: 768px) {
    .woocommerce div.product .wc-tabs-wrapper .panel {
        padding: 5px !important;
    }
}
	/* Loại bỏ margin và padding cho các thẻ h1, h2 nếu có */
.woocommerce div.product .wc-tabs-wrapper .panel h1,
.woocommerce div.product .wc-tabs-wrapper .panel h2,
.woocommerce div.product .wc-tabs-wrapper .panel h3,
.woocommerce div.product .wc-tabs-wrapper .panel h4
 {
    margin-top: 5px;
    padding: 0;
}
/*----*/
/* Viền thanh tab mô tả chi tiết*/
.woocommerce div.product .wc-tabs-wrapper ul.tabs {
	margin-bottom: 0px;
	border-radius: 0px;
	border-bottom: 0px;
}
/*----*/
/* Khoảng cách giữa mô tả chi tiết và cột nề phải */
.single-product-layout-6.content-sidebar .content-area {
		padding-right: 15px;
	}
/*----*/

/*
CSS trong tìm kiếm algolia
*/
.suggestion-post-thumbnail {
    width: 65px !important;  /* Hoặc đặt width cố định nếu cần */
    height: 65px !important;  /* Giữ tỷ lệ của ảnh */
}
.suggestion-post-title {
    color: #4027F2;
		margin: 0;
    line-height: 1.0;
    font-family: "Work Sans", Arial, sans-serif !important;
    font-weight: 400 !important;
	font-size: 14px !important;
}
.suggestion-post-content {
    font-family: "Work Sans", Arial, sans-serif !important;
    font-weight: 400 !important;
	font-size: 14px !important;
	margin: 0;
  line-height: 1.0;
}
.aa-dropdown-menu .aa-suggestion em {
    background: transparent;
}
.suggestion-post-price {
    font-size: 14px;
}
.suggestion-post-price > .amount,
.suggestion-post-price > ins .amount {
    color: red;
    text-decoration: none
}
.suggestion-post-price > ins{
    text-decoration: none
}
.suggestion-post-price del {
    font-size: 12px;
    color: grey
}
/*Khung hiển thị kết quả tìm kiếm algolia*/
.aa-dropdown-menu {
  height: auto !important;
  max-height: 500px !important; /* Giới hạn chiều cao tối đa là 500px */
    overflow-y: auto !important;  /* Hiển thị thanh cuộn dọc khi chiều cao vượt quá 800px */
}

/*Chiều rộng trang kết quả tìm kiếm trên di động*/
@media only screen and (max-width: 500px) {
    .aa-dropdown-menu {
        display: block !important;          /* Đảm bảo khung gợi ý luôn hiển thị */
        position: fixed !important;         /* Đảm bảo khung gợi ý ở vị trí cố định */
        
        width: 98vw !important;            /* Đảm bảo chiều rộng khung gợi ý phù hợp với màn hình di động */
        max-height: 500px !important;       /* Giới hạn chiều cao tối đa là 500px */
        overflow-y: auto !important;        /* Hiển thị thanh cuộn dọc khi chiều cao vượt quá 500px */
        left: 50% !important;               /* Căn giữa theo chiều ngang */
        transform: translateX(-50%) !important; /* Dịch chuyển về giữa màn hình */
        z-index: 9999 !important;           /* Đảm bảo khung gợi ý luôn nằm trên các phần tử khác */
        visibility: visible !important;     /* Đảm bảo khung gợi ý luôn hiển thị */
    }
}

/*Màu chữ từ khoá*/
.aa-dropdown-menu .aa-suggestion em {
	font-family: "Work Sans", Arial, sans-serif !important;
	color: #4027F2 !important;
	font-size: 14px !important;
	font-weight: 530;
}
/* Trạng thái kho algolia*/
/* Màu sắc cho các trạng thái */
.suggestion-post-stock-status {
	font-family: "Work Sans", Arial, sans-serif !important;
}
.stock-in {
	font-family: "Work Sans", Arial, sans-serif !important;
    color: green; /* Còn hàng - Màu xanh */
}

.stock-out {
	font-family: "Work Sans", Arial, sans-serif !important;
    color: red; /* Hết hàng - Màu đỏ */
}

.stock-unknown {
	font-family: "Work Sans", Arial, sans-serif !important;
    color: orange; /* Đặt hàng trước - Màu vàng */
}
.suggestion-post-sku {
	font-family: "Work Sans", Arial, sans-serif; 
}
.suggestion-post-sku-value {
	font-family: "Work Sans", Arial, sans-serif;
  color: green;
}

/*----*/
/* Thay đổi kích thước chữ trong ô nhập liệu tìm kiếm */
.search-field {
  font-size: 16px !important; 
}
/*-----*/
/*Khung SP trong danh mục gọn lại*/
@media (min-width: 992px){
.woocommerce ul.products li.product .mf-product-details-hover {
		position: absolute;
	left: -6px;
	right: -6px;
	top: 0;
	opacity: 0;
	border: 1px solid transparent;
	border-top: none;
	min-height: 100%;
	padding: 0 12px 12px;
	pointer-events: none;
	padding-bottom: 25px;
}
.woocommerce ul.products li.product .product-inner {
	padding: 5px 5px 0;
	border: 1px solid #f9f9f9;
	margin: 6px;
}
	.woocommerce ul.products li.product {
	margin-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
}
		.woocommerce ul.products li.product .mf-attr-swatches.slick-slider {
	margin-left: 0;
	margin-right: 0;
	display: block;
}
	.woocommerce ul.products li.product .mf-attr-swatches .swatch-image img {
	max-width: 45px !important;
	height: auto;
	border: 1px solid transparent;
display: block;
}
	.woocommerce .mf-toolbar-empty-space {
	height: 20px;
}
}
@media (max-width: 991px) and (min-width: 601px) {
.woocommerce ul.products li.product .product-inner {
		padding: 4px;
		border: 1px solid #f9f9f9;
		margin-bottom: 15px;
	}
	.woocommerce ul.products li.product {
	margin-bottom: 0px;
	padding-right: 6px;
  padding-left: 6px;
}
.woocommerce ul.products li.product .product-inner .mf-product-details-hover {
		padding: 0 2px;
		position: static;
		opacity: 1;
		min-height: auto;
		display: block;
	}
	.woocommerce ul.products li.product .mf-attr-swatches.slick-slider {
	margin-left: 0;
	margin-right: 0;
	display: none;
}
	.woocommerce ul.products li.product .mf-attr-swatches .swatch-image img {
	max-width: 45px !important;
	height: auto;
	border: 1px solid transparent;
	display: none;
}
	
	.woocommerce .mf-toolbar-empty-space {
	height: 20px;		
}
	.woocommerce:not(.full-content) .shop-toolbar .mf-filter-mobile {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.woocommerce:not(.full-content) .shop-toolbar .mf-filter-mobile span {
		padding-left: 8px;
		font-size: 14px;
		font-weight: 400;
	}
	.woocommerce:not(.full-content) .shop-toolbar .mf-filter-mobile span {
    visibility: hidden;
}
	.woocommerce:not(.full-content) .shop-toolbar .mf-filter-mobile span::before {
    content: 'Danh mục > Bộ lọc'; /* Thêm nội dung 'Bộ lọc' thay vì 'Filter' */
		visibility: visible;
		display: inline-block;
		border: 1px solid #000;
		padding: 4px 4px;
		border-radius: 4px;
   // background-color: #f9f9f9; 
		margin-right: -38px;
}
	.woocommerce:not(.full-content) .shop-toolbar .products-found,
	.woocommerce:not(.full-content) .shop-toolbar .shop-view {
		width: 50%;
	}
	.mf-products-list ul.products li.product {
		width: 100%;
	}
	.catalog-filter-mobile .catalog-sidebar {
		width: 70%;
		max-width: 290px;
		background-color: #fff;
		position: fixed;
		right: 100%;
		top: 0;
		bottom: 0;
		overflow: hidden;
		color: #aaa;
		z-index: 100000;
		transition: transform .25s ease;
		margin: 0;
		padding: 0;
		opacity: 1;
		display: block;
		animation: unset;
		height: 100%;
		overflow-y: auto;
	}
	.catalog-filter-mobile .catalog-sidebar .mf_widget_product_categories,
	.catalog-filter-mobile .catalog-sidebar .widget_product_categories {
		margin-bottom: 0;
	}
	.catalog-filter-mobile.mf-filter-active {
		overflow-x: hidden;
	}
	.catalog-filter-mobile.mf-filter-active .catalog-sidebar {
		transform: translate3d(100%, 0, 0);
	}
	.catalog-filter-mobile.mf-filter-active .martfury-off-canvas-layer {
		z-index: 9999;
		display: block;
	}
	.woocommerce:not(.full-content) .shop-toolbar .woocommerce-ordering {
		width: 55%;
	}
	.woocommerce:not(.full-content) .shop-toolbar .woocommerce-ordering .current span {
		white-space: nowrap;
		overflow: hidden;
		display: block;
		max-width: 90%;
	}
	.woocommerce:not(.full-content) .shop-toolbar .mf-filter-mobile {
		width: 45%;
	}
	.woocommerce:not(.full-content) .shop-toolbar .woocommerce-ordering {
		order: 3;
	}
	.woocommerce:not(.full-content) .shop-toolbar .shop-view {
		order: 2;
	}
}
/*----*/
/*CSS SP cùng danh mục trong chi tiết sp*/
.product-sidebar .widget_products .product_list_widget {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.product-sidebar .widget_products .product_list_widget li {
	padding: 5px;
	border-bottom: 1px solid #f1f1f1;
	transition: 0.5s;
	margin-top: 10px;
	display: block;
}
.product-sidebar .widget_products .product_list_widget li:last-child {
	padding-bottom: 5px;
}
.product-sidebar .widget_products .widget-title {
	background-color: #f4f4f4;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 12px;
	text-align:center;
}
.widget .widget-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 0;
	color: #000;
}
.product-sidebar .widget {
	margin-bottom: 15px;
}
/* SP cùng danh mục trên mobile */
@media screen and (max-width: 991px) {
    .product-sidebar .widget_products .product_list_widget {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* 2 products per row */
        gap: 10px;
    }

    .product-sidebar .widget_products .product_list_widget li {
        padding: 5px;
        border: 1px solid #f9f9f9;
        margin-top: 0;
			margin-bottom: 0px;
    }
	.product-sidebar .widget_products .product_list_widget .woocommerce-Price-amount {
	font-size: 13px;
	color: #000;
	font-weight: 400;
}
	.product-sidebar .widget_products .product_list_widget del .woocommerce-Price-amount {
	color: #999;
	font-size: 11px;
	text-decoration: line-through;
}
}
@media screen and (max-width: 799px) {
    .product-sidebar .widget_products .product_list_widget {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 2 products per row */
        gap: 10px;
    }

    .product-sidebar .widget_products .product_list_widget li {
        padding: 5px;
        border: 1px solid #f9f9f9;
        margin-top: 0;
			margin-bottom: 0px;
    }
	.product-sidebar .widget_products .product_list_widget .woocommerce-Price-amount {
	font-size: 13px;
	color: #000;
	font-weight: 400;
}
	.product-sidebar .widget_products .product_list_widget del .woocommerce-Price-amount {
	color: #999;
	font-size: 11px;
	text-decoration: line-through;
}
}

@media screen and (max-width: 599px) {
    .product-sidebar .widget_products .product_list_widget {
        grid-template-columns: repeat(2, 1fr); 
    }
		.product-sidebar .widget_products .product_list_widget .woocommerce-Price-amount {
	font-size: 13px;
	color: #000;
	font-weight: 400;
}
	.product-sidebar .widget_products .product_list_widget del .woocommerce-Price-amount {
	color: #999;
	font-size: 11px;
	text-decoration: line-through;
}
	.widgets-area ul.product_list_widget li,
.dokan-store-sidebar ul.product_list_widget li {
	margin-bottom: 0px;
}
}
/*---*/
/* Số lượng sp/ dòng trong danh mục SP*/
@media (min-width: 600px) {   
    .col-xs-6 {
    width: 33%
}
}
@media (min-width: 800px) {   
    .col-sm-4 {
        width: 25%;
    }
}
@media (min-width: 992px) {   
    .col-sm-4 {
        width: 33%;
    }
}
@media (min-width: 1024px) {   
    .col-sm-4 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
	.col-mf-5 {
		width: 20%;
	}
}
/*----*/
/*Lớp phủ bóng phía dưới khi mở tab, menu, bộ lọc*/
.martfury-off-canvas-layer {
	background-color: #000000a6;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	display: none;
}
/*----*/
/*Hỗ trợ bên phải đầu trang sp*/
.product-sidebar .custom-html-widget .mf-shipping-info {
	background-color: #f9f9f9;
	padding: 15px 10px;
}
.product-sidebar .custom-html-widget .mf-shipping-info li i {
	font-size: 26px;
	padding-right: 15px;
}
/*----*/
.header-department-bot .mr-extra-department .cats-menu-title {
	padding-left: 0px;
	padding-right: 5px;
}
/*---*/
/*Nút thêm vào giỏ hàng và mua hàng*/
/* Bo góc nút mua cho sp liên kết*/
.woocommerce div.product form.cart .button {
    border-radius: 4px;
		height: 50px;
}
	.woocommerce div.product.mf-has-buy-now form.cart .single_add_to_cart_button {
		width: 35%;
		min-width: 130px;
		max-width:130px;
	
}
	.woocommerce div.product form.cart .buy_now_button {
		min-width: 130px;
		max-width:130px;
		width: 35%;
}


@media (max-width: 1300px) and (min-width: 1100px) {
    .single-product-layout-6.woocommerce div.product form.cart .actions-button {
			width: 0;
				float: left;
        display: flex !important;
        align-items: center !important;
        margin-top: 0 !important;        
        flex-wrap: wrap !important; 
    }	
.woocommerce div.product form.cart .button {
    border-radius: 4px;
		height: 50px;
		margin: 10px
}
}
@media (max-width: 1099px) and (min-width: 992px) {
	.single-product-layout-6.woocommerce div.product form.cart .actions-button {
		display: block;
		margin-top: 20px;
		width: 100%;
	}
	.woocommerce div.product form.cart .buy_now_button {
	width: 100%;
		max-width: 100%;
}
		.woocommerce div.product.mf-has-buy-now form.cart .single_add_to_cart_button {
	width: 50%;
	max-width: 100%;
}
	.woocommerce div.product form.cart div.quantity {
	width: 30%;
	float: left;
	margin: 0 20% 0 0;
}
}
@media (min-width: 768px) and (max-width: 820px) {
    .single-product-layout-6.woocommerce div.product form.cart .actions-button {
			width: auto !important;				float: left !important;
        display: flex !important;
        align-items: center !important;
        margin-top: 0 !important;        
        flex-wrap: wrap !important; 
    }	
.woocommerce div.product form.cart .button {
    border-radius: 4px;
		height: 50px;
		margin: 10px
} 
}
@media (max-width: 767px) {
.mobile-version.mf-add-to-cart-fixed div.product:not(.qv-modal).mf-has-buy-now .cart .single_add_to_cart_button{
	width: 25%;
	min-width: 130px;
	max-width: 180px;
	border-radius: 0 8px 8px 0;
	}
.mobile-version.mf-add-to-cart-fixed div.product:not(.qv-modal).mf-has-buy-now .cart .actions-button .buy_now_button {
	width: 25%;
	min-width: 130px;
	max-width: 180px;
	border-radius: 8px 0 0 8px;
} 
}
/*---*/
/*Chiều rộng Menu trái trên mobile*/
.mobile-version.mf-catalog-page .catalog-sidebar,
.mobile-version.mf-catalog-page .vendor_sidebar {
	left: -280px;
	width: 280px;
}
.mobile-version .mf-catalog-close-sidebar {
	position: fixed;
	top: 0;
	left: -280px;
	opacity: 0;
	width: 280px;
	z-index: 9999999;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 15px 13px;
	border-bottom: 1px solid #dedede;
	transition: transform 0.35s ease;
}
/*---*/
/*Tiều đề trang kết quả tìm kiếm*/
.woocommerce.search-no-results .mf-catalog-title, .woocommerce.search-results .mf-catalog-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px;
	text-transform:none;
}
/*----*/
/* Thẻ H2,H3,H4 trên trang sản phẩm */
.single-product h1, 
.single-product h2, 
.single-product h3, 
.single-product h4 {
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.single-product h1 {
    font-size: 20px !important;
}

.single-product h2 {
    font-size: 16px !important;
}

.single-product h3 {
    font-size: 15px !important;
    margin-top: 10px !important;
}

.single-product h4 {
    font-size: 14px !important;
    margin-top: 10px !important;
}

.single-product h2 span,
.single-product h3 span,
.single-product h4 span {
    font-weight: 600 !important;
	font-size: inherit !important; 
}


/*----*/
/*Sản phẩm đã xem gần đây*/
.mf-recently-products.footer-recently-viewed {
	background-color: #f4f5f5;
	padding-top: 15px;
	padding-bottom: 20px;
}
.mf-recently-products .recently-header {
	margin-bottom: 10px;
}
/*---*/
/* Chân trang*/
.site-footer .footer-newsletter {
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e1e1e1;
}
.site-footer .footer-widgets {
	padding-top: 35px;
	padding-bottom: 35px;
}
/*---*/
/* Chỉ áp dụng cho các trang danh mục sản phẩm */
.mf-catalog-layout-3 .mf-catalog-title,
.mf-catalog-layout-10 .mf-catalog-title {
	font-size: 22px;
	text-transform: none;
	margin: 10px 0;
}
.term-description h2, 
.term-description h3, 
.term-description h4 {
    margin-bottom: 10px;
		margin-top: 10px;
}
.term-description h2, 
.term-description h2 span {
    font-size: 18px !important;          
}
.term-description h3, 
.term-description h3 span {
    font-size: 16px !important;          
}
.term-description h4, 
.term-description h4 span {
    font-size: 14px !important;          
}
/*---*/
.product-sidebar .widget_products .product_list_widget ins .woocommerce-Price-amount {
	color: #D32F2F;
}
/*---*/
/*Ẩn bình luận yêu thích*/
/* body.page-id-11 #respond {
    display: none !important;
}
*/
/*---*/
/*Hình ảnh bỏ căn trái và thay bằng căn giữa cho mobile*/
@media (max-width: 600px) {
  .wp-caption.alignleft {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
		max-width: 400px !important;
  }

  .wp-caption.alignleft img {
    width: 100% !important;
		max-width: 400px !important;
    height: auto !important;
  }
	.entry-content img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    max-width: 400px !important;
    width: 100% !important;
    height: auto !important;
  }
}


/*----*/
/*Nút gửi bình luận*/
.comment-respond .form-submit {
	margin-top: 60px;
	clear: both;
	position: relative;
	text-align: center;
}
/*---*/
/*Kích thước ảnh thumnail biến thể trên mobile*/
@media (max-width: 768px) {
	
	.wcboost-variation-swatches--image .wcboost-variation-swatches__item {
	transition: 0.3s;
	text-align: center;
	white-space: nowrap;
	width: var(--wcboost-swatches-item-width);
	height: var(--wcboost-swatches-item-height);
	padding: var(--wcboost-swatches-item-padding);
	line-height: 1.1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
	max-width: 60px;
	max-height: 60px;
}
	.wcboost-variation-swatches__wrapper {
		gap: 7px;
	}
}
/*Kích thước ảnh thumnail biến thể trên PC*/
@media (min-width: 769px) {
	
	.wcboost-variation-swatches--image .wcboost-variation-swatches__item {
	transition: 0.3s;
	text-align: center;
	white-space: nowrap;
	width: var(--wcboost-swatches-item-width);
	height: var(--wcboost-swatches-item-height);
	padding: var(--wcboost-swatches-item-padding);
	line-height: 1.1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
	min-width: 70px;
	min-height: 70px;
}
	.wcboost-variation-swatches__wrapper {
		gap: 7px;
	}
}
/*----*/
/*Ảnh sản phẩm bám dính khi cuộn*/
@media (min-width: 992px) {
  .woocommerce-product-gallery {
    position: sticky !important;
    top: 10px;
}
}
/*---*/
/*Bám dính sp cùng nhóm*/
@media (min-width: 992px) {
  
	#primary-sidebar {
    position: sticky;
    top: 10px;
    align-self: flex-start;
  }
}

/*---*/
@media screen and (max-width: 1023px) {
  .hide-on-mobile {
    display: none !important;
  }
}
/*---*/
section.up-sells,
section.related {
	margin-bottom: 10px;
}
/*---*/
/* Giá bám dính khi cuộn*/
.price.sticky-active {
  position: sticky;
  background: #fff;
  z-index: 999999;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	top: 0px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
@media (max-width: 783px) {
  .price.sticky-active {
    top: 68px;
  }
}

/*---*/
/*Bảng danh sách các biến thể chèn vào nội dung sp*/
.inserted-variant-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0px;
  border: 0px solid #ddd;
  border-radius: 0px;
}

.inserted-variant-table-responsive table.inserted-variant-table {
  width: auto !important;
 border-collapse: collapse;
  min-width: 80%;
	max-width: max-content;
  table-layout: auto !important; 
	margin-left: auto;
  margin-right: auto;
}

.inserted-variant-table-responsive table.inserted-variant-table th,
.inserted-variant-table-responsive table.inserted-variant-table td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
    text-transform: none !important;
	
	
}

.inserted-variant-table-responsive table.inserted-variant-table th {
  background-color: #f2f2f2;
  font-weight: 600;
	
}

@media (max-width: 768px) {
  .inserted-variant-table-responsive table.inserted-variant-table {
    min-width: 500px;
  }
  
  .inserted-variant-table-responsive table.inserted-variant-table th,
  .inserted-variant-table-responsive table.inserted-variant-table td {
    white-space: normal; 
    font-size: 12px;
    padding: 4px 4px;
		text-transform: none !important;
  }

  .inserted-variant-table-responsive table.inserted-variant-table img {
    max-width: 60px;
    max-height: 60px;
  }
}

/*---*/
.catalog-sidebar .widget {
	background-color: #f5f5f5;
	padding: 15px 10px;
	margin-bottom: 0;
	position: relative;
}
.mf_widget_product_categories ul.product-categories.show-children-only > li.cat-item {
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px
}
.catalog-sidebar .widget .widget-title {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
/*---*/
.mobile-version .site-header .header-main {
	padding-bottom: 8px;
	padding-top: 8px;
	justify-content: space-between;
	align-items: center;
}
.mobile-version.sticky-header .site-header.minimized .header-main {
	padding-bottom: 8px;
	padding-top: 8px;
}
.mobile-version .site-header .mobile-menu {
	padding-bottom: 8px;
	display: flex;
	align-items: center;
}
.mobile-version.sticky-header .site-header.minimized .header-mobile-v2 .header-main {
	padding-top: 8px;
}
.mobile-version .site-header .header-main .header-title h1 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding-left: 5px;
	padding-top: 8px
}
/*---*/
/*Tạo bảng có màu nền xen kẽ tự động trong nội dung bài viết*/
.entry-content table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    margin: 16px 0;
}
.entry-content table th {
    background-color: #dcdcdc;
    color: #000; /* Màu chữ đen */
    font-weight: bold;
}
.entry-content table th,
.entry-content table td {
    border: 1px solid #bbbfbf !important;
    padding: 8px;
    text-align: left;
}

.entry-content table tr:nth-child(odd) {
    background-color: #f4f4f4;
}

/* Căn giữa bảng trên desktop */
@media only screen and (min-width: 768px) {
    .entry-content table {
        min-width: 80%;
        max-width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Căn giữa bảng trên di động */
@media only screen and (max-width: 767px) {
    .entry-content table {
        font-size: clamp(6px, 2vw, 14px);
        display: table;
        overflow-x: auto;
        min-width: 90%;
        max-width: max-content;
        margin-left: auto;
        margin-right: auto;
    }

    .entry-content table th,
    .entry-content table td {
        padding: 4px;
        white-space: nowrap;
    }
}
/*---*/