/*
Theme Name: lyoncoffee-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.add-to-cart-button-icon {
    display: none;
}

/*.product-lightbox-inner .product-info form.cart {
    flex-wrap: wrap !important;
}
.product-info form.cart {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
*/
/* output form liên hẹ */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffde06 !important;
    color: white;
}
/*---*/
.image-tools.is-small.top.right.show-on-hover {
	display: none;
}
.product-info form.cart .ux-quantity {
    display: flex;
    align-items: center;
}

.product-info form.cart .ux-quantity input.qty {
    font-size: 12.5px;
}

.product-info form.cart .ux-quantity__button {
    font-size: 12px;
}

.product-info form.cart .single_add_to_cart_button,
.product-info form.cart .buy_now_button {
	padding: 8px 14px;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}
.product-info button.button.buy_now_button {
    flex: auto;
    font-size: 10px;
    color: #2F2F2F;
}
/* Nếu muốn nút sát với nhau hơn */
.product-info form.cart button {
    margin: 0 !important;
}

/* .section {
	padding-bottom: 0px !important;
}
.tooltipster-base {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.z-1 {
    z-index: 1 !important;
}
.header, .header-wrapper {
    z-index: 2;
}
 */
html, body {
    position: static !important;
}
.blockUI.blockOverlay {
	position: fixed !important;
}
/* Luôn hiển thị filter như desktop trên mobile */


@media (max-width: 932px) {  /* Chỉ mobile */
  .yith-wcan-filters {
	width: 80%;
	background-color: white !important;
    padding: 20px;
    overflow-y: auto !important;  /* Cho phép scroll dọc trong modal */
    -webkit-overflow-scrolling: touch !important;  /* Smooth scroll trên iOS Safari */
    height: 100vh !important;  /* Full height màn hình */
    max-height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99999 !important;  /* Đảm bảo modal trên cùng */
  }
  
  .yith-wcan-filters.open {
    display: block !important;  /* Đảm bảo hiển thị */
  }
  .filters-container h3 {
    color: #111 !important;
}
  /* Giữ lock background nếu cần, nhưng cho phép modal scroll */
  body.yith-modal-open,
  body.modal-open {
    overflow: hidden !important;  /* Lock background */
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
  }
  
  /* Fix nếu UX Builder conflict */
  body.ux-body-blocked {
    overflow: hidden !important;  /* Chỉ lock UX nếu cần */
  }
	.yith-wcan-filters.filters-modal .filters-container {
		padding: 0px !important;
	}
	.yith-wcan-filters.filters-modal .yith-wcan-filter {
		padding: 0px !important;
	}
	.yith-wcan-filters.filters-modal h3 {
		color: #111 !important;
	}
	.yith-wcan-filters.filters-modal .main-modal-button {
    	background-color: rgb(255 222 6) !important;
		display: none !important;
	}
	.off-canvas-left .mfp-content {
    --drawer-width: 80% !important;
}
	.mobile-sidebar {
    width: 100%;
}
	.mfp-close {
		right: 20%;
		top: -2%;
	}
		/* thanh bên chi tiết bài viết */
	.post-sidebar #custom_html-4, #custom_html-5, #custom_html-7, #custom_html-8, #custom_html-9 {
		display: none;
	}
	/* Bật lại cuộn dọc cho menu mobile Flatsome */
	#main-menu.mobile-sidebar,
	#main-menu .sidebar-menu {
	  overflow-y: auto !important;
	  -webkit-overflow-scrolling: touch;
	  height: 100vh;
	}
	ul.children>li.woocommerce-MyAccount-navigation-link>a {
    color: #4a4a4a !important;
}
		/* thanh tác giả */
.author-social {
    margin-top: 10px !important;
    display: flex;
    float: left !important;
}
p.author-desc.small {
	font-size: 12px;
    color: #3c2a20;
    text-align: justify;
	margin-bottom: 0px;
}
	h5.author-name.uppercase.pt-half {
		font-size: 12px;
	}
	/* sale */
	span.onsale img {
    margin: 5px !important;
}
	/* nút thêm vào giỏ hàng */
	.add-to-cart-button-icon {
	display: block;
    top: 42%;
    right: 1%;
    position: absolute !important;
}
a.added_to_cart.wc-forward {
    display: none;
}
.add-to-cart-button-icon .add_to_cart_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    transition: all 0.3s ease;
}
	/* nút thêm sp yêu thích */
	.yith-wcwl-add-button {
    position: absolute;
    top: 4%;
    right: 2%;
}
	.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg {
    margin-right: 0px !important;
    border: 1px solid;
    border-radius: 999px;
    padding: 5px;
    width: 30px;
    background-color: #ed1c24;
}
	/* nút yêu thích trong chi tiết sp */
	.product_details_rowlefft .image-tools {
		padding-top: 15px;
		padding-right: 10px;
	}
	/* nút cập nhật giỏ hàng mb */
	.cart-container .small {
		color: #2f2f2f;
		font-size: 10px;
	}
	a.button-continue-shopping.button.primary.is-outline {
		font-size: 10px;
	}
	/* cmt bình luận */
	ul.children .comment-inner {
    border-left: 0px solid #4a4a4a !important;
    padding-left: 0em !important;
}
}
/*************** ADD CUSTOM CSS HERE. ***************/
/* Chú thích: Khu vực này dành cho các CSS tùy chỉnh của theme con */

/* Chú thích: CSS cho thiết bị di động (màn hình nhỏ hơn 48em = 768px) */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
}

/*--------------custom page wrapper -------------*/
main#main .row.category-page-row{
    display: none;
}
.page-wrapper {
    padding-top: 0px !important;
}
/*--------------custom trang chi tiết bài viết --------------------*/
.entry-author.author-box .flex-row.align-top {
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
}
h5.author-name.uppercase.pt-half {
    padding-top: 0px;
	color: #111;
}
.author-social {
    margin-top: 0px;
    display: flex;
    float: right;
}
p.author-desc.small {
	font-size: 14px;
    color: #3c2a20;
    text-align: justify;
	margin-bottom: 0px !important;
}
div#comments div#respond {
    padding: 0px;
}
div#comments div#respond span {
    color: white;
}
div#comments div#respond label {
    color: white;
}


@media screen and (min-width: 850px) {
    .blog-wrapper .row-large>.col {
        padding: 0 30px 0px;
    }
	.blog-wrapper .comment-form p {
        padding: 5px 15px;
    }
}

.bai-viet-lien-quan h1 {
    color: #ffde06;
    padding-bottom: 10px;
}
.bai-viet-lien-quan .box.box-slider.box-text-bottom.box-blog-post.has-hover {
	background-color: #212121;
}
.bai-viet-lien-quan .box-text {
    height: 130px;
}
.bai-viet-lien-quan h5.post-title.is-large {
	padding-bottom: 5px;
    text-align: left;
}
.bai-viet-lien-quan .is-divider {
	display: none;
}
.bai-viet-lien-quan .box-blog-post p.from_the_blog_excerpt {
    text-align: left;
}
p.from_the_blog_comments.uppercase.is-xsmall {
	display: none;
}

/*---thanh slider trong chi tiết bài viết ---*/
.bai-viet-lien-quan .flickity-viewport {
    height: 330px !important;
}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {
    fill: #ffde06 !important;
    border-color: #ffde06 !important;
	background-color: white;
}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: #ffffff00 !important;
	box-shadow: 0 -150px 15px 0 rgb(0 0 0 / 0%) !important;
}

/*----- custom trang danh mục sản phẩm-------*/
div#post-list .box.box-text-bottom.box-blog-post.has-hover {
    background-color: #212121;
}
div#post-list .box-text {
    height: 130px;
}
div#post-list .is-divider {
	display: none;
}
div#post-list h5.post-title.is-large {
	padding-bottom: 5px;
    text-align: left;
}
.t-breadcrum section.section_breadcrumb {
    background-color: #4d4d4d;
    margin: 0px;
}
/*--- custom giao diện bộ lọc danh mục sản phẩm ---*/
/* --- FILTER STYLE CUSTOM GIỐNG HÌNH MẪU --- */
.yith-wcan-filter li {
    margin-bottom: 0em !important;
}
a.term-label {
    font-size: 12px;
}
.yith-wcan-filter.filter-tax.checkbox-design {
  border: 2px solid #ffde06;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  font-family: inherit;
  margin-bottom: 20px;
}
/* Tiêu đề bộ lọc */
.filters-container h3 {
	font-size: 16px;
	margin-bottom: 20px;
}
/* Tiêu đề khung */
.yith-wcan-filter.filter-tax.checkbox-design .filter-title {
	background-color: #ffde06;
	color: #111;
	font-weight: 600;
	font-size: 14px;
	padding: 5px 15px;
	margin: 0;
	border-bottom: 1px solid #ffde06;
}

/* Vùng nội dung filter */
.yith-wcan-filter.filter-tax.checkbox-design .filter-content {
  padding: 10px 15px;
}

/* Ẩn legend */
.yith-wcan-filter.filter-tax.checkbox-design legend {
  display: none;
}

/* Danh sách item */
.yith-wcan-filter.filter-tax.checkbox-design .filter-items {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 150px; /* Có thể điều chỉnh nếu muốn scroll */
  overflow-y: auto;
}

/* Item */
.yith-wcan-filter.filter-tax.checkbox-design .filter-item {
  margin-bottom: 8px;
}

/* Label chứa checkbox */
.yith-wcan-filter.filter-tax.checkbox-design label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  color: #333;
}

/* Checkbox */
.yith-wcan-filter.filter-tax.checkbox-design input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #0071ce;
  cursor: pointer;
}

/* Link tên thương hiệu */
.yith-wcan-filter.filter-tax.checkbox-design .term-label {
  color: #333;
  text-decoration: none;
}

.yith-wcan-filter.filter-tax.checkbox-design .term-label:hover {
  text-decoration: underline;
}

/* Scrollbar nhẹ nhàng */
.yith-wcan-filter.filter-tax.checkbox-design .filter-items::-webkit-scrollbar {
  width: 6px;
}
.yith-wcan-filter.filter-tax.checkbox-design .filter-items::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
/* Ẩn filter sau số lượng chỉ định */
.yith-wcan-filters .yith-wcan-filter.hidden-filter {
  display: none;
}

/* Style nút xem thêm */
.show-more-filters-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    transition: .2s;
    border: 1px solid #ddd;
    color: #2F2F2F;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.show-more-filters-btn:hover {
  background: #ddd;
}
.t-filter .sort-cate {
    display: none;
}
/*--- hiển thị nút sắp xếp sản phẩm ---*/
.sort-cate {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
	margin-bottom: 10px;
}

.sort-cate .sort-title {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
	width: auto;
	font-size: 16px;
}

.sort-cate .sort-title i {
    font-size: 16px;
}

.sort-cate .quick-sort-block {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sort-cate .btn-quick-sort a {
	padding: 6px 14px;
    border: 1.5px solid #2F2F2F;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #2F2F2F;
    background: #fff;
    transition: .25s ease;
}

.sort-cate .btn-quick-sort a:hover {
    background: #ffde06;
    color: #2F2F2F;
}

.sort-cate .btn-quick-sort a.active {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}
li.btn-quick-sort {
    margin-left: 0.2em !important;
}

.t-filter-right button {
    display: none !important;
}
/*--- hiển thị list bên phải chi tiết sp ---*/
.textwidget {
}
.post-sidebar .box.box-text-bottom.box-blog-post.has-hover {
    background-color: #212121;
}
.post-sidebar .widget .badge-outline .badge-inner {
    background-color: #ffffff;
	    border: 2px solid #000;
}
/*--- custom sản phẩm liên quan chi tiết sp ---*/
.product-small.col.has-hover.product.type-product .col-inner {
    background-color: #212121;
}
/*-- sản phẩm yêu thích ---*/
/* Hiển thị icon wishlist luôn */ 
.image-tools.show-on-hover { 
	opacity: 1 !important; 
	visibility: visible !important; 
} 
.yith-wcwl-wishlistaddedbrowse {
    display: none !important;
}
/* Đảm bảo kích thước SVG hợp lý */ 
.yith-wcwl-icon-svg { 
	stroke: rgb(255 255 255);
	fill: white;
}
/* Nếu muốn hiện button vòng tròn */ 
.wishlist-button { 
	display: inline-flex !important; 
	align-items: center; 
	justify-content: center; 
}
.yith-wcwl-add-button {
    position: absolute;
    top: 4%;
    right: 2%;
}
.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg {
margin-right: 0px !important;
    border: 1px solid;
    border-radius: 999px;
    padding: 5px;
    width: 35px;
    background-color: #ed1c24;
}
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg {
	color: #00000000 !important;
}
.wishlist-popup.dark {
    display: none;
}
p.wishlist-empty {
    color: white;
}
/*---- cmt trang chi tiết bài viết ----*/
.blog-wrapper  .flex-col.flex-grow {
    color: #fff;
}
.blog-wrapper  time.pull-left {
    color: #fff;
}
cite.strong.fn {
    color: #ffffff !important;
    font-style: normal !important;
}

/*--------------custom breadcrum cho trang danh mục sản phẩm website-----------*/
/* Giả sử parent của title và section là flex container (thường là .page-title-large hoặc .row) */
.page-title-large,
.col {  /* Thay .col bằng class parent thực tế sau khi inspect */
  display: flex;
  flex-direction: column;
}

.shop-page-title.category-page-title.page-title {
  order: -1;  /* Đẩy title lên đầu */
}

.section.has-block.tooltipstered {
  order: 1;  /* Section ở sau */
}
.shop-page-title {
    background-color: #4d4d4d00;
}
.shop-page-title .is-large {
    display: none;
}
.shop-page-title .page-title-inner {
	padding-top: 0px;
	min-height: auto;
}
.shop-page-title .section_breadcrumb {
    margin: 0px;
}
/*--------------custom breadcrum cho website-----------*/
.row.breadcrumb .col {
    padding: 10px 15px;
}
div#breadcrumbs {
	margin-left: -20px;
}
div#breadcrumbs a{
	color: white;
}
div#breadcrumbs span{
	color: white;
	margin-left: 20px;
}
div#breadcrumbs span.current {

}
div#breadcrumbs span.current span {
    margin-left: 0px;
}
.row.breadcrumb #breadcrumbs span::after, .breadcrumbs a::after {
position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBQRC4gTWFkZSBieSBDRlBCOiBodHRwczovL2dpdGh1Yi5jb20vY2ZwYi9kZXNpZ24tc3lzdGVtIC0tPgo8c3ZnIGZpbGw9IiNmZmYiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9Ii00LjUgMCAxOSAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iY2YtaWNvbi1zdmciPjxwYXRoIGQ9Ik0xLjYgMTcuMjYyYTEuMDMgMS4wMyAwIDAgMS0uNzI4LTEuNzU3bDYuMDczLTYuMDczTC44NzIgMy4zNmExLjAzIDEuMDMgMCAwIDEgMS40NTUtMS40NTVsNi44IDYuOGExLjAzIDEuMDMgMCAwIDEgMCAxLjQ1NmwtNi44IDYuOGExLjAyNSAxLjAyNSAwIDAgMS0uNzI3LjMwMnoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
}
.row.breadcrumb #breadcrumbs span.current::after, .breadcrumbs a::after {
    display: none;
}
.row.breadcrumb #breadcrumbs span.current span::after, .breadcrumbs a::after {
    display: none;
}
section.section_breadcrumb {
    background-color: #4d4d4d;
    margin: 0px 0px 30px;
}
/*--------------custom cho trang giới thiệu-----------*/
.banne_post .box-image {
	width: 100%;
	border-radius: 5px 5px 0px 0px;
}
.banne_post .box-text.text-center {
    background-color: #ffffff;
    border-radius: 0px 0px 5px 5px;
}
.banne_post .box-blog-post h5.post-title a.plain {
    color: #2f2f2f;
}
.banne_post .box-blog-post p.from_the_blog_excerpt {
    color: #2f2f2f;
    font-weight: 600;
}
/* -------------custom form liên hệ---------------*/
.wpcf7 .wpcf7-form-control-wrap {
    display: block;
}
.primary, input[type=submit], input[type=submit].button {
    color: #2f2f2f;
    font-size: 14px;
    margin-top: 0px;
}
.button_contact .button {
    margin-top: 1em !important;
}
.wpcf7 label {
    display: inline-block;
    width: 100%;
    color: white;
	margin: 10px 0px 12px 0px;
}
/*----------------trang xem nhanh sản phẩm ---------------------------------*/
.ux-swatches.ux-swatches-attribute-ux_label.ux-swatches--rounded .ux-swatch {
    color: #000000;
    box-shadow: 0 0 0 1px #000000;
}
.product_details_column_center .ux-swatches.ux-swatches-attribute-ux_label.ux-swatches--rounded .ux-swatch {
    color: #fff;
    box-shadow: 0 0 0 1px #fff;
}
.mfp-content span.amount {
    color: #000000 !important;
	font-size: 22px;
}
.mfp-content .price span {
    color: #000000;
}
.mfp-content .button.alt {
	background-color: #ffde06;
	color: #2F2F2F;
    opacity: 1;
}
.mfp-content a.plain h1 {
	font-size: 22px;
    color: #2f2f2f;
}
.mfp-content .product-info .price {
	margin: 0;
}
.mfp-content .product_meta {
	display: none;
}
.mfp-content .product-lightbox-inner {
    padding: 10px 20px;
}
/*----------------custom cho trang danh mục sản phẩm -----------------------*/
/* Ẩn hàng (row) trên trang danh mục sản phẩm
.row.category-page-row {
    display: block;
} */

/*---------------------------------custom màu sắc cho website-----------------------*/
/*---topbar_left-----*/
/* Định dạng màu chữ cho topbar bên trái */
li.html.custom.html_topbar_left {
    color: #2f2f2f;
}

/*---topbar_right-----*/
/* Định dạng màu chữ và độ đậm cho liên kết ở topbar bên phải */
.nav-right li a.nav-top-link {
    color: #2f2f2f;
    font-weight: 700;
}
.nav-right a.plain {
    color: #2f2f2f;
}
/* --- cỡ chữ so sánh------*/
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    font-size: 10px;
}
/*-----header main-----*/
/* Màu chữ trắng cho liên kết trong header (không trong suốt) */
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff !important;
}
/* Màu vàng cho liên kết trong header navigation */
.header-nav.nav>li>a{
    color: hsl(52.05deg 100% 51.18%) !important
}
/* Đường viền phân cách màu vàng trong header */
.nav>li.header-divider {
    border-left: 1px solid rgb(255 222 6) !important;
}
/* Màu chữ trắng cho placeholder của ô tìm kiếm */
input[placeholder="Tìm sản phẩm..."]::placeholder {
  color: #fff; 
}

/* màu sắc chung */
/* Màu nền tối cho các thành phần chính và trạng thái sticky của giỏ hàng */
.sticky-add-to-cart--active, #wrapper, #main, #main.dark {
    background-color: #111 !important;
}

/*------post_homepage----*/
/* Đặt chiều rộng 100% cho hình ảnh bài viết trên trang chủ */
.post_homepage .box-image {
    width: 100%;
}
/* Màu chữ đen cho tiêu đề bài viết trên trang chủ */
.post_homepage h5.post-title a.plain {
    color: #2f2f2f !important;
}
/* Màu chữ đen và độ đậm trung bình cho đoạn trích bài viết trên trang chủ */
.post_homepage p.from_the_blog_excerpt {
    color: #2f2f2f !important;
    font-weight: 500;
}
.box-text-inner.blog-post-inner .is-divider {
	background-color: #212121 !important;
}
/* product_details_column_center */
/* Màu trắng cho tiêu đề sản phẩm trong cột giữa chi tiết sản phẩm */
.product_details_column_center h1.product-title.product_title.entry-title {
    color: white;
}
/* Màu trắng cho số lượng đánh giá trong cột giữa */
.product_details_column_center .woocommerce-product-rating .count-rating {
    color: white;
}
/* Màu trắng, độ đậm và kích thước chữ lớn cho giá sản phẩm */
.product_details_column_center .product-page-price span.amount {
    color: white !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}
/* Màu trắng cho nhãn (label) trong bảng thuộc tính sản phẩm */
.product_details_column_center th.label label {
    color: white;
}
.sticky-add-test .ux-swatch{
    box-shadow: 0 0 0 1px #000;
    color: #000;
}
.ux-swatch{
    box-shadow: 0 0 0 1px #ffffff;
    color: white;
}
.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 2px #ffde06 !important;
}
/* Màu trắng cho liên kết reset biến thể sản phẩm */
.product_details_column_center a.reset_variations {
    color: white !important;
}
/* Màu trắng cho văn bản trong cột giữa */
.product_details_column_center p {
    color: white;
}
/* Khoảng cách trên cho cột giữa chi tiết sản phẩm */
.product_details_column_center {
    margin-top: 16px;
}
/* Nút (button) trong cột giữa: màu nền vàng, chữ đen, cỡ chữ nhỏ */
.product_details_column_center .button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #ffde06;
    color: #2F2F2F;
    font-size: 12px;
}
/* Đảm bảo nút bị vô hiệu hóa vẫn hiển thị đầy đủ (opacity = 1) */
.product_details_column_center .button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: 1;
}

/* product_details_rowlefft */
/* Màu nền xám đậm cho cột trái chi tiết sản phẩm */
.product_details_rowlefft {
	height: 453px;
    background-color: #212121;
}
/* Khoảng cách dưới cho văn bản trong cột trái */
.product_details_rowlefft p {
    margin-bottom: 1em !important;
}
/* Khoảng cách đệm cho các cột, cột hình ảnh trong cột trái */
.product_details_rowlefft .col, .columns, .gallery-item {
    padding: 0 15px 0px;
}
/* Xóa lề trái/phải cho cột trái */
.row .product_details_rowlefft {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/* Định vị nút điều hướng (prev/next) trong slider ảnh sản phẩm */
.product_details_rowlefft .flickity-prev-next-button svg {
    top: 15% !important;
}
/* product_details_rowright */
/* Định dạng cột phải: đệm, lề, màu nền xám đậm */
.right_product_detail .col {
    padding: 5px 10px 4px;
    margin: 0px 15px 0px 0px;
    background-color: #212121;
}
/* Đường viền dưới và đệm cho nội dung trong cột phải */
.right_product_detail .col .col-inner {
    border-bottom: 1px solid #e1dada;
    padding: 5px 5px 8px 5px !important;
}

/*----- mô tả sản phẩm ----------*/
/* Định dạng tab mô tả: màu nền vàng, viền vàng, chữ đen */
.nav-tabs>li>a {
    background-color: #ffde06 !important;
    border-left: 1px solid #ffde06 !important;
    border-right: 1px solid #ffde06 !important;
    border-top: 3px solid #ffde06;
    color: #2f2f2f !important;
    padding-left: 30.85px !important;
    padding-right: 30.85px !important;
}
/* Tab đang active: viền trên trắng, nền trắng */
.nav-tabs>li.active>a {
    border-top-color: #fff !important;
    background-color: #fff !important;
}
/* Viền vàng cho dropdown đang active */
li.current-dropdown>.nav-dropdown{
    border: 3px solid #ffde06;
	display: flow;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
    color: rgb(74 74 74 / 85%);
    font-size: 14px;
    font-weight: 400;
    text-transform: math-auto;
}
.nav-column>li>a, .nav-dropdown>li>a {
    display: block;
    font-size: 14px;
    padding: 5px 20px !important;
}
/* Nền xám đậm và viền xám cho nội dung tab */
.nav-tabs+.tab-panels {
    background-color: #1a1a1a;
    border: 1px solid #dddddd;
}
/* Màu trắng cho các tiêu đề và nhãn trong tab mô tả */
.product_details_tabs_normal {
	margin-top: 30px;
}
.product_details_tabs_normal h1, h2, h3, h4, h5, h6 {
    color: white;
}
.product_details_tabs_normal td {
    color: white;
}
.product_details_tabs_normal label {
    color: white;
}
.title-block {
    color: white;
}
/* Màu trắng cho liên kết menu */
a.ux-menu-link__link.flex {
    color: white;
}
/* Màu trắng, độ đậm và độ trong suốt cho danh mục sản phẩm */
p.category.uppercase.is-smaller.no-text-overflow.product-cat {
    color: white;
    font-weight: 500 !important;
    opacity: 1 !important;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat a {
    color: white;
}
/* icon sale của danh mục sản phẩm */
.badge-container {
    margin: 5px 0 0;
}
.price span {
    color: white;
}
/* chỉnh sửa màu nền cho bộ lọc danh mục sản phẩm */
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content{
	min-width: 0px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable{
	padding: 5px 20px 5px 10px;
	font-size: 16px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
	width: 100%;
}
.yith-wcan-filters {
	background-color: #21212100;
}
.yith-wcan-filters .yith-wcan-filter .filter-title {
    color: #ffffff;
}
@media (max-width: 768px) {
/*--hiển thị nút mua hàng trên mobile */
.add-to-cart-container.sticky-add-test .ux-quantity {
        flex: none !important;
    }
	.add-to-cart-container.sticky-add-test button.single_add_to_cart_button, .add-to-cart-container.sticky-add-test button.button {
        flex: auto !important;
        font-size: 10px !important;
        padding: 8px !important;
    }
.add-to-cart-container.sticky-add-test th.label label {
    color: #000000 !important;
}
.sticky-add-test .ux-swatches.ux-swatches-attribute-ux_label.ux-swatches--rounded .ux-swatch {
    color: #000000 !important;
    box-shadow: 0 0 0 1px #000000 !important;
}
/* giá popup giỏ hàng mobile */
	.ux-mini-cart-footer span.woocommerce-Price-amount.amount {
        font-size: 16px !important;
    }
	.woocommerce-mini-cart__total {
    	display: contents !important;
	}
/* khi selected */
	.ux-swatch.tooltip.ux-swatch--label.tooltipstered.selected {
		box-shadow: 0 0 0 2px #ffde06 !important;
	}
	.ux-swatch.tooltip.ux-swatch--image.selected.tooltipstered {
		box-shadow: 0 0 0 2px #ffde06 !important;
	}	
	button.button.buy_now_button {
    flex: auto;
    font-size: 10px !important;
	}
	.product_details_column_center .button.alt {
		font-size: 10px;
	}
/*----------------------------------*/	
	.yith-wcan-filters .yith-wcan-filter .filter-title {
		color: #000000;
	}
	/* divider cho popup giỏ hàng */
	#cart-popup .is-divider {
    background-color: #2f2f2f !important;
}
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
	color: #2f2f2f;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover {
    color: #ffde06;
}
.filter-content label {
    display: block;
    font-size: .9em;
    font-weight: 600 !important;
    margin-bottom: 0em !important;
}
.filter-content input {
	margin-bottom: 0em !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
    color: #ffde06;
}
/* thẻ tag cho danh mục sản phẩm */
.tagcloud a {
    color: white;
	opacity: 1 !important;
}
.tagcloud a:hover {
	border-color: #ffde06;
}
.is-divider {
    background-color: white !important;
}
/* màu trắng cho tiêu đề danh mục sản phẩm */
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-8 {
    color: white;
    opacity: 1;
    font-weight: 600;
}
/* Màu trắng, độ đậm cho tiêu đề sản phẩm */
p.name.product-title.woocommerce-loop-product__title a {
    color: white !important;
    font-weight: 600 !important;
}
/* Màu trắng cho số lượng đánh giá */
.container-rating .count-rating {
    color: #ffffff !important;
}
/* Màu nền xám đậm cho box có bóng */
.has-shadow .box:not(.box-overlay):not(.box-shade), .has-shadow.box:not(.box-overlay):not(.box-shade) {
    background-color: #212121 !important;
}
/* Máu giá sản phẩm trong kết quả tìm kiếm */
span.search-price span.amount {
	color: #212121 !important;
	font-weight: 600 !important;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: rgb(255 255 255) !important;
    border-color: rgb(0 0 0) !important;
    border-radius: 99px;
    box-shadow: none;
    color: rgb(255 255 255);
}
.my-custom-search input[type="search"] {
	color: #212121 !important;
}
#woocommerce-product-search-field-0::placeholder {
        color: #212121; /* Hoặc bất kỳ màu nào bạn muốn, ví dụ: #FF0000, blue, #336699 */
        opacity: 1; /* Đảm bảo placeholder không bị mờ */
    }
/* Màu trắng cho giá sản phẩm */
span.amount {
    color: #fff !important; 
}
.product_details_splq span {
    color: #fff;
}
.price span {
    color: #fff;
}
/* Màu vàng cho viền dưới của dropdown có mũi tên */
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before
 {
    border-bottom-color: #ffde06 !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #ffde06 !important;
}
/* Đệm và độ đậm chữ cho liên kết trong dropdown */
.nav-dropdown>li>a{
    padding: 3px 10px !important;
    font-weight: 500;
    font-size: 14px;
}
.nav-dropdown {
    padding: 0px !important;
}
/* Đệm cho công cụ hình ảnh trong chi tiết sản phẩm */
.product_details_rowlefft .image-tools {
    padding-top: 20px;
    padding-right: 10px;
}
.image-tools {
    padding-top: 15px;
    padding-right: 6px;
}
/* Lề cho nhãn giảm giá */
span.onsale img {
    margin: 20px;
}
/* trang danh sách yêu thích */
#yith-wcwl-form th {
    color: white;
}
#yith-wcwl-form td a {
    color: white;
}
#yith-wcwl-form td {
    color: white;
}
/* Nút yêu thích khi hover (bị comment) */
/*.image-tools .wishlist-button:hover {
    background-color: #ffd90d;
    border-color: #ffd90d;
}
.is-outline:hover{
    color: #2f2f2f !important;
}*/
/* Định dạng checkbox đồng ý cookie trong form bình luận */
p.comment-form-cookies-consent {
    display: inline-flex; /* Hiển thị checkbox và text trên cùng hàng */
    align-items: flex-start; /* Canh chỉnh theo đỉnh */
    gap: 5px;
    margin: 0;
    padding: 0;
}
/* Khoảng cách dưới nhỏ cho danh sách */
li {
    margin-bottom: 0.2em !important;
}
/* Độ đậm chữ cho thẻ b và strong */
b, strong {
    font-weight: 600 !important;
}
/* Khoảng cách dưới cho văn bản trong tab mô tả */
div#tab-description p {
    margin-bottom: 0.5em !important;
}
/* Định dạng khu vực đánh giá bên dưới tab */
.flatsome-reviews-below-tabs {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}
.flatsome-reviews-below-tabs h2.product-section-title {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 600;
}
/* Cỡ chữ nhỏ hơn cho các phần tử có class is-smaller */
.is-smaller {
    font-size: 0.7em !important;
}

/*-----custom mục hình ảnh sản phẩm-----*/
/* Chiều rộng và đệm trên cho hình ảnh sản phẩm */
.box-image {
    width: 100% !important;
    /*padding-top: 20px;*/
}
/* Đệm nhỏ cho nút biểu tượng */
.button.icon {
    margin-left: .1em !important;
    margin-right: .1em !important;
  min-width: 2.2em !important;
}
.wishlist-button.button.icon {
    min-width: 2em !important;
}
/* Cỡ chữ cho biểu tượng trong nút */
.button.icon i {
    font-size: 1em !important;
}
/* Màu vàng cho nút email */
.button.email:not(.is-outline){
    color: #e7bc18 !important;
}
/* Định vị biểu tượng trong nút */
.button i, button i {
  top: 0px !important;
}
/* Chiều cao tối thiểu cho các nút */
.button, button, input[type=button], input[type=reset], input[type=submit] {
      min-height: 2em !important;
}
/* Chiều cao dòng cho nút outline */
.button.is-outline {
    line-height: 1.9em !important;
}
/* Định dạng container đánh giá: hiển thị inline-flex, căn giữa, khoảng cách */
.container-rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.container-rating .count-rating {
    margin-left: 5px;
    font-size: 14px;
    color: #333;
}
.woocommerce-product-rating .count-rating {
    font-size: 16px;
}
.count-rating {
    margin-bottom: -3px;
}
/* Đệm nhỏ cho cột trong danh sách sản phẩm
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0 4.8px 10.6px !important;
} */
/*khoảng cách giữa các logo thương hiệu */
.row.row_logo{
	margin-bottom: 10px !important;
}
/*---màu title sản phẩm trang chủ--*/ 
/* Màu đen cho tiêu đề chính của section */
span.section-title-main {
    color: #000000;
}
/* Viền dưới vàng nhạt cho section title */
.section-title-normal {
    border-bottom: 3px solid #ffd70078 !important;
}
/* Màu vàng cho tiêu đề section */
span.section-title-main{
    color: rgb(255 215 0) !important;
}
.section-title-normal span {
    color: rgb(255 215 0) !important;
    border-bottom: 2px solid rgb(255 215 0) !important;
}
.section-title a {
  color: #ffd700;
}
/* Nút grid: màu nền vàng, chữ đen */
.grid-tools a {
    background-color: #ffd700 !important;
    color: #000;
}
.grid-tools a:hover {
    background-color: #ffd700 !important;
    color: #000;
}
/* Cảnh báo: màu nền vàng nhạt, chữ đen */
.alert {
    background-color: #ffd91c !important;
    color: black !important;
}
/* Màu vàng cho sao đánh giá */
.star-rating::before,
.star-rating span::before {
  color: #FFD700 !important;
}
.star-rating svg {
  fill: #FFD700 !important;
  color: #FFD700 !important;
}
/* Đệm nhỏ cho liên kết trong nav-box và nav-pills */
.nav-box>li>a, .nav-pills>li>a {
    padding: 0 .45em !important;
}
/* Nút cảnh báo flash: màu nền trắng */
a.button.alert.flash_button{
  background-color: white !important;
}
a:hover.button.alert.flash_button{
  background-color: white !important;
}
/* Nút điều hướng slider: màu nền và viền vàng khi hover */
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
}
/* Xóa hiệu ứng box-shadow khi hover nút */
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 0%) !important;
}
/* Màu đen cho nội dung badge */
.badge-inner {
    color: #000 !important;
}
/* Xóa lề trái/phải cho container row nhỏ */
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/* Đệm cho box văn bản */
.box-text {
    padding: 20px 15px 10px 15px !important;
}
/* chiều cao cho box văn bản trong kiến thức */
.kienthuc_list .box-text {
    height: 130px;
}
/* Màu nền vàng cho box văn bản khi push */
.box-push .box-text {
    background-color: hsl(50.59deg 100% 50%) !important;
}
/* Màu đen cho đoạn trích blog */
p.from_the_blog_excerpt {
    color: #2f2f2f;
}
/* Màu đen cho divider */
.is-divider {
    background-color: #2f2f2f;
}
/* css cho toàn button */
.button, button, fieldset, input, select, textarea {
    margin-bottom: 0em;
}
/*-------------thương hiệu yêu thích------------*/
/* Ẩn box văn bản bên trái trong mục thương hiệu yêu thích */
.thyt .box-text.text-left {
    display: none !important;
}
/* Khoảng cách trên âm cho thương hiệu yêu thích */
.thyt_t2{
    margin-top: -10px;
}

/*--------------product_detail-----------------*/
/* Định dạng box biểu tượng trong cột phải chi tiết sản phẩm */
.productdt_right .icon-box.featured-box.icon-box-center.text-center {
    padding: 5px 10px;
    box-shadow: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    border-radius: 5px;
    margin-bottom: 10px;
}
/* Bóng và bo góc cho nội dung cột phải */
.productdt_right1 .col-inner {
    box-shadow: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    border-radius: 5px;
}
/* Cỡ chữ cho văn bản trong box biểu tượng */
.icon-box-text.last-reset {
    font-size: 14px;
}
/* Cỡ chữ và màu đen cho tiêu đề sản phẩm */
h1.product-title.product_title.entry-title {
    font-size: 22px;
    color: #2f2f2f;
}
/* Màu đen cho nút primary nhỏ */
a.button.primary.is-small.lowercase.expand {
    color: #2f2f2f !important;
}
/* Xóa lề trái cho danh sách trong cột nội dung */
.col-inner ol li{
        margin-left: 0px !important;
}
/* Khoảng cách chữ cho văn bản in hoa */
.uppercase{
    letter-spacing: .01em !important;
}
/* Cỡ chữ nhỏ cho tiêu đề in hoa */
h5.uppercase.header-title{
    font-size: 10px !important;
}
/* Bóng và bo góc cho cột phải chi tiết sản phẩm */
.right_product_detail {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border-radius: 5px;
    padding: 0px 0px 10px 0px;
}
/* Định dạng tiêu đề in hoa trong cột phải: chữ thường, độ đậm, màu trắng */
.right_product_detail h5.uppercase {
    text-transform: capitalize;
    font-weight: 500;
    color: white;
}
/* Xóa viền dưới cho nội dung cột tư vấn */
.tuvan_right_product_detail .col-inner {
    border-bottom: 1px solid #00000000 !important;
}
/* Ẩn giá biến thể sản phẩm */
.woocommerce-variation-price {
    display: none;
}
/* Hiển thị giá bị gạch ngang dạng inline-flex */
del {
    display: inline-flex;
}
/* Khoảng cách giữa các phần tử trong form giỏ hàng  
form.cart {
   gap: 0em !important;
}*/
.sticky-add-test p {
    color: #000;
	margin-bottom: 0.3em !important;
}
@media (max-width: 768px){
	.add-to-cart-container.sticky-add-test form.cart {
		row-gap: 0px !important;
	}
}
.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    width: 100%;
}
/* Khoảng cách trên âm cho đánh giá sản phẩm */
.woocommerce-product-rating {
    margin-top: -12px !important;
}
/* Đệm cho giá sản phẩm */
p.price.product-page-price {
    padding: 10px 0px !important;
}
/* Khoảng cách trên cho phần biến thể đơn */
.single_variation_wrap {
    margin-top: 0px !important;
}
/* Đệm dưới cho trạng thái kho */
p.stock.in-stock {
    padding-bottom: 5px;
}
p.stock.out-of-stock {
    padding-bottom: 5px;
}
/* Đệm và căn chỉnh văn bản mô tả ngắn sản phẩm */
.product-short-description {
    padding: 10px 0px;
    text-align: justify;
}
/* Ẩn widget bài viết gần đây */
aside#flatsome_recent_posts-17 {
    display: none !important;
}

/*--------------breadcrumbs-----*/
.breadcrumbs {
	color: white;
}
/* Xóa đệm dưới cho tiêu đề trong breadcrumbs */
.breadcrumbs_product_details .featured-title .page-title-inner {
    padding-bottom: 0px;
}
.breadcrumbs_product_details .page-title-inner {
    padding-top: 0px;
}
/* Màu nền xám đậm cho overlay tiêu đề */
.title-overlay {
    background-color: #212121;
}
/* Màu trắng cho liên kết trong breadcrumbs tối */
.dark .breadcrumbs a {
    color: #fff;
}
/* Ẩn wrapper tiêu đề trên thiết bị vừa và nhỏ */
.title-wrapper.flex-col.text-left.medium-text-center {
    display: none;
}
/* Căn phải văn bản */
.text-right {
    text-align: right !important;
}
/* Xóa lề trái cho flex-right */
.flex-right {
    margin-left: initial !important;
}
/* Màu trắng cho breadcrumbs trong chế độ tối */
.dark .breadcrumbs {
    color: #fff !important;
}
/* Màu trắng cho liên kết plain trong box blog */
.box-blog-post a.plain {
    color: #2f2f2f;
}
a.plain {
    color: #ffffff;
}
/* Ẩn tab thông tin bổ sung */
li#tab-title-additional_information {
    display: block !important;
}
div#tab-additional_information a {
    color: white;
}
/* Căn đều khoảng cách giữa các tab */
ul.tabs.wc-tabs {
    justify-content: space-between !important;
}

/*----------------tab video sản phẩm---------*/
/* Responsive video YouTube: tỷ lệ 16:9 */
.wb_cptb_content:has(iframe[src*="youtube.com"]) {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.wb_cptb_content:has(iframe[src*="youtube.com"]) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*----------------tab đánh giá product detail---------*/
/* Định vị checkbox đồng ý cookie */
#wp-comment-cookies-consent {
    position: relative;
    top: 2px;
    margin: 0;
}
#wp-comment-cookies-consent + label {
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
/* Đệm cho form đồng ý cookie */
p.comment-form-cookies-consent {
    padding: 5px 0px 20px 15px;
}
/* Màu vàng cho sao đánh giá khi active hoặc hover */
.stars a.active:after, .stars a:hover:after {
    color: #ffde06;
}

/*--------------trang danh mục sản phẩm------------*/
/* Đệm cho văn bản trong box danh mục sản phẩm */
.category_product .box-text.text-center.is-xsmall {
    padding: 10px 10px !important;
}
/* Màu nền xám đậm cho overlay tiêu đề trang danh mục */
.shop-page-title.featured-title .title-overlay {
    background-color: #212121 !important;
}
/* Ẩn tiêu đề lớn trên trang danh mục */
h1.shop-page-title.is-xlarge {
    display: none;
}
/* Màu nền xám đậm cho box sản phẩm nhỏ */
.product-small.box {
    background: #212121;
}
/* Màu trắng cho tiêu đề widget sidebar */
span.widget-title.shop-sidebar {
    color: white;
}
/* Màu trắng cho liên kết danh mục sản phẩm */
ul.product-categories li a {
    color: white;
}
/* Cỡ chữ và màu trắng cho bộ lọc giá */
.widget_price_filter .price_slider_amount {
    font-size: 12px;
    color: white;
}
/* Màu trắng cho danh mục hiện tại */
.widget .current-cat>a{
    color: white;
}

/*--------------row footer nhận quà-----------------*/
/* Màu nền vàng, đệm và bo góc cho hàng nhận quà */
section.section_nhanqua {
    padding: 10px;
    margin-top: 20px;
}
.row_nhanqua {
    background-color: #ffde06;
    padding: 30px 0px;
    border-radius: 10px;
}
/* Đệm và màu nền trắng cho biểu tượng thanh toán */
.payment-icons .payment-icon {
    padding: 2px !important;
    background-color: #fff !important;
    opacity: 1 !important;
}
/* Đệm cho cột copyright */
div.col.copyright {
    padding: 0px 15px 10px;
}
/* Ẩn footer tuyệt đối trên thiết bị vừa và nhỏ */
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
/* Đệm trên cho văn bản copyright */
div.text_copyright p
 {
    padding-top: 5px;
}
/* Căn phải cho nội dung copyright */
.copyright .col-inner.text-right
 {
    text-align: right !important;
}

/*-------footer------*/
/* Màu vàng cho liên kết plain trong footer */
.shareicons a.plain {
    color: #ffde06 !important;
}
/* Màu trắng cho liên kết menu khi hover */
span.ux-menu-link__text:hover {
    color: white !important;
}
/* Màu trắng cho liên kết menu flex */
a.ux-menu-link__link.flex {
    color: white !important;
}
/* Chiều rộng tối thiểu cho nút biểu tượng trong footer */
.social_footer .button.icon {
    min-width: 2.5em !important;
}
/* sản phẩm yêu thích */
	table.shop_table.cart.wishlist_table.wishlist_view a {
		color: #ffde06 !important;
	}
	/* thông báo đã thêm vào giỏ hàng */
	.woocommerce-notices-wrapper .woocommerce-message {
		display: none;
	}
/*-------------------------------------ux_product_gallery--------------------------------*/

/*-------------------------------------hiển thị trên mobile------------------------------*/
@media (max-width: 849px){
	/*--- custom breadcrum mobile ---*/
	div#breadcrumbs {
		margin-left: 0px;
	}
	.row.breadcrumb .col {
		padding: 10px 30px;
	}
	#content.blog-wrapper .row.breadcrumb .col {
        padding: 10px 10px;
    }
	/* breadcrum trên trang chi tiết bài viết */
	#breadcrumbs span:first-child {
		margin-left: 0px;
	}
	div#breadcrumbs span {
    	color: white;
		margin-left: 20px;
	}
	div#breadcrumbs span.current {
		margin-left: 20px;
	}
	.t-filter-right .sort-cate {
    display: none;
}
	.t-filter .sort-cate {
    display: block;
}
	.sort-cate {
	margin-bottom: 0px;
}
	/*--- custom hiển thị bộ lọc mobile ---*/
	.yith-wcan-filters .close-button {
    color: var(--yith-wcan-anchors_style_text, #434343);
    cursor: pointer;
    font-size: 1.5em;
    height: 35px;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-decoration: none;
    right: 20px;
    top: 15px;
    vertical-align: middle;
    width: 35px;
    z-index: 1008;
}
	/*-----*/
	.t-filter {
	  display: flex;
	  flex-direction: row-reverse;
	  justify-content: left;
	  gap: 10px;
	  margin-left: 10px;
	}
	.t-filter button {
		float: inline-start;
        text-transform: none;
        font-size: 14px;
        padding: 2px 10px;
        color: #2F2F2F;
	}
	.t-filter h4.sort-title {
		display: none;
	}
    /* Cỡ chữ cho các trường nhập liệu và dropdown */
    .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
        font-size: 14px;
    }
    /* Màu nền trắng, viền xám, chữ đen cho form tối */
    .dark .form-flat input:not([type=submit]), .dark .form-flat select, .dark .form-flat textarea, .nav-dark .form-flat input:not([type=submit]), .nav-dark .form-flat select, .nav-dark .form-flat textarea {
    background-color: hsl(0deg 0% 100%) !important;
    border-color: hsl(0deg 0% 0% / 56%) !important;
    color: #2f2f2f !important;
    }
    /* Màu đen cho nút biểu tượng trong form */
    .form-flat .button.icon {
        color: #2f2f2f !important;
    }
    /* Chiều rộng tối thiểu cho nút biểu tượng trong footer */
    .social_footer .button.icon {
    min-width: 2.5em !important;
    }
    /* Cỡ chữ nhỏ cho form tìm kiếm */
    .searchform-wrapper {
        font-size: small !important;
    }
    /* Màu đen cho placeholder */
    input::placeholder{
        color: #2f2f2f !important;
    }
    /* Đệm nhỏ cho cột trong danh mục/sản phẩm */
    .category_product.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 5px 4px 0px !important;
    }
    /* Xóa đệm cho hình ảnh danh mục */
    .box-category .box-image {
    padding: 0px !important;
    }
    /* Đệm cho nội dung cột có bóng */
    .has-shadow>.col>.col-inner {
    padding: 5px 0px !important;
    }
    /* Cỡ chữ nhỏ cho tiêu đề in hoa */
    h5.uppercase.header-title{
        font-size: 10px !important;
    }
    /* Đệm dưới cho box văn bản */
    .box-text {
		font-size: 12px !important;
        padding: 20px 10px 30px 10px !important;
    }
    /* Xóa lề trái/phải cho container row nhỏ */
    .container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-left: 0px !important;
    margin-right: 0px !important;
    }
    /* Đệm nhỏ cho container tiêu đề trên mobile */
    .container.section-title-container.title_mobile {
    padding: 0px 5px !important;
    }
    /* Định dạng danh sách tùy chỉnh: không dấu đầu dòng, thêm ký tự ">" */
    .custom-list {
      list-style: none;
      padding-left: 0;
    }
    .custom-list li::before {
      content: ">";
      display: inline-block;
      margin-right: 8px;
      color: #333;
      font-weight: bold;
    }
    /* Cỡ chữ nhỏ cho số lượng đánh giá */
    .container-rating .count-rating {
        font-size: 11px !important;
    }
    /* Cỡ chữ nhỏ cho giá sản phẩm */
    span.woocommerce-Price-amount.amount {
        font-size: 12px !important;
    }
	/* cỡ chữ trong trang cảm ơn*/
	.woocommerce-thankyou-order-details span.woocommerce-Price-amount.amount {
        font-size: 16px !important;
    }
	.page-checkout .is-well {
	 background-color: #4a4a4a;
	}
    /* Đệm cho cột trong hàng thương hiệu yêu thích */
    /*.thyt_mb.row-small>.col {
        padding: 0 4.8px 10.6px !important;
    }
    .thyt_row_mb {
    margin-top: 160px !important;
    } */
    .thyt_row_mb .col{
    padding: 0px 5px 10.6px !important;
    }
    /* Cỡ chữ cho văn bản menu */
    span.ux-menu-link__text {
    font-size: 14px;
    }
    /* Cỡ chữ cho khối dòng */
    .line-block {
    font-size: 14px;
    }
    /* Khoảng cách trên âm cho cột showroom */
    .column_showroom {
    margin-top: -70px;
    }
    /* Đặt z-index cho slider trên mobile */
    .slider_mb{
        z-index:1;
    }
    /*---product_detail--*/
    /* Đệm nhỏ hơn cho giá sản phẩm */
    p.price.product-page-price {
    padding: 10px 0px !important;
    }
    /* Màu đen, độ đậm và cỡ chữ cho giá sản phẩm */
    .product-page-price span.amount {
    color: #2f2f2f !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    }
    /* Lề cho cột phải chi tiết sản phẩm */
    .col.productdetail_right_mb {
    margin: -40px 5px 0px 5px !important;
    }
    /* Đệm cho nội dung tab */
    .nav-tabs+.tab-panels {
    padding: 10px !important;
    }
    /* Khoảng cách nhỏ cho phân cách trong breadcrumbs */
    .breadcrumbs .divider{
        margin: 0 .2em !important;
    }
    /* Cỡ chữ nhỏ cho breadcrumbs tối */
    .dark .breadcrumbs {
        font-size: 12px !important;
    }
    /* Xóa đệm trên/dưới cho tiêu đề trong breadcrumbs */
    .featured-title .page-title-inner {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    /* Xóa màu nền cho nội dung cột có bóng */
.has-shadow>.col>.col-inner {
    background-color: #212121 !important;
}
    /* Màu vàng cho liên kết trong flex-right */
    .flex-right .nav > li > a {
    color: hsl(52.05deg 100% 51.18%) !important;
    }
    /* Lề cho cột phải chi tiết sản phẩm */
    .right_product_detail .col {
    margin: 0px 10px 0px 10px;
    }
    /* Bảng trong nội dung tab chiếm toàn bộ chiều rộng */
    .wb_cptb_content table {
    width: 100% !important;
    }
    /* Màu trắng, độ đậm và cỡ chữ cho giá trong cột giữa */
    .product_details_column_center .product-page-price span.amount {
    color: white !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    }
    /* Màu nền trắng cho input trong form */
    .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
        background-color: #ffffff !important;
    }
    /* Cỡ chữ cho danh sách trong cột showroom */
    .column_showroom li {
    font-size: 14px;
    }
    /* Viền trên đen cho tab */
    .nav-tabs>li>a {
    border-top: 1px solid #2f2f2f;
    }
    /* Viền trên đen cho tab active */
    .nav-tabs>li.active>a {
    border-top-color: #2f2f2f !important;
    }
	/* sản phẩm yêu thích  */
	.wishlist_table.mobile li .additional-info-wrapper {
		border-bottom: 1px solid #ececec;
		width: calc(100% - 100px);
		margin-left: 75px;
	}
		.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
				text-align: right;
		}
		ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile a {
		color: #ffde06;
	}
	/* thông báo đã thêm vào giỏ hàng */
	#yith-wcwl-popup-message { 
		left: 30% !important;
	}
	.woocommerce-notices-wrapper .woocommerce-message {
		display: none;
	}
}

/* An MT - footer title block */
/* Cỡ chữ, in hoa và màu xám cho tiêu đề khối footer */
.footer-block .title-block h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #545454;
    margin-bottom: 4px;
}

/*----list footer----*/
/* Lề trái âm cho menu footer */
.ux-menu.stack.stack-col.justify-start.ux-menu--divider-solid {
    margin-left: -4px;
}

/* An MT - Chỉnh toàn bộ form trong section MT-footer */
/* Chú thích: Định dạng form trong footer (đã bị comment một phần) */
.MT-footer .form-flat form {
    /*max-width: 400px;
    margin: auto; 
    padding: 15px;
    background: #f8f8f8; 
    border-radius: 8px;*/
}

/* Chỉnh input, textarea trong form đó */
/* Định dạng input và textarea: chiều rộng đầy đủ, đệm, viền, nền trắng */
.MT-footer .form-flat input[type="text"],
.MT-footer .form-flat input[type="email"],
.MT-footer .form-flat textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    background:white;
}

/* Chỉnh riêng nút submit */
/* Nút submit: màu chữ trắng, nền đen, bo góc, con trỏ */
.MT-footer .form-flat input[type="submit"] {
    color: white;
   background:#2f2f2f;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
    margin-right: 0px !important;
}

/* Hover nút submit */
/* Chú thích: Hover cho nút submit (đang để trống) */
.MT-footer .form-flat input[type="submit"]:hover {
   
}

/* Ẩn spinner trong form */
.MT-footer .wpcf7-spinner{
    display:none !important;
}
/* Xóa đệm cho quà tặng */
.MT-quatang{
    padding:0px;
}

/* Định dạng footer trên mobile */
@media (max-width: 849px){
 .MT-footer .medium-flex-wrap .flex-col {
        flex-grow: 1;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left:4px;
        width: 0%;
    }
 .MT-footer .medium-flex-wrap {
        padding: 0 20px;
        flex-flow: nowrap;
    }   
  .MT-footer .medium-flex-wrap .flex-grow {
        padding-left:4px;
        padding-right:0px;
    }
    .MT-footer .medium-flex-wrap .ml-half {
        margin-left: 0px;
    }
	/* trang chi tiết thanh toán */
	.page-checkout address {
    color: white;
    font-size: 12px;
    text-transform: capitalize;
    font-style: normal;
}
}

/*-----------------------------------------------------------*/
/* Container của upsell */
/* Khoảng cách trên cho container sản phẩm upsell */
.upsell-products {
    margin-top: 40px;
}

/* Tiêu đề */
/* Cỡ chữ, độ đậm và in hoa cho tiêu đề upsell */
.upsell-products .section-title-main {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Grid layout */
/* Bố cục flex với khoảng cách cho hàng upsell */
.upsell-products .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

/* Mỗi sản phẩm */
/* Màu nền xám đậm, không đệm, chuyển tiếp mượt cho sản phẩm upsell */
.upsell-products .product-small {
    background: #212121;
    padding: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Hình ảnh sản phẩm */
.upsell-products .box-image img {
    max-height: 260px;
    object-fit: contain;
}

/* Thông tin sản phẩm */
/* Đệm và màu trắng cho văn bản sản phẩm upsell */
.upsell-products .box-text {
    padding: 15px 12px;
    color: #fff;
    text-align: left;
}

/* Category */
/* Màu xám nhạt và cỡ chữ nhỏ cho danh mục sản phẩm upsell */
.upsell-products .product-cat {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 5px;
}

/* Tên sản phẩm */
/* Màu trắng, cỡ chữ, độ đậm và hiển thị block cho tiêu đề sản phẩm upsell */
.upsell-products .product-title a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
    display: block;
    margin-bottom: 8px;
}

/* Rating */
/* Cỡ chữ và màu vàng cho đánh giá sao upsell */
.upsell-products .star-rating {
    font-size: 16px;
    margin: 5px 0;
    color: #f5c518;
}

/* Giá */
/* Màu trắng, độ đậm và cỡ chữ cho giá upsell */
.upsell-products .price {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

/* Giá bị gạch ngang */
.upsell-products del {
    color: #999;
    margin-right: 6px;
}

/* Sale badge */
/* Nhãn giảm giá: vị trí, màu đỏ, chữ trắng, bo góc */
.upsell-products .onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e60000;
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
}

/* CSS cho nút XEM NHANH */
/* Nút xem nhanh: vị trí, màu vàng, chữ đen, ẩn ban đầu */
.upsell-products .quick-view {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffde06;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: .4em 0 .5em;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 2;
    transform: translateY(100%);
}
/* Hiển thị nút xem nhanh khi hover */
.upsell-products .box-image:hover .quick-view {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/*---giỏ hàng---*/
/* Cỡ chữ nhỏ cho nút quay lại trong giỏ hàng */
a.button.primary.wc-backward {
    font-size: 12px;
}
.cart-container th {
    color: white;
    font-size: 12px;
	padding-bottom: 10px;
}
.cart-container td a {
    color: white;
}
.cart-container .button.is-outline {
    line-height: 2.2em !important;
}
.cart-container .small {
    color: #2f2f2f;
}
.cart-container a.checkout-button.button.alt.wc-forward {
    background-color: #ffde06;
}
.cart-container input#coupon_code {
    margin-bottom: 10px;
}
.checkout-breadcrumbs a {
    color: #ffffff;
	font-weight: 600;
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
    font-size: 12px;
    color: #2f2f2f;
}
.widget_shopping_cart_content a {
    font-size: 14px;
}
/* trang thanh toán cho website bán hàng */
.woocommerce-checkout label {
    color: white;
}
.woocommerce-checkout p {
    color: white;
}
.woocommerce-checkout td {
    color: white;
}
.woocommerce-checkout .message-container.container.medium-text-center {
    color: white;
}
.woocommerce-checkout a.showcoupon {
    color: #ffde06;
	font-weight: 600;
}
.woocommerce-checkout button#place_order {
    background-color: #ffde06;
	color: #2f2f2f;
	font-size: 16px;
}
.cart-container.container.page-wrapper.page-checkout {
    margin-top: 30px;
}
/* trang chi tiết thanh toán */
.page-checkout address {
    color: white;
}
.page-checkout li {
    color: white;
}
.checkout-breadcrumbs a:hover {
    color: white;
}
.checkout-breadcrumbs a{
	color: white;
}
.breadcrumbs a.current{
	color: white;
}
.page-checkout .message-container.container.medium-text-center {
    color: white;
	text-align: left !important;
}
.page-checkout p.return-to-shop a {
    color: #2f2f2f;
    font-weight: 600;
}
.message-wrapper+.login {
    padding: 10px 0px !important;
}
.page-checkout p.lost_password a {
    color: #ffde06;
}
.woocommerce-customer-details--phone {
	margin-bottom: 0px !important;
}
/*------ sản phẩm đồng giá ---*/
section.section.related-price-range {
    padding: 0px 0px 20px;
}
/*-------------------------- trang bài viết----------------------*/
/* Màu trắng cho tiêu đề lớn trên trang bài viết */
h1.page-title.is-large.uppercase {
    color: white;
}
/* Màu trắng cho danh mục bài viết */
.blog-wrapper h6.entry-category.is-xsmall a{
    color: white !important;
    opacity: 1;
}
/* Màu vàng cho tiêu đề bài viết */
.blog-wrapper h1.entry-title {
    color: #ffde06 ;
}
/* Màu trắng cho thông tin đăng bài */
.blog-wrapper span.posted-on {
    color: white;
}
.blog-wrapper span.byline {
    color: white;
}
/* Màu vàng cho liên kết trong thông tin đăng bài */
.blog-wrapper span.posted-on a{
    color: #ffde06;
}
.blog-wrapper span.byline a{
    color: #ffde06;
}
/* Màu trắng cho nội dung bài viết */
.blog-wrapper .entry-content.single-page {
    color: white !important;
}
/* Màu vàng cho liên kết trong nội dung bài viết */
.blog-wrapper .entry-content.single-page p a span{
    color: #ffde06 !important;
}
.blog-wrapper .entry-content.single-page p span a{
    color: #ffde06 !important;
}
.blog-wrapper .entry-content.single-page p span em span{
    color: #ffde06 !important;
}
/* Màu trắng cho chú thích hình ảnh */
.blog-wrapper .wp-caption .wp-caption-text {
    color: white !important;
}
/* Màu vàng cho tiêu đề trong blockquote */
.blog-wrapper blockquote h3 span {
    color: #ffde06 !important;
}
/* Màu trắng cho thông báo đăng nhập */
.blog-wrapper p.logged-in-as {
    color: white;
}
.blog-wrapper p.logged-in-as a {
    color: #ffde06;
}
/* Màu trắng cho nhãn form bình luận */
.comment-form p.comment-form-comment label {
    color: white;
}
/* bình luận bài viết */
.comment-list img {
    width: 35px;
}
.comment-list .flex-col.flex-grow {
    background-color: #4a4a4a;
    padding: 10px;
    border-radius: 3px;
}
ul.children {
    margin: 0em 0 0 3.2em;
}
ul.children .comment-inner {
}
.comment-list>li:not(:first-child) {
	border-top: 0px dashed #ddd !important;
}
.comment-inner:target {
    background-color: #f1f1f100;
    border-radius: 0px;
    padding: 0px 15px;
}
span.says {
    display: none;
}
.bypostauthor .url {
    color: #ffde06;
}
#respond p.comment-form-url {
    display: none;
}
#respond h3#reply-title {
    display: none;
}
#respond p.comment-notes {
    display: none;
}
/* Màu trắng cho footer meta */
footer.entry-meta.text-center {
    color: white;
}
footer.entry-meta.text-center a{
    color: #ffde06;
}
/* Màu trắng cho liên kết điều hướng bài viết trước */
.blog-wrapper .nav-previous span {
    color: white;
}
.blog-wrapper .nav-previous a {
    color: white;
}
/* Màu trắng cho liên kết điều hướng bài viết sau */
.blog-wrapper .nav-next span {
    color: white;
}
.blog-wrapper .nav-next a {
    color: white;
}

/*-- trang bài viết sidebar --*/
/* Màu trắng cho tiêu đề widget sidebar */
.blog-wrapper span.widget-title {
    color: white;
}
/* Màu trắng cho liên kết trong sidebar */
.blog-wrapper li a {
    color: white;
}
.blog-wrapper td {
    color: #ffffff;
}
/* Màu vàng cho danh sách trong sidebar */

.post-sidebar li {
    color: #fff;
	border-bottom: 1px solid white;
    padding-bottom: 10px;
}
/* Màu trắng cho tag cloud, viền vàng khi hover */
.blog-wrapper .tagcloud a {
    color: white;
}
.blog-wrapper .tagcloud a:hover {
    border-color: #ffde06;
}
/* Màu trắng cho divider trong sidebar */
.blog-wrapper .is-divider {
    background-color: #ffffff;
}
/*----------------------------- trang tài khoản --------------*/
.nav-dropdown.nav-dropdown-simple .woocommerce-MyAccount-navigation-link>a {
    color: #334862 !important;
}
.nav-dropdown.nav-dropdown-simple .wishlist-account-element>a {
	color: #334862 !important;
} 
/*--- popup đăng ký đăng nhập ---*/
.show-password-input {
    padding: .018em;
}
input[type=tel], input[type=text], input[type=email], input[type=password]{
    font-size: .90em;
    height: 2.007em;
}
#login-form-popup .button {
    font-size: 12px;
}
#login-form-popup p.woocommerce-LostPassword.lost_password a {
    font-size: 14px;
}
#login-form-popup h2.uppercase.h3 {
    color: #222;
}
.vertical-tabs .large-3 {
	flex-basis: 100%;
    max-width: 100%;
    padding: 0px;
}
.vertical-tabs .large-9 {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0px;
}
.vertical-tabs .nav.nav-vertical {
    flex-flow: row !important;
	display: flex !important;
	justify-content: center !important;
}
.vertical-tabs .nav-vertical>li {
	text-align: center !important;
}
.vertical-tabs .nav-vertical>li>a {
	display: block !important; 
}
.vertical-tabs .nav-vertical>li+li a {
    color: #111111 !important;
}
.vertical-tabs .nav-vertical>li {
	background-color: white !important;
	margin: 0px 2px !important;
}
.vertical-tabs .nav-vertical>li a {
	color: #111111 !important;
}
.vertical-tabs .woocommerce-MyAccount-content {
    margin: 3px;
    padding: 20px;
    border: 1px solid white;
}
.vertical-tabs .woocommerce-MyAccount-content a {
	padding-top: 0px !important;
}
.vertical-tabs .woocommerce-MyAccount-content .dashboard-links a {
	padding: 10px 0 !important;
	font-size: 16px;
}
.vertical-tabs .woocommerce-MyAccount-content td {
    color: white !important;
}
.vertical-tabs .col-border {
	border-style: none !important;
}
.vertical-tabs .nav-vertical.nav-line>li.active a {
	background-color: #ffde06 !important;
}
.vertical-tabs .nav-vertical.nav-line>li>a:before {
	display: none;
}
mark {
    background-color: #ffffff00 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
	.my-account.mb label {
    color: #ffffff !important;
}
	.my-account.mb {
    margin-top: 20px;
}
	.my-account.mb label {
    color: #ffffff !important;
}
	.my-account.mb p.woocommerce-LostPassword.lost_password a {
    color: white;
}
header.woocommerce-Address-title.title a {
    color: #ffde06 !important;
}
.message-container.container.success-color.medium-text-center {
    color: white;
}
.message-container.container.success-color.medium-text-center {
    color: white;
}
.message-container.container.success-color.medium-text-center a {
    color: #ffde06;
}
a.showlogin {
    color: #ffde06;
    font-weight: 600;
}
a.lyon-sdt {
    color: #ffde06;
}
@media (max-width: 768px) {
	.member-benefits-box h4 {
	font-size:14px;
}
	.my-account.mb label {
    color: #ffffff !important;
}
	.my-account.mb {
    margin-top: 20px;
}
	.my-account.mb p.woocommerce-LostPassword.lost_password a {
    color: white;
}
	.vertical-tabs .nav.nav-vertical {
    flex-flow: column !important;
}
	.row.vertical-tabs {
    padding: 20px !important;
}
}
/*-----------------------------trang bài viết ----------------*/
/* Màu trắng cho tiêu đề và đoạn trích bài viết */
.box-blog-post h5.post-title a.plain {
    color: white;
}
.box-blog-post p.from_the_blog_excerpt {
    color: white;
}
/* Chiều rộng 100% cho hình ảnh trong mục kiến thức */
.kienthuc_lates .box-image {
    width: 100%;
}
/* Đệm cho box văn bản trong mục kiến thức */
.kienthuc_lates .box-text {
    padding: 20px 0px !important;
}
/* Màu trắng, cỡ chữ và độ đậm cho tiêu đề bài viết (bị comment) */
/*.kienthuc_list .box-blog-post h5.post-title a.plain {
    color: white;
    font-weight: 500;
    font-size: 14px;
}*/
/* Ẩn divider trong danh sách kiến thức */
.kienthuc_list .is-divider {
    display: none;
}
/* Đệm nhỏ cho cột trong danh sách kiến thức 
.kienthuc_list.row-small>.col {
    padding: 0 4.8px 2px !important;
}*/
/* Cỡ chữ và độ đậm cho tiêu đề bài viết trong danh sách kiến thức */
.size_title_list .box-blog-post h5.post-title a.plain {
    font-size: 14px;
    font-weight: 400;
}
/* Đệm cho cột vừa trong hàng kiến thức */
.kienthuc_row .col.medium-5 {
    padding: 0 0px 10px;
}
/* Xóa đệm cho cột nhỏ trong hàng kiến thức 
.kienthuc_row .row-small>.col {
    padding: 0px !important;
}*/
/* Màu nền đen cho box bài viết trong danh sách kiến thức */
.kienthuc_list .box.box-vertical.box-text-bottom.box-blog-post.has-hover {
    background-color: #111111 !important;
}
/* danh mục bài viết mobile */
.bai-viet-danh-muc-mobile {
	margin-top: 20px;
}
.bai-viet-danh-muc-mobile ul {
    list-style: none;
}
.bai-viet-danh-muc-mobile li {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
@media (max-width: 768px) {
	.section_bai-viet-lien-quan .bai-viet-lien-quan {
		margin-top: -30px;
	}
	.post-sidebar.large-3.col {
		display: none;
	}
}
/*----- button contact -----*/
@media (max-width: 549px) {
    .float-contact {
        display: flex !important;
    }
}
/*------------- sản phẩm đã xem--------------*/
/* Căn giữa và khoảng cách dưới cho sản phẩm đã xem */
.recently-viewed-item {
    text-align: center;
    margin-bottom: 10px;
}
/* Hình ảnh sản phẩm đã xem: chiều rộng đầy đủ, bo góc */
.recently-viewed-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
/* Cỡ chữ, khoảng cách và màu trắng cho tiêu đề sản phẩm đã xem */
.recently-viewed-item .product-title {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}
/* Bố cục grid với khoảng cách cho sản phẩm đã xem */
.recently-viewed-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: left;
}
/* Chia 6 cột cho sản phẩm đã xem */
.recently-viewed-grid .recently-viewed-item {
    flex: 0 0 calc(16.66% - 15px);
    text-align: center;
}
/* Chia 3 cột trên màn hình dưới 1024px */
@media(max-width: 1024px){
    .recently-viewed-grid .recently-viewed-item { flex: 0 0 calc(33.33% - 15px); }
}
/* Chia 2 cột trên màn hình dưới 600px */
@media(max-width: 600px){
    .recently-viewed-grid .recently-viewed-item { 
        flex: 0 0 calc(50% - 10px); 
    }
    .recently-viewed-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    padding: 0px 5px;
}
	.product_details_rowlefft {
	height: auto;
}
}