/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.2
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/

/* SP ĐANG SALE - dùng khung flash sale */
.product-small.has-sale-frame .box-image a::before,
.has-sale-frame.product-small .box-image a::before {
  opacity: 1;
  background-image: url("/wp-content/uploads/2025/12/DGD-products.png");
}

/* SP KHÔNG SALE - dùng khung thường */
.product-small.has-regular-frame .box-image a::before,
.has-regular-frame.product-small .box-image a::before {
  opacity: 1;
  background-image: url("/wp-content/uploads/2025/12/DGD-products.png");
}



/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

:root {
	--main-color: #ff7001;
	--main-color-light: #33C97A; /* xanh lá nhạt hơn */
  	--main-color-dark: #007A37;  /* xanh lá đậm hơn */
	--main-color-2: #00A44D;
	--black-color: #231f20;
    --red-color: #FF3B30;
} 

.pb-0 {
	padding-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 10px !important;
}

.mb-7 {
  margin-bottom: 9px !important;
}


.pb-7 {
	padding-bottom: 7px !important;
}


.pt-0 {
	padding-top: 0 !important;
}

.ps-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 767.98px) {
  .ps-0-mb {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-product-0 {
	padding-right: 0 !important;
}



@media (min-width: 1024px) {
  .pr-0 {
    padding-right: 0 !important;
  }
}


.p-0 {
	padding: 0px !important;
}

.pb-0--10 {
	padding: 0 0 10px 0 !important;
}

.pb-banner1 {
	padding: 0 10px 0 0 !important;
}

.pb-banner2 {
	padding: 0 0 0 10px !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.stuck .header-main .nav > li > a {
  line-height: 20px !important;
}


.bg-radius .img-inner img {
  border-radius: 7px;
}

.page-wrapper {
  padding-bottom: 20px !important;
  padding-top: 16px !important;
}

span {
  font-weight: 600;
}

.woocommerce-info {
  display: none !important;
}

.btn-pagesp {
  background: #00ffd2;
  color: #0246ff;
  font-weight: bold;
  padding: 6px 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  .btn-pagesp {
    margin: 10px 0;
  }
  .btn-pagesp span {
    font-size: 10px;
  }
}

.btn-pagesp:hover {
  transform: scale(1.02);
  box-shadow: none !important;
  color: #0246ff;
}

.nav-spacing-large > li {
  margin: 0 7px !important;
}
#main h3.section-title-main-link,
h1.shop-page-title-ct,
.blog-wrapper.blog-archive .archive-page-header .page-title,
.entry-header h1.entry-title,
#comments .comment-respond h3#reply-title,
.bai-viet-lien-quan h3 {
	font-size: 30px;
	font-weight: 700;
	color: var(--black-color);
	text-transform: none;
    line-height: 38px;
	border: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-align: left;
}

h1.shop-page-title {
  display: none;
}


/*************** ADD CUSTOM CSS HERE.   ***************/
.section1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.section1 .col {
  padding: 0px 5px 7px 5px;
}


.section1 .cot2 .row{margin-left: -6px !important;
    margin-right: -6px !important;margin-top:0}
.section1 .cot2 .row .col{padding-bottom:0}.section1 .cot2 .row .col .img{margin-bottom:0 !important}

.section_product {
	padding: 0 0 50px !important;
}

.section_product {
	padding-bottom: 0 !important;
}

.section_product.pr_sale {
    padding-bottom: 0px !important;
}

.section_product.pr_sale .wrap-box > .col-inner {
    background: linear-gradient(145deg, var(--main-color-2) 0%, var(--main-color) 89%);
    padding: 15px;
    border-radius: 5px;
}

.section_product.pr_sale h3.section-title-main-link a {
    font-size: 26px;
    color: #fff;
}

.section_product.pr_sale .product-small .box-text .flashsale-wrap {
    display: block;
}




.product-small.box {
    background: #fff;
    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-top: 5px;
}

/* .product-small.box:hover {
    box-shadow: 0 0px 2px 0 var(--main-color), 0 0px 6px 0px var(--main-color);
} */

.product-small .box-image {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.product-small .box-text {
  text-align: left;
  padding: 5px 7px;
  display: flex;
  flex-direction: column;
}



.product-small .box-text .title-wrapper {
    order: 1;
}

.price-wrapper {
	position: relative;
}

.product-small .box-text .price-wrapper {
    order: 2;
    margin: 0;
}

.product-small .box-text .flashsale-wrap {
    order: 3;
    display: none;
}

.product-small .box-text .product-title a {
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  margin: 0 0 8px;
}

.product-small .box-text .price {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    height: 44px;
    margin-bottom: 5px;
}

.pricelh,
.product-small .box-text .price span.amount bdi,
.product-small .box-text .price ins span.amount bdi {
  font-size: 16px;
  font-weight: 700;
  color: #ff3b30;
  line-height: 23px;
}

.product-small .box-text .price del span.amount bdi {
  font-size: 13px;
  font-weight: 700;
  color: #666;
  line-height: 21px;
}


.product-small .box-text .price del span.amount {
    opacity: 1;
}

.product-small .box-text .price del {
  order: 1;
}


.product-small .add-to-cart-button:hover {
    transition: 500ms all;
}

.product-small .add-to-cart-button:hover a::after {
	transform: scale(1.05);
    background-color: var(--main-color);
	opacity: 0.95;
	transition: 500ms all;
}

.product-small .add-to-cart-button {
    top: 50%;
    right: 5px;
    z-index: 2;
    display: block;
    height: 35px;
    width: 35px;
    position: absolute;
    background: transparent;
    color: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.product-small .add-to-cart-button a {
	display: block;
    font-size: 0.1px;
    height: 40px;
    background: transparent !important;
    color: transparent !important;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.product-small .add-to-cart-button a::after {
	content: "";
    background-image: url(/wp-content/uploads/2025/09/cart-plus-svgrepo-com-1.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 35px;
    width: 35px;
    outline: none;
    border: none;
    background-color: var(--main-color);
	border-radius: 50%;
    cursor: pointer;
    display: block;
}

.product-small .box-text .added_to_cart.wc-forward {
    display: none;
}

.product-small .add-to-cart-button a.loading:after {
    margin: 0;
    top: 0;
    left: 0;
    animation: none;
}

/* san pham danh muc */
.section-danhmucsp {
  padding: 0 !important;
  border-radius: 10px;
  background-color: transparent !important;
}

.bg-white {
  border-radius: 0 0 6px 6px;
  background: url(https://dgd.com.vn/wp-content/uploads/2025/11/bg-white.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.row_flex__danhmuc {
  display: flex;
  align-items: center;
  padding: 0px 16px;
  background: white;
  border-radius: 4px 4px 0px 0px;
}


.section-title-normal {margin-bottom:15px;
    border-bottom: 0;
}

.section-title-container {
    margin-bottom: 0;
}.section-title-normal span {
    border-bottom: 0;
    margin-bottom: 0;
    margin-right: 15px;
    padding-bottom: 0;
}
.section-title-normal span {
  border-bottom: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding-bottom: 0;
  font-size: 20px;
  text-transform: none;
  letter-spacing: 0;
}




.hdevvn-show-cats a{display: block;
    font-size: 14px;
    margin-left: auto;
    padding-left: 15px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px;
    color: #333;
    padding: 7px 15px;
    font-weight: normal;}
.section-title a:hover {
  background: #fb6d2e;
  color: white !important;
  border-radius: 5px;
  text-decoration: none;
}

.hdevvn-show-cats{margin-left:20px;    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center!important;
    display: flex!important;
    padding-left: 0;
    list-style: none;}
.hdevvn-show-cats li {
  margin-left: 0 !important;
  margin-right: 7px;
  margin-bottom: 0;
}
.hdevvn-show-cats li a:hover{color:orangered;border:1px solid #fb6e2e;background:white;}.hdevvn-show-cats li:last-child{margin-right:0}


@media only screen and (max-width: 48em) {
	.hdevvn-show-cats a {
		font-size: 12px;
		line-height: 1.5; margin-left:0;
		border-radius: 5px;
		padding: 6px 11px;}
	
	.section-title-normal span{width:100%;padding-bottom:10px}
	.hdevvn-show-cats{flex-grow: 1;
		-webkit-box-flex: 1;
		white-space: nowrap;
		overflow: auto;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		margin-bottom: 0px;
		display: flex;
		max-width: 100%;
		float: right;
		margin-top: 0;margin-left:0}.section-title a {margin-left:10px;
		font-size: 12px;} 
	.hdevvn-show-cats a {
		font-size: 12px;
		line-height: 1.5; margin-left:0;
		border-radius: 5px;
		padding: 6px 11px;
		}
	
	.section2{padding: 0 !important;}.section2 .col.large-2 {
    flex-basis: 20%;padding: 0 0 10px 0;
    max-width: 20%;
	}.section2 .icon-box h3 {
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
	}section2 .icon-box .icon-box-img{margin-bottom:0px; padding:0 7px}
	
	    .section_product.pr_tab .tabbed-content ul.nav {
		margin-top: 15px;
        display: inline-block;
        overflow-x: auto;
        overflow-y: hidden;
		scrollbar-width: none;
        white-space: nowrap;
        width: auto;
    }
	
	#main .section-title-container span.section-title-main,
h3.section-title-main-link,
h1.shop-page-title-ct,
.product-footer h3.product-section-title-related,
#main .section_about .section-title-container span.section-title-main,
.blog-wrapper.blog-archive .archive-page-header .page-title,
.entry-header h1.entry-title,
#comments .comment-respond h3#reply-title,
.bai-viet-lien-quan h3 {
  font-size: 16px;
}

	#rv-wrapper .rv-title {
  font-size: 16px !important;
}
.section-title.ttit-flex .hdevvn-show-cats .hdevvn_cats a {
  font-size: 10px !important;
}

	
}


/* Footer */
.section_footer-form {
    padding: 10px 0 !important;
}

.section_footer-form .col-2 > .col-inner {
    height: 100%;
    display: flex;
    align-items: center;
}

form.wpcf7-form {
    margin-bottom: 0;
}

form.wpcf7-form .wpcf7-spinner {
    display: none;
}

.section_footer-form .form-dkkm {
    max-width: 444px;
    position: relative;
}

.section_footer-form .form-dkkm input {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 10px 110px 10px 10px;
    border-radius: 10px;
    margin: 0;
    box-shadow: none !important;
}

.section_footer-form .form-dkkm input::placeholder {
    font-size: 14px;
}

.section_footer-form .form-dkkm input.wpcf7-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 14px;
    font-weight: normal;
    background: #1186c0;
}

.section_footer-form .social-wrap {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 768px) {
  .section_footer-form .social-wrap {
    padding: 10px 0 !important;
  }
	
h2.text_fash__sale {
  font-size: 14px !important;
}

}

.section_footer-form .social-wrap h3.social-title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}

.section_footer-form .social-wrap ul.social-icon {
    display: flex;
    margin-bottom: 0;
}

.section_footer-form .social-wrap ul.social-icon li {
    list-style: none;
    height: 32px;
    width: 32px;
    margin: 0 0 0 10px;
}

.section_footer {
  padding: 20px 0 20px !important;
  background: white;
  font-size: 14px;
}

.section_footer .section-title-main {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--main-color);
    line-height: 1.4;
}

.section_footer .ux-menu .menu-item .ux-menu-link__link {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 5px;
    min-height: unset;
    border: none !important;
    position: relative;
}


.section_footer .ux-menu .menu-item .ux-menu-link__link:hover,
.section_footer ul.call-ft > li a:hover {
	color: var(--main-color);
}

.section_footer .box-logo .box-text {
  font-size: 14px;
  padding: 10px 0 0;
}


.section_footer .box-logo .box-text p {
    margin-bottom: 20px;
}

.section_footer ul {
    margin-bottom: 0;
}

.section_footer ul > li {
    list-style: none;
    margin: 0;
    display: flex;
}

.section_footer ul.ft-ct > li {
    align-items: center;
    margin-bottom: 5px;
}

.section_footer ul.ft-ct > li svg {
    height: 18px;
    width: 18px;
    color: var(--main-color);
    margin-right: 10px;
}

.section_footer ul.call-ft > li {
    flex-direction: column;
    margin-bottom: 10px;
}

.section_footer ul.call-ft > li span.title {
    font-weight: bold;
}

.section_footer ul.call-ft > li a {
    font-size: 20px;
    font-weight: bold;
    color: var(--main-color-2);
}

.section_footer ul.call-ft > li span.content {
    font-style: italic;
}

.section_footer ul.social-ft {
    display: flex;
}

.section_footer  ul.social-ft > li {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.absolute-footer {
    padding: 10px 0;
}

.absolute-footer .copyright-footer {
	font-size: 16px;
    font-weight: 500;
	color: #fff;
}

.absolute-footer .footer-secondary.pull-right {
    padding: 0;
    height: 0;
}

/* page lien he */
.page_contact .col-wrap > .col-inner {
    border: 1px solid var(--main-color);
    border-radius: 5px;
    margin-bottom: 20px;
	background: white;
}

#main .page_contact .section-title-container span.section-title-main {
  background: var(--main-color);
  margin: 0;
  width: 100%;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 25px;
}


.page_contact ul.ct-wrap {
    list-style: none;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 10px;
}

@media (max-width: 767px) {
  .page_contact ul.ct-wrap {
    display: block;
  }

  .page_contact ul.ct-wrap > li {
    max-width: 100% !important;
  }
}


.page_contact ul.ct-wrap > li {
    list-style: none;
    margin: 0 0 15px;
    font-size: 14px;
    display: flex;
    max-width: 50%;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    align-items: center;
}

.page_contact ul.ct-wrap > li .icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    margin-right: 10px;
}

.page_contact ul.ct-wrap > li .icon svg {
    width: 20px;
    height: 20px;
}

.page_contact ul.ct-wrap > li .icon svg path {
    fill: var(--main-color);
}

.form-lien-he {
    padding: 10px;
}

.form-lien-he p.des {
    font-size: 14px;
    margin-bottom: 20px;
}

.form-lien-he input,
.form-lien-he textarea {
    padding: 5px 20px;
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
    outline: none;
    font-size: 14px;
    border-radius: 8px;
    box-shadow: none !important;
}

.form-lien-he input.wpcf7-submit {
    background: var(--main-color) !important;
    padding: 0 20px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    margin: 0;
}

.form-lien-he input.wpcf7-submit:hover {
    background: var(--main-color) !important;
}

.page_contact .contact_map {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0px 2px 0 rgba(60,64,67,0.1), 0 0px 6px 0px rgba(60,64,67,0.25);
}

.page_contact .contact_map p {
    margin-bottom: 0;
}

/* Widget */
#shop-sidebar .widget {
    border-color: var(--main-color);
}

#shop-sidebar .widget .widget-title {
    font-size: 18px;
    background: var(--main-color);
}

#shop-sidebar .widget .filter-title {
    font-size: 18px;
    background: var(--main-color);
	margin-bottom: 0px !important;
}

.widget .filter-title {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    padding: 5px 10px;
    background: var(--main-color-2);
}

.yith-wcan-filter.filter-tax.checkbox-design .filter-content {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 10px;
    background: #fff !important;
    color: #fff;
    border:  none !important;
}

.yith-wcan-filters {
	margin-bottom: 0px !important;
}

.yith-wcan-filters .filters-container form{
	margin-bottom: 0px !important;
}

.yith-wcan-filters .filters-container form .yith-wcan-filter{
	margin-bottom: 0px !important;
}


.yith-wcan-filters .yith-wcan-filter h4 {
    color: #fff !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label {
	margin-bottom: 0px !important;
	display: flex !important;
	align-items: center !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
    font-size: 14px !important;
	font-weight: 600 !important;
    color: var(--black-color) !important;
    padding: 0px !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label >  input[type=checkbox], input[type=radio] {
    display: inline;
    font-size: 16px;
    margin: 0px 5px 0px 0px !important;
	width: 15px !important;
	height: 15px !important;
}

.post-sidebar .widget {
	border: 3px solid var(--main-color);
}

.widget {
    border-radius: 5px;
    margin-bottom: 20px;
}

.widget .filter-content {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 10px;
    background: var(--main-color);
    color: #fff;
}

.widget .filter-content span {
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.widget .widget-title {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    padding: 5px 10px;
    background: var(--main-color);
    color: #fff;
}

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

.widget ul {
    padding: 10px;
}

.widget.widget_categories ul>li.cat-item,
.widget.widget_categories ul>li.cat-item ul {
    border: none;
}

.widget.widget_categories ul>li.cat-item a {
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    width: 100%;
}

.widget.widget_categories ul>li.cat-item:hover>a,
.widget.widget_categories ul>li.cat-item.active>a {
    color: var(--main-color);
}

.widget.widget_categories ul>li.cat-item>ul.children {
    padding: 0 0 0 10px;
    margin: 0;
}

.widget.flatsome_recent_posts li {
    border: none;
}

.widget.flatsome_recent_posts .recent-blog-posts {
    padding: 0;
    margin-bottom: 20px;
}

.widget.flatsome_recent_posts .recent-blog-posts .badge-square {
    width: 90px;
    height: 60px;
}

.widget.flatsome_recent_posts .recent-blog-posts .badge-square .badge-inner {
    padding: 0;
}

.widget.flatsome_recent_posts .recent-blog-posts a {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list {
    max-height: 200px;
    overflow-y: scroll;
    padding: 10px;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 6px;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li {
    border: none;
    position: relative;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li span,
.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li a {
    font-size: 14px;
    color: var(--black-color);
    padding: 0 0 0 21px;
    margin-bottom: 8px;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li span::before,
.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li a::before {
    content: "";
    border-radius: 3px;
    font-size: 18px;
    border: solid 1px var(--black-color);
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    opacity: 1;
}

.widget {
    border: 3px solid var(--main-color);
    border-radius: 5px;
    margin-bottom: 20px;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li span::after,
.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li a::after {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 900;
    color: var(--black-color);
    position: absolute;
    height: 15px;
    width: 15px;
    top: 1px;
    left: 0px;
    display: flex;
    justify-content: center;
    opacity: 0;
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li.chosen span::before,
.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li.chosen a::before {
    background: var(--main-color);
    border-color: var(--main-color);
}

.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li.chosen span::after,
.widget.yith-woocommerce-ajax-product-filter ul.yith-wcan-list li.chosen a::after {
    opacity: 1;
    color: #fff;
    transition: 0.5s all;
}

#product-sidebar .widget#custom_html-3,
#product-sidebar .widget#custom_html-4 {
    border: none;
}

#product-sidebar .widget .support-product,
#product-sidebar .widget .policy-product .item {
    box-shadow: 0 0px 2px 0 rgba(60,64,67,0.1), 0 0px 6px 0px rgba(60,64,67,0.25);
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    color: var(--black-color);
}

#product-sidebar .widget#custom_html-3 .support-product {
    text-align: center;
}

#product-sidebar .widget#custom_html-3 .support-product .title {
    font-weight: 700;
    text-transform: uppercase;
}

#product-sidebar .widget#custom_html-2 .support-product .image img {
 height: 150px !important;
 width: 150px !important;
}

#product-sidebar .widget#custom_html-3 .support-product .title2 {
    line-height: 23px;
    font-weight: normal;
    margin-bottom: 10px;
}

#product-sidebar .widget#custom_html-3 .support-product .phone a {
    font-size: 29px;
    font-weight: 600;
    color: var(--main-color);
    line-height: 1.1;
}

#product-sidebar .widget#custom_html-3 .support-product .phone a:hover {
    color: var(--main-color);
}

#product-sidebar .widget#custom_html-3 .support-product .or {
    margin: 10px 0;
    color: #7a7d8d;
    line-height: 1.1;
}

#product-sidebar .widget#custom_html-3 .support-product .or span {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    transform: translateY(50%);
    font-size: 13px;
}

#product-sidebar .widget#custom_html-3 .support-product .or:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #ededed;
}

#product-sidebar .widget#custom_html-3 .support-product .title3 {
    font-weight: 700;
}

#product-sidebar .widget#custom_html-3 .support-product .chat {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    background: var(--main-color);
}

#product-sidebar .widget#custom_html-3 .support-product .chat:hover {
    background: var(--main-color);
}

#product-sidebar .widget#custom_html-4 .policy-product .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#product-sidebar .widget#custom_html-4 .policy-product .item img {
    width: 40px;
    height: 40px;
}

#product-sidebar .widget#custom_html-4 .policy-product .item .text {
    padding-left: 10px;
}

#product-sidebar .widget#custom_html-4 .policy-product .item .text h5 {
    color: var(--main-color-2);
    font-size: 16px;
    margin: 0;
}

.widget.woocommerce ul.product_list_widget li {
    padding: 0 0 5px 95px;
    min-height: 90px;
    margin-bottom: 10px;
    border: none;

}

.widget.woocommerce ul.product_list_widget li img {
    width: 85px;
    height: 85px;
    margin: 0 0 0 8px;
    margin: 0;
    top: unset;
}

.widget.woocommerce ul.product_list_widget li a .product-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 3px;
}

.widget.woocommerce ul.product_list_widget li a .product-title:hover {
    color: var(--main-color);
}

.widget.woocommerce ul.product_list_widget li span.amount bdi,
.widget.woocommerce ul.product_list_widget li ins span.amount bdi {
    font-size: 16px;
    font-weight: 700;
    color: var(--green-color);
}

.widget.woocommerce ul.product_list_widget li del span.amount bdi {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

/* danh muc san pham */

.section2 .col.large-2{flex-basis:10%;max-width:10%}
.section2 .icon-box h3{font-size:15px}.section2 .icon-box:hover h3{color:orangered}
.section2 .icon-box:hover .icon-box-img{animation: tada 2s infinite;}
@keyframes tada{
		0% {
    transform: scaleX(1);
}10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}100% {
    transform: scaleX(1);
		}}

/* san pham tab*/

.section_product.pr_tab .tabbed-content ul > li.tab {
    margin-right: 12px;
}

.section_product.pr_tab .tabbed-content ul > li.tab > a::before {
    display: none;
}

.section_product.pr_tab .tabbed-content ul > li.tab > a {
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid var(--main-color);
    color: #333;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_product.pr_tab .tabbed-content ul > li.tab.active > a,
.section_product.pr_tab .tabbed-content ul > li.tab:hover > a {
    background: var(--main-color);
    color: #fff;
}

.section_product.pr_tab .tabbed-content .tab-panels {
    padding-top: 30px;
}

.section_product .sidebar-wrapper {
    margin-top: 5px;
}

.section_product .sidebar-wrapper .widget.widget_tag_cloud {
    padding: 0;
    margin: 0;
    border: none;
}

.section_product .sidebar-wrapper .widget.widget_tag_cloud .widget-title {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    color: var(--black-color);
    line-height: 1.5;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.section_product .sidebar-wrapper .widget.widget_tag_cloud .tagcloud {
    padding-bottom: 0;
}

.section_product .sidebar-wrapper .widget.widget_tag_cloud .tagcloud a {
    opacity: 1;
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--main-color);
    border: none;
    font-size: 14px !important;
    color: #fff;
    margin: 0px 5px 0 0;
}

.section_product .sidebar-wrapper .widget.widget_tag_cloud .tagcloud a:hover {
    opacity: 0.9 !important;
}

.tagcloud a:hover {
  background: none !important;
  background-color: #ff7001ad !important;
}


.btn-main,
.btn-outline,
.blog_btn-xemthem {
    min-height: unset;
    height: 38px;
    padding: 0 15px;
    border-radius: 5px;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}

.blog_btn-xemthem {
    margin: 0;
}

.btn-main {
    border: none;
    background: var(--main-color) !important;
}

.btn-outline,
.blog_btn-xemthem {
  border: none !important;
  background: transparent !important;
  color: var(--main-color);
}


.btn-main:hover {
    background: var(--main-color) !important;
}


.blog_btn-xemthem:hover {
    background: var(--main-color) !important;
    border: 2px solid var(--main-color);
    alignment-adjust
}

.btn-outline:hover {
  color: black !important;
}


.modal-overlay .img-inner {
	position: relative;
	border-radius: 5px;
}

.modal-overlay .img-inner:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    cursor: pointer;
}

.modal-overlay .img-inner:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* blog trang chu*/
.list-post .post-item .post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  color: black;
  margin-bottom: 10px;
}

.section14 {
  padding: 0px;
}


.section14 h2 {
  font-size: 20px;
  text-transform: uppercase;
}
.list-post .post-item .from_the_blog_excerpt {
  font-size: 14px;
  color: #8f8f8f;
}
.box-blog-post .is-divider {
  display: none;
}
.list-post .post-item {
  padding-bottom: 0px;
}

.list-post .post-item a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}


.list-post .post-item a:hover {
  color: #8f8f8f;
}
.list-post .post-item .box-image .image-cover {
  border-radius: 10px;
}



/* Chi tiet san pham */
.box-buy .khung-gia {
    margin: 0;
    font-size: 14px;
}

.product-small .price span.amount, .product-small .price ins bdi, .archive .product_list_widget ins bdi, .khung-gia bdi{color:#ed3324;font-size:16px}

.product-small .price del bdi, .product-small .price, .product_list_widget del bdi, .khung-gia .gia-thi-truong bdi{color:#444444;font-size:14px;font-weight:normal;}

.khung-gia .gia-thi-truong bdi {
  text-decoration: line-through;
  font-size: 18px;
  line-height: 22px;
  color: #6d6e72;
  margin: 0 0 0 12px;
  font-weight: 400;
}



.khung-gia .giam-gia {
  font-size: 12px;
  display: inline-block;
  padding: 3px 8px;
  margin-left: 12px;
  color: #e30019;
  border: 1px solid #e30019;
  border-radius: 4px;
  vertical-align: text-bottom;
  white-space: nowrap;
}

.khung-gia .tiet-kiem bdi{font-weight:normal}.product-promo-tag {
    margin-top: 5px;
    margin-bottom: 5px;
}

.khung-gia .gia-chi-con bdi {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.khung-gia{margin: 15px 0 0 0;font-size:14px}

.product-promotion {margin-top:20px;
    background-color: #f9f9fb;
    padding: 10px;
    margin-bottom: 10px;border-radius: 0.2rem!important;
}.product-promotion__heading {
    color: #fff;
    margin-bottom: 8px;
    background-color: #dd0115;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;display: inline-flex!important;align-items: center!important;border-radius: 0.2rem!important;width: auto;
}

.single_add_to_cart_button {
    margin-bottom: 10px;
	background-color: #ef3006 !important;
    width: 100%;
    border-radius: 5px;
    font-size: 14px !important;
    letter-spacing: 0;
    padding: 8px;
}

.product-info .product-title {
	margin-top: 10px;
}

.quantity .button.minus{min-height: 25px;
    height: 30px;background:white;
				line-height: 25px;border-radius:2px 0 0 2px}.quantity .button.plus{min-height: 25px;background:white;
    height: 30px;
						line-height: 25px;border-radius:0 2px 2px 0}.quantity input[type=number]{height: 30px;
    box-shadow: none;}
.single_add_to_cart_button{margin-bottom:10px;width: 100%;
    border-radius: 5px;
font-size:14px !important;
    letter-spacing: 0;
		padding: 8px;}a.devvn_buy_now_style{margin-bottom:5px;max-width: 100%;
    background: #00a0e3;
				font-size: 14px;}a.devvn_buy_now_style:hover{background:#0faff2}a.devvn_buy_now_style span {
						font-size: 13px;}

/* coutdown */
.ux-timer span {
  background: #ffffff !important;
  color: #333 !important;
  font-size: 22px !important;
  font-weight: 600;
}
@media (max-width: 768px) {
  .ux-timer span {
    font-size: 13px !important;
  }
}



.ux-timer span strong {
  font-size: 7px !important;
  color: #7e7878 !important;
}



.ux-timer span:nth-child(1) {
  display: none !important;
}

.ux-timer span:nth-child(2) {
  display: none !important;
}

/* gia giam */
.badge-container {
    top: 5px;
    left: 5px;
    margin: 0;
}

.badge-container .badge {
    height: unset;
    width: unset;
}

.badge-container .badge .on-sale {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
	padding: 5px 10px;
    border-radius: 5px;
    height: 24px;
	background: #bd110f;
	box-shadow: 0px 0px 5px 1px #fff;
}



/*
////////////////////
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.box-buy {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 15px;
  border-radius: 5px;
  margin: 15px 0 20px 0 !important;
}

.box-buy .col{padding-bottom:0}
.box-buy h3{font-size: 15px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 0;}
.box-buy .khung-gia {
    margin: 0;
    font-size: 14px;
}
.box-buy{align-items: center; margin-top:30px !important}
.product-section>.row{margin-left:0 !important;margin-right:0 !important}
.box-buy .product-hotline{margin-bottom:0}
.box-buy .tiet-kiem{margin-bottom:0}
.single-product .product-main {
    padding: 20px 0;
    background: #f9f9fb;
}

.woocommerce-pagination{margin-top:14px}
.woocommerce-pagination ul li a{color: #8898aa;
    border: 1px solid #cfcfcf;
    font-weight: normal;}
.group-status{font-size:14px}
.group-status .ma-sp {
  margin: 0 10px 0 0;
}

.group-status .tinh-trang {
  margin: 0 10px 0 0;
}


.group-status a, .group-status .value{color:#007bff}.nav-dropdown-default {
    padding: 10px;
} .promotion-box{margin-bottom:0}.product-promotion ul {
    margin-bottom: 0;
    border-radius: 4px;
    background: #fff;padding:10px;
}
.product-info .quantity:before{content: "";
    display: inline-block;
    margin-right: 10px;
		margin-top: 5px;}.quantity .button.minus{min-height: 25px;
    height: 30px;background:white;
				line-height: 25px;border-radius:2px 0 0 2px}.quantity .button.plus{min-height: 25px;background:white;
    height: 30px;
						line-height: 25px;border-radius:0 2px 2px 0}.quantity input[type=number]{height: 30px;
    box-shadow: none;}
.single_add_to_cart_button{margin-bottom:10px;width: 100%;
    border-radius: 5px;
font-size:14px !important;
    letter-spacing: 0;
		padding: 8px;}a.devvn_buy_now_style{margin-bottom:5px;max-width: 100%;
    background: #00a0e3;
				font-size: 14px;}a.devvn_buy_now_style:hover{background:#0faff2}a.devvn_buy_now_style span {
						font-size: 13px;}
.product-hotline{text-align: center;
    font-size: 15px;}
.product-hotline a{font-weight: bold;
    color: #fb6d2e;
    font-size: 18px;}
.tieu-de-mo-ta{font-size:16px;}.lightbox-content{border-radius:10px}
.mo-ta-ngan p, .mo-ta-ngan ul li{font-size: 14px;
    margin-bottom: 5px;}
#tinh-nang p, #tinh-nang ul li{font-size:14px;margin-bottom:5px}
#tinh-nang ul{margin-bottom:0}
.mo-ta-ngan{position:relative; max-height: 200px;
    overflow: hidden;}
.mo-ta-ngan:after{content: "";
    display: block;
    width: 100%;
    height: 53px;
    position: absolute;
    background-image: linear-gradient(#ffffff00, white 60%);
    z-index: 1;
    top: 148px;}
.nut-popup{    display: block;
    background: #E5E6ED;
    text-align: center;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #333}
.nut-popup:hover{color:#333;background:#eeeeee;}.sidebar-block .icon-box .icon-box-text{font-size:14px}.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}.product-section {
    border-top: 0;
}.single-product .large-4{padding-right:0}.mt {
  margin-top: 0;
  font-size: 18px;
  letter-spacing: 0;
  text-transform: math-auto;
}

.entry-content h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ff7001;
}
.entry-content p, .entry-content ul li,.entry-content ol li{line-height: 23px;
    font-size: 14px;
    margin-bottom: 10px;}
.single-product .large-4 .col-inner .col-inner{padding:0}
.post-meta{font-size:14px}
.box-tin-tuc-lien-quan h3{font-size:18px}
.box-tin-tuc-lien-quan .post-item .box-text{padding-right: 0;
    padding-left: 15px;}
.box-tin-tuc-lien-quan .list-post{padding-left:0;padding-right:0}
.up-sells{margin-top: 15px;
    background: white;
    padding: 15px;
    border-radius: 5px;}
.up-sells h3{padding: 0;
    letter-spacing: 0;
    font-size: 16px;margin-bottom:10px}
.up-sells .large-columns-5{margin-left:0!important;margin-right:0 !important}
.single-product .product-page-sections .large-12, .single-product .product-page-sections .large-4>.col-inner{background:white;padding:15px;border-radius:8px}
.product-footer{padding-bottom:20px; background: #f9f9fb;}
.up-sells .product-small.col{flex-basis: 50%;
    max-width: 50%;
    padding: 0;
    border-radius: 0;}
.sidebar-block .col{padding-bottom:10px}
.sidebar-block h4{font-size:16px}
.sidebar-block .icon-box{margin-bottom:10px}
#isures-recently--wrap .row{margin-left:0 !important; margin-right:0 !important}
.product-section .entry-content {
  border-radius: 8px;
  padding: 15px;
  background: white;
}


.page-inner p, .page-inner ul li, .page-inner ol li{font-size: 14px;
    margin-bottom: 8px;
} .page-inner ul li, .page-inner ol li{margin-left:20px}h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    color: #444;
}
.form-lien-he input, .form-lien-he textarea{border-radius:5px;font-size:15px;box-shadow:none}
.form-lien-he input[type=submit]{color:#333;text-transform:none; letter-spacing:0;font-weight:normal}
.page-inner h2{font-size: 1.2rem;
    font-weight: 700;
    color: #008070;}
.page-inner h3{font-size: 1rem;
    font-weight: 700;
    color: #288ad6;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.section1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.icon-menu:before {
  color: white;
}

	
input[type=search]{height: 38px;
    box-shadow: none;
    border-radius: 5px 0 0 5px} .mr-half {
    margin-right: 10px;
}.col{padding:0 10px 20px} .off-canvas .nav-vertical>li>a {
    padding-bottom: 13px;
    padding-top: 13px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    color: #333;
    font-size: 16px;
}.off-canvas-left .mfp-content{width:330px}

.nav-vertical > li > ul li a {
  text-transform: none !important;
  color: #333333 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.nav-vertical li li.menu-item-has-children:not(:first-child) {
  margin: 0 !important;
}

.nav-vertical li li.menu-item-has-children {
  margin: 0 !important;
}

.nav:not(.nav-slide) .active > .children {
  padding-bottom: 0 !important;
}
	

.sidebar-menu-tabs.nav>li>a {
    display: flex;
    padding: 15px 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;
}
.section2 {
	padding-top:0 !important;
		padding-left: 0 !important;
}
.section2 .col.large-2 {
    flex-basis: 20%;padding: 0 0 10px 0;
    max-width: 20%;
}.section2 .icon-box h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}section2 .icon-box .icon-box-img{margin-bottom:0px; padding:0 7px}
.section3 .row>.col{padding:0 5px 0}.section3 h2 {
		font-size: 16px;}.section3 .large-2{flex-basis:50%; max-width:50%;text-align:left}.section3 .large-12.cot1>.col-inner {	padding: 10px;}.product-small .product-title a, .archive .product_list_widget 
/*
 .product-title {
				font-size: 13px;}.flashsale__progressbar .flashsale__label {
						font-size: 11px;}.section4 .large-4,.section4 .large-8{flex-basis:100%;max-width:100%}
	*/
.section4{padding-top:0px !important}.xem-tat-ca{margin-top:15px;margin-bottom:0}
.section5 .row .col.large-12{padding:0}.section-title-normal span{width:100%; padding-bottom:10px}
.hdevvn-show-cats{flex-grow: 1;
    -webkit-box-flex: 1;
    white-space: nowrap;
    overflow: auto;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0px;
    display: flex;
    max-width: 100%;
    float: right;
    margin-top: 0;margin-left:0}.section-title a {margin-left:10px;
		font-size: 12px;} .hdevvn-show-cats a {
    font-size: 12px;
    line-height: 1.5; margin-left:0;
    border-radius: 5px;
				padding: 6px 11px;}

.section14 .large-6>.col-inner{padding:10px !important}

.list-post .post-item .box-image {
  width: 100% !important;
}

.list-post .post-item .from_the_blog_excerpt{display:none}.list-post .post-item .post-title {font-weight:normal;
    margin-bottom: 2px;
}.form-email input{border-radius:5px; margin-bottom:10px}.form-email input[type=submit]{border-radius:5px}.entry-content h2 {
		font-size: 16px;} 
.footer2 .col{padding:0 10px 20px;flex-basis:100%; max-width:100%}
.footer1 .col{padding:0 10px 20px}
.list-post .post-item{padding-bottom:15px}.recent-blog-posts a {
		font-size: 14px;}.blog-archive .large-3{padding-left:10px}h1.shop-page-title {
				font-size: 21px;}#isures-recently--wrap .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}.single-product .large-4{padding-right:10px; padding-top:10px}.page-title:not(.featured-title)+main .product-main {
    padding-top: 0;
}.product-info{margin-right:0}.product-info .product-title {
    font-size: 18px;
    margin-top: 10px;
}.single_add_to_cart_button{margin-bottom:8px !important}.product-info .quantity:before {
       font-size: 14px;
}.product-hotline {
    margin-bottom: 0;
}.single-product .product-page-sections .large-8, .single-product .product-page-sections .large-4>.col-inner {
    background: white;
    padding: 10px;
    border-radius: 0;
}
.box-buy .large-1{flex-basis:25%; max-width:25%;padding-bottom:10px;}
.box-buy .large-6{flex-basis:75%; max-width:75%;padding-bottom:10px;}
.single-product #isures-recently--wrap .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.single-product .tieu-de-mo-ta {
    font-size: 16px;
    padding-left: 0px;margin-top:0
} #tinh-nang ol{margin-left:20px} #tinh-nang ol li, #tinh-nang ul li{font-size:14px;margin-bottom:3px}#tinh-nang ol, #tinh-nang ul{margin-bottom:0}.mo-ta-ngan, .nut-popup{display:none;}.product-promo-tag{font-size:13px}
.product-footer .container{padding:0}
.product-info .price span.amount{color:Red}
.product-footer .tieu-de-mo-ta{padding-left:10px;margin-top:10px}.up-sells{padding:10px}

}

.pb-half {
  padding-bottom: 0 !important;
}

.tieu-de-mo-ta {
    margin-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

#product-sidebar .widget#custom_html-2 .support-product {
    text-align: center;
}

#product-sidebar .widget#custom_html-2 .support-product .title {
    font-weight: 700;
    text-transform: uppercase;
}

#product-sidebar .widget#custom_html-2 .support-product .phone a {
    font-size: 29px;
    font-weight: 600;
    color: var(--main-color);
    line-height: 1.1;
}

#product-sidebar .widget#custom_html-2 .support-product .chat {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    background: var(--main-color);
}
#product-sidebar{background: white;
    border-radius: 7px;
    flex-basis: 23%;
    max-width: 23%;
    padding-left: 15px;
    padding-top: 15px;}.product-info {
    border-right: none !important;
    background: white;
    margin-right: 20px;
}

#block_widget-3 {
	    box-shadow: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    color: var(--black-color);
}

/* Nút LIÊN HỆ giống Add to Cart + full width */
.jav-contact-button {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .5px;
  border-radius: 8px;
  padding: 8px;
background-color: #ef3006 !important;
  color: #fff !important;
  border: none;
}

/* Hover/active giống nút mua hàng */
.jav-contact-button:hover,
.jav-contact-button:focus {
  background: #c9151a;
  color: #fff !important;
}

/* Nếu theme có style .single_add_to_cart_button, có thể reuse để đảm bảo đồng bộ */
.jav-contact-button.single_contact_button.button.alt { /* giữ cho chắc */
  /* có thể để trống nếu theme đã style sẵn .button.alt */
}

#javContactBtnAllZero {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 8px;
    padding: 8px;
    background-color: #ef3006 !important;
    color: #fff !important;
    border: none;
}

.badge-container {
	display: none !important;
}
/* ========== PRODUCT GRID ONLY (không ảnh hưởng post) ========== */
/* Khung mặc định: ẩn, chỉ hiện khi có class tương ứng */
.product-small .box-image {
  position: relative;
}

.product-small .box-image a {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}

.product-small .box-image a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transition: opacity .2s ease;
}


/* Ảnh trong khung */
.product-small .box-image a img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Icon/tools trên khung */
.product-small .box-image .image-tools {
  position: absolute;
  z-index: 4;
}

/* Giữ equal height nếu dùng option của Flatsome */
.has-equal-box-heights .box-image {
  padding-top: 0 !important;
}
/* ====== Bảo vệ khu blog/post: KHÔNG áp dụng rule nền tảng vào .post-item ====== */
/* Không cần thêm gì thêm ở blog; các selector đã giới hạn vào .product-small */



/* Chuẩn bị cho hiệu ứng mượt */
.box-image .image-none a img{
  transition: transform .25s ease;   /* thời gian & easing */
  transform-origin: center center;    /* phóng từ giữa */
  will-change: transform;
  backface-visibility: hidden;
}

/* Hover trên card: ảnh phóng nhẹ */
.box-image:hover .image-none a img{
  transform: scale(1.06);             /* tăng/giảm tuỳ ý: 1.03–1.1 */
}

/* Nếu muốn chỉ hover khi di vào ảnh (không tính phần viền bên ngoài) */
.box-image .image-none a:hover img{
  transform: scale(1.06);
}

/* =======Khung tránh bị “bẹp” do header */
#top-bar .dd-topbar-rotator{
  display:block !important;
  min-height:50px !important;
  line-height:50px !important;
  overflow:hidden !important;
}

/* Slide đang active hiển thị theo flex để căn giữa */
#top-bar .dd-topbar-rotator .dd-topbar-slide.is-active{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Slide bị hidden -> ẩn tuyệt đối, thắng mọi CSS của theme */
#top-bar .dd-topbar-rotator .dd-topbar-slide[hidden]{
  display:none !important;
}

/* Ảnh cao 50px, không vỡ */
#top-bar .dd-topbar-rotator .dd-topbar-slide img {
  height: 50px !important;
  width: auto !important;
  display: block !important;
}



/* ======= hieu ung sam set */
/* Khối bố cục */
  .dealshock {
    gap: 10px; /* khoảng cách ảnh - text */
  }

  /* Ảnh: scale nhẹ + mờ-rõ nhịp nhàng + chớp sét ngắn */
.dealshock__img {
  width: 30px;
  height: 30px; /* tuỳ chỉnh */
  display: block;
  will-change: transform, opacity, filter;
  animation: dealPulse 1.2s ease-in-out infinite,
    dealLightning 1.5s ease-in-out infinite;
  /* Tông “sẫm sét” mặc định */
  filter: brightness(0.9) contrast(1.15) saturate(1.05)
    drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  transform-origin: center;
}


  /* Hover: tăng “độ nảy” chút xíu */
  .dealshock:hover .dealshock__img {
    animation-duration: 2.8s, 6s;
  }

  /* Nhịp phóng to/thu nhỏ + mờ/rõ */
  @keyframes dealPulse {
    0% {
      transform: scale(0.98);
      opacity: 0.85;
    }
    50% {
      transform: scale(1.04);
      opacity: 1;
    }
    100% {
      transform: scale(0.98);
      opacity: 0.85;
    }
  }

  /* Chớp sét rất ngắn, thỉnh thoảng lóe lên */
  @keyframes dealLightning {
    /* bình thường */
    0%,
    9%,
    11%,
    100% {
      filter: brightness(0.9) contrast(1.15) saturate(1.05)
        drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }
    /* lóe 1 */
    10% {
      filter: brightness(1.35) contrast(1.25) saturate(1.1)
        drop-shadow(0 0 10px rgba(100, 180, 255, 0.65));
      transform: scale(1.08);
      opacity: 1;
    }
    /* lóe 2 (rất ngắn, kiểu chớp đôi) */
    10.6% {
      filter: brightness(1.15) contrast(1.2) saturate(1.08)
        drop-shadow(0 0 6px rgba(120, 200, 255, 0.45));
      transform: scale(1.03);
      opacity: 0.96;
    }
    /* một nhịp chớp khác xa hơn để tự nhiên */
    62% {
      filter: brightness(1.28) contrast(1.22) saturate(1.08)
        drop-shadow(0 0 9px rgba(120, 200, 255, 0.55));
      transform: scale(1.06);
      opacity: 1;
    }
    62.7% {
      filter: brightness(1.05) contrast(1.18) saturate(1.06)
        drop-shadow(0 0 4px rgba(120, 200, 255, 0.35));
      transform: scale(1.02);
      opacity: 0.94;
    }
  }

  /* Tôn chữ “deal sốc” cho hợp không khí */
  .text_fash__sale {
    margin: 0;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }

  /* Tôn trọng người dùng hạn chế chuyển động */
  @media (prefers-reduced-motion: reduce) {
    .dealshock__img {
      animation: none;
      transform: none;
      opacity: 1;
      filter: brightness(0.95) contrast(1.15) saturate(1.05);
    }
  }

/* Nút */
#javContactBtnVar  {
	    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 8px;
    padding: 8px;
    background-color: #ef3006 !important;
    color: #fff !important;
    border: none;
}


/* Menu doc */ 
/* Hover vào menu cấp 1 đổi nền cam + chữ trắng */
#menu-menu-doc > li:hover {
  background-color: #ff6600; /* cam */
}

#menu-menu-doc .nav-top-link {
  padding-left: 5px !important;
  font-weight: 400 !important;
  font-size: 13px;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}





/* ================Blog =================*/ 
.blog-wrapper .archive-page-header > .row > .col {
    padding-bottom: 0;
}

.blog-wrapper.page-wrapper .large-9 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-right: 15px;
}

.blog-wrapper.page-wrapper .large-3.post-sidebar {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 15px;
}

.blog-wrapper.page-wrapper .col.post-item {
    padding-bottom: 25px;
}

.blog-wrapper.page-wrapper .box-blog-post .badge {
    top: 5px;
    left: 5px;
    height: unset;
}

.blog-wrapper.page-wrapper .box-blog-post .badge .badge-inner {
    background: var(--main-color) !important;
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 21px;
}

.blog-wrapper.page-wrapper .box-blog-post .box-image .image-cover {
    padding-top: 68% !important;
}

.blog-wrapper.page-wrapper .box-blog-post .box-text {
    padding: 10px 0;
}

.blog-wrapper.page-wrapper .box-blog-post .box-text h5.post-title {
    font-size: 18px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    height: calc(1em * 1.4 * 2);
}

.blog-wrapper.page-wrapper .box-blog-post .box-text .blog_btn-xemthem {
    display: flex;
}

.category-video .blog-wrapper.page-wrapper .col.post-item {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}

.category-video .blog-wrapper.page-wrapper .box-blog-post .badge,
.category-video .blog-wrapper.page-wrapper .box-blog-post .box-text p.from_the_blog_excerpt,
.category-video .blog-wrapper.page-wrapper .box-blog-post .box-text .blog_btn-xemthem {
    display: none;
}

.category-video .blog-wrapper.page-wrapper .box-blog-post .box-text {
    padding: 0;
}

.category-video .blog-wrapper.page-wrapper .box-blog-post .box-text h5.post-title {
    margin: 20px 0 8px;
}

.blog-wrapper.blog-single .entry-header .entry-header-text {
    padding-bottom: 16px;
}

.blog-wrapper.blog-single .entry-header h1.entry-title {
    line-height: 34px;
    margin-bottom: 15px;
}

.blog-wrapper.blog-single .entry-header .entry-divider {
    display: none;
}

.blog-wrapper.blog-single .entry-header .entry-meta {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

.blog-wrapper.blog-single .entry-header .entry-meta .byline {
    margin-right: 10px;
}

.blog-wrapper.blog-single .entry-header .entry-meta i {
    color: var(--main-color);
}

.blog-wrapper.blog-single article {
    margin-bottom: 0;
}

.blog-wrapper.blog-single .entry-content.single-page {
    padding: 0;
}

.blog-wrapper.blog-single .entry-content.single-page h2 {
    font-size: 24px;
    color: var(--main-color);
    padding-left: 10px;
    border-left: 2px solid var(--main-color);
}

div#ez-toc-container {
    background: #f3f8fe;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    border: none;
}

div#ez-toc-container .ez-toc-title-container {
    margin-bottom: 15px;
}

div#ez-toc-container p.ez-toc-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}

div#ez-toc-container span.ez-toc-title-toggle {
    display: none;
}

div#ez-toc-container ul {
    padding-left: 15px !important;
    margin: 0;
}

div#ez-toc-container a {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 10px;
}

div#ez-toc-container a:hover,
div#ez-toc-container a:visited {
    color: var(--main-color);
    text-decoration: none;
}

.blog-wrapper.blog-single footer.entry-meta {
    font-size: 16px;
    padding: 8px 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.blog-wrapper.blog-single footer.entry-meta .danh-muc {
    display: none;
}

.blog-wrapper.blog-single footer.entry-meta .the-tim-kiem {
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.blog-wrapper.blog-single footer.entry-meta .the-tim-kiem a {
    font-weight: normal;
    color: #777;
    padding: 4px 16px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    margin-left: 8px;
}

.blog-wrapper.blog-single footer.entry-meta .the-tim-kiem a:hover {
    color: var(--white-color);
    background: var(--main-color);
    border: 1px solid var(--main-color);
}

.section_thong-tin-tac-gia {
    padding: 16px 0 !important;
    border-bottom: 1px solid #dee2e6;
}

.section_thong-tin-tac-gia .col {
    padding-bottom: 0;
}

.section_thong-tin-tac-gia .col.c2 {
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.section_thong-tin-tac-gia .box .box-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid var(--main-color);
}

.section_thong-tin-tac-gia .box .box-image:hover {
    border: 3px solid var(--main-color);
}

.section_thong-tin-tac-gia .box .box-image img {
    border-radius: 50%;
    padding: 3px;
}

.section_thong-tin-tac-gia .box .box-text {
    padding: 8px 0 0;
}

.section_thong-tin-tac-gia .box .box-text h4 {
    font-size: 16px;
}

.section_thong-tin-tac-gia .box .box-text p {
    font-size: 13px;
    color: #6c6c6c;
}

.section_thong-tin-tac-gia .tt-sup {
    font-size: 15px;
}

#comments .comment-respond {
    margin-top: 24px;
    padding: 0;
    background: transparent;
}

#comments .comment-respond .logged-in-as,
#comments .comment-respond .comment-notes {
    display: none;
}

#comments .comment-respond .comment-form-comment,
#comments .comment-respond .form-submit {
    margin-bottom: 0;
}

#comments .comment-respond label {
    font-size: 14px;
    font-weight: normal;
}

#comments .comment-respond input,
#comments .comment-respond textarea {
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: none;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 20px;
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid var(--main-color);
}

#comments .comment-respond input.submit {
    font-weight: 400;
    text-transform: none;
    color: #fff;
    padding: 0 25px;
    background: var(--main-color);
    border: solid 1px var(--main-color);
    border-radius: 5px;
    width: unset;
    margin: 10px 0 0;
}

#comments .comment-respond input.submit:hover {
    background: var(--main-color);
}

.section_bai-viet-lien-quan {
    padding-bottom: 0 !important;
}

.section_bai-viet-lien-quan > .row > .col {
    padding-bottom: 0;
}

.category .section_bai-viet-lien-quan,
.single-format-video .section_bai-viet-lien-quan {
    display: none;
}


.term-desc-bottom {
  margin-top: 24px !important;
}
/*============ Gio Hàng==========*/ 
.wc-block-components-formatted-money-amount {
    white-space: nowrap;
    color: red !important;
}

body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link) {
  border-radius: 15px;
}

/*============ UXBUIDER SP DANH MUC ==========*/ 
/* ===== DESKTOP (giữ 1 hàng như bạn đang dùng) ===== */
.section-title.ttit-flex {
  flex-flow: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  white-space: nowrap !important;
}
.section-title.ttit-flex .section-title-main{
  flex:0 0 auto !important;
}
.section-title.ttit-flex .hdevvn-show-cats{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  justify-content:flex-start !important; /* hoặc end nếu bạn thích */
}
.section-title.ttit-flex .hdevvn-show-cats{
  scrollbar-width:none !important;
}
.section-title.ttit-flex .hdevvn-show-cats::-webkit-scrollbar{
  height:0 !important;
}
.section-title.ttit-flex .hdevvn-show-cats .hdevvn_cats a{
  display:inline-block !important;
  padding:6px 16px !important;
  border:1px solid #ddd !important;
  border-radius:6px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  font-size:14px;
  color:#222 !important;
  background:#fff !important;
  transition:all .2s ease !important;
  white-space:nowrap !important;
}
.section-title.ttit-flex .hdevvn-show-cats .hdevvn_cats a:hover{
  background:#f5f5f5 !important;
  border-color:#bbb !important;
}
.section-title.ttit-flex .ttit-view-all{
  flex:0 0 auto !important;
  margin-left:12px !important;
  font-weight:500 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.section-title.ttit-flex .ttit-view-all:hover {
  color: white !important;
}

.section-title.ttit-flex > b{ display:none !important; }

/* ===== MOBILE: tiêu đề lên hàng 1, cats + xem tất cả ở hàng 2 ===== */
@media (max-width: 767px){
  .section-title.ttit-flex{
    flex-wrap: wrap !important;    /* cho phép xuống hàng */
    gap: 12px !important;
  }

  /* Tiêu đề chiếm trọn hàng 1 */
  .section-title.ttit-flex .section-title-main{
    flex: 0 0 100% !important;     /* full width */
    white-space: normal !important; /* cho phép xuống dòng trong tiêu đề nếu dài */
  }

  /* Dải danh mục ở bên trái hàng 2, có cuộn ngang */
  .section-title.ttit-flex .hdevvn-show-cats{
    order: 2 !important;
    flex: 1 1 auto !important;     /* chiếm phần còn lại */
    min-width: 0 !important;
    overflow-x: auto !important;   /* chỉ phần này cuộn */
    overflow-y: hidden !important;
    gap: 10px !important;
  }

  /* Link "Xem tất cả" bên phải hàng 2 */
  .section-title.ttit-flex .ttit-view-all{
    order: 3 !important;
    flex: 0 0 auto !important;     /* cố định bên phải */
    margin-left: 10px !important;
  }
}


/* Khung bọc – cho phép nút nằm ngoài UL */
.section-title.ttit-flex .ttit-cats-wrap{
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important; /* để nút có thể nằm ngoài */
}

/* UL danh mục – giữ cuộn ngang, không chừa khoảng cho nút */
.section-title.ttit-flex .ttit-cats-wrap > .hdevvn-show-cats{
  padding: 0 8px !important;     /* mép nhẹ thôi, không bị đè */
}

/* Nút điều hướng: nhỏ gọn + đứng ngoài 2 bên */
.ttit-arrow{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid #e5e7eb !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  display: none !important;                /* chỉ hiện khi có tràn */
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 5 !important;
  user-select: none !important;
  padding: 0 !important;
}

/* Đặt ra ngoài: lệch âm 14px (nửa chiều rộng) */
.ttit-arrow.ttit-prev {
  left: -6px !important;
}
.ttit-arrow.ttit-next {
  right: -20px !important;
}



/* Icon mũi tên gọn */
.ttit-arrow::before{
  content: '‹' !important;        /* chevron trái mặc định */
  font-size: 18px !important;
  line-height: 1 !important;
  color: #333 !important;
}
.ttit-arrow.ttit-next::before{ content: '›' !important; }

.ttit-cats-wrap.has-arrows .ttit-arrow{ display: flex !important; }
.ttit-arrow[disabled]{ opacity: .35 !important; pointer-events: none !important; }



/* ======= Banner silder trang chur */
  .deal-swiper {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .deal-swiper .swiper-slide {
    width: auto; /* cho phép auto-width khi dùng slidesPerView:'auto' */
  }
  .deal-card {
    display: block;
    width: 210px; /* ✅ chiều rộng mỗi card trên mobile */
    border-radius: 12px;
    overflow: hidden;
  }
  .deal-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* Tablet/desktop tăng kích thước card 1 chút */
  @media (min-width: 768px) {
    .deal-card {
      width: 260px;
    }
  }
  @media (min-width: 1024px) {
    .deal-card {
      width: 300px;
    }
  }



@media (max-width: 767.98px) {
  .box_title_right_text a {
    padding: 3px !important;
    width: 100% !important;
    justify-content: center !important;
  }
}



.slider-wrapper .slider-nav-light .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    background: #000 !important;
    opacity: .2;
    border: none;
    margin: 0 4px;
}

.slider-wrapper .slider-nav-light .flickity-page-dots .dot.is-selected {
    background: var(--main-color) !important;
    opacity: 1;
}

.slick-list.draggable {
    padding: 0 !important;
}

.slick-initialized .slick-prev {
    left: 5px;
    z-index: 1;
}

.slider .flickity-button {
    height: 60px;
    width: 30px !important;
    margin-top: -10px !important;
    opacity: 1 !important;
    top: 50%;
    transform: translateY(-50%) !important;
}

.slider:hover .flickity-button {
    transform: translateY(-50%) !important;
}

.slider .flickity-button.previous {
	left: 10px;
}

.slider .flickity-button.next {
	right: 10px;
}

.slick-initialized .slick-prev,
.slider .flickity-button.previous .flickity-button-icon {
    padding-right: 7px;
    border-radius: 0 100px 100px 0;
}

.slick-initialized .slick-next,
.slider .flickity-button.next .flickity-button-icon {
	padding-left: 7px;
    border-radius: 100px 0 0 100px;
    right: 5px;
}

.slick-initialized .slick-prev,
.slick-initialized .slick-next,
.slider .flickity-button.previous .flickity-button-icon,
.slider .flickity-button.next .flickity-button-icon {
    width: 30px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(233,233,233,0.74);
    transition: .3s;
    outline: none;
}

.slick-initialized .slick-prev:before,
.slick-initialized .slick-next::before {
	font-family: 'FontAwesome';
	font-size: 20px;
	font-weight: normal;
    color: var(--main-color);
}

.slider .flickity-button .flickity-button-icon {
    color: var(--main-color);
}

.slick-initialized .slick-prev:before {
	content: '\f053' !important;
}

.slick-initialized .slick-next::before{
	content: '\f054' !important;
}

.slick-initialized .slick-prev:hover,
.slick-initialized .slick-next:hover,
.slider .flickity-button:hover .flickity-button-icon {
    background: var(--main-color);
}

.slick-initialized .slick-prev:hover::before,
.slick-initialized .slick-next:hover::before {
	color: #fff;
}

.slider .flickity-button:hover .flickity-button-icon,
.slider .flickity-button:hover .flickity-button-icon .arrow {
    fill: #fff !important;
}

.section_product.pr_cate .pr-cate-slider .flickity-button,
.section_blog-video .post-video-slider .flickity-button {
    margin-top: 0 !important
}

.section_cate-product .pr-cate-slider .flickity-button {
    margin-top: -5px !important;
}


.section_blog-video .post-video-slider .flickity-button.previous,
.section_product.pr_cate .pr-cate-slider .flickity-button.previous,
.section_cate-product .pr-cate-slider .flickity-button.previous {
    left: 5px;
}

.section_blog-video .post-video-slider .flickity-button.next,
.section_product.pr_cate .pr-cate-slider .flickity-button.next,
.section_cate-product .pr-cate-slider .flickity-button.next {
    right: 5px;
}

.product-main .product-gallery .product-gallery-slider .flickity-button.previous {
    left: 0;
}

.product-main .product-gallery .product-gallery-slider .flickity-button.next {
    right: 0;
}

/* Hàng chứa 2 nút song song */
.buy-actions {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}

/* Nút Add to Cart (đỏ, 2 dòng) */
.buy-actions .single_add_to_cart_button {
  flex: 1;
  background: #ed1c24;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 16px 24px;
  margin: 0;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.buy-actions .single_add_to_cart_button::after {
  content: attr(data-subtitle);
  font-weight: 500;
  font-size: 13px;
  text-transform: none;
  opacity: 0.9;
  margin-top: 4px;
}

/* Nút Zalo viền đỏ */
.btn-zalo-consult {
  flex: 1;
  border: 2px solid #ed1c24;
  border-radius: 12px;
  color: #ed1c24;
  text-decoration: none;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-zalo-consult .zalo-ic img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.btn-zalo-consult .btn-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.1;
}

.btn-zalo-consult strong {
  font-weight: 800;
  font-size: 14px;
}

.btn-zalo-consult small {
  font-size: 13px;
  opacity: 0.9;
}

/* Hover */
.single_add_to_cart_button:hover { filter: brightness(0.9); }
.btn-zalo-consult:hover { background: #fff5f5; }

/* Mobile: xếp dọc */
@media (max-width: 575.98px) {
  .buy-actions {
    flex-direction: column;
  }
}
form.cart .single_add_to_cart_button,
.single_variation_wrap .single_add_to_cart_button { display:none !important; }


.product-short-description {
  margin-top: 10px;
}

      .promo {
        --promo-border: #cfcfcf;
        --promo-bg-head: #f3f4f6;
        --promo-text: #111;
        --promo-icon: url("/wp-content/uploads/2025/10/download-1-1.svg"); /* đổi đường dẫn nếu cần */
        border: 1px solid var(--promo-border);
        border-radius: 4px;
        overflow: hidden;
        margin: 16px 0 0;
        font: 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial,
          sans-serif;
        color: var(--promo-text);
        background: #fff;
      }

      /* ====== Header ====== */
      .promo__head {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: var(--promo-bg-head);
      }
.promo__title {
  margin: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 22px;
}


      /* ====== Body & list ====== */
      .promo__body {
        padding: 6px 0;
      }

      .promo__list {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .promo__item {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 6px 16px 6px 24px;
      }

.promo__item::before {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-top: 3px;
  background-image: var(--promo-icon);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  position: absolute;
  left: 0px;
  top: 8px;
}


      .promo__line {
        flex: 1;
      }

      .promo__link {
        margin-left: 6px;
        white-space: nowrap;
        text-decoration: underline;
      }

    /* ===== Block: store-list ===== */
    .store-list {
      color: #111827;
    }
.store-list__divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgb(0 0 0);
}

    .store-list__section-title {
      font-weight: 700;
      margin: 20px 0 10px;
      font-size: 18px;
      text-decoration: underline;
    }

    /* ===== Item ===== */
    .store-item {
      display: flex;
      align-items: center;
      gap: 6px;
      margin: 8px 0;
      font-weight: 500;
    }

    .store-item__icon {
      flex: 0 0 auto;
      color: gray;
    }
    .store-item__address {
      color: #000;
    }

    /* ===== Badges / trạng thái ===== */
    .is-highlight {
      font-size: 14px;
      font-weight: 700;
      animation: colorCycle 2s infinite;
      transition: color .3s ease-in-out;
    }
      .badge-new {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        font-weight: 700;
        margin-left: 6px;
        animation: burst 1.5s infinite ease-in-out;
        font-size: 14px;
      }

    /* ===== Animations ===== */
    @keyframes colorCycle {
      0%   { color: #e91e63; }
      25%  { color: #9c27b0; }
      50%  { color: #3f51b5; }
      75%  { color: #00bcd4; }
      100% { color: #e91e63; }
    }
    @keyframes burst {
      0%   { transform: scale(1) rotate(0deg);   opacity: 1;   }
      50%  { transform: scale(1.5) rotate(20deg); opacity: .6; }
      100% { transform: scale(1) rotate(-20deg);  opacity: 1;   }
    }
/* Thu nhỏ ảnh trong khung gallery của sản phẩm WooCommerce */
.product-gallery img {
  max-width: 50% !important; /* hoặc 80% nếu muốn nhỏ hơn nữa */
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* Căn giữa hình trong khung */
.product-gallery {
  text-align: center !important;
}


.dd-specs {
  background: #f5f5f5;
  border-radius: 6px;
  padding: 6px 4px;
  margin-top: 6px;
  margin-bottom: 6px;
  /*   display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 10px; */
  font-size: 13px;
  color: #333;
}


.dd-specs .spec-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
}

.dd-specs i {
  color: #999;
  font-size: 10px;
}


.prout .dd-specs { display:none !important; }

/* .header-vertical-menu__opener {
  display: none !important;
} */

.header-vertical-menu__fly-out.has-shadow.header-vertical-menu__fly-out--open {
  margin-top: 0px !important;
  border-radius: 10px;
}

.page-title-inner {
  min-height: 40px !important;
  padding: 10px 10px !important;
  background: white;
}



.category-page-row {
  background: white;
  margin-bottom: 20px;
  border-radius: 0px 0px 10px 10px !important;
}

.related-before-tabs {
  margin: 20px 20px;
}

.dd-recently-viewed.under-tabs {
  margin: 20px 20px !important;
}



.related-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; }

/* Base */
.section-stiky{
  transition: box-shadow .2s ease, transform .18s ease, opacity .18s ease;
  will-change: transform;
}

/* Khi đang sticky (fixed) */
.section-stiky.is-sticky{
  position: fixed;
  left: 0; right: 0;
  top: 10px;                /* offset mặc định, JS sẽ cộng thêm header/adminbar */
  z-index: 1000;
  width: 100%;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transform: translateZ(0); /* hint GPU tránh jank */
}

/* Placeholder để giữ chỗ, tránh nhảy layout */
.section-stiky-placeholder{
  width: 100%;
  pointer-events: none;
}

/* Tối ưu admin bar trên desktop */
@media (min-width: 783px){
  body.admin-bar .section-stiky.is-sticky{
    /* JS vẫn sẽ set inline top, cái này là fallback */
    top: 42px; /* 10 + 32 */
  }
}

/* --- TẮT sticky trên mobile --- */
@media (max-width: 767.98px){
  .section-stiky.is-sticky{
    position: static !important;
    box-shadow: none !important;
  }
}


/* File: wp-content/themes/flatsome-child/style.css */
/* Nút "Đăng nhập" có icon + nền đậm */
.header .account-item.has-icon > a.nav-top-link.nav-top-not-logged-in {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  background: #c4161c;
  color: #fff !important;
  padding: 2px 5px;
  border-radius: 5px;
  line-height: 1;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}

.header .account-item.has-icon > a.nav-top-link.nav-top-not-logged-in:hover {
  background: #a91015;
  opacity: 1;
}

.header .account-item.has-icon > a.nav-top-link.nav-top-not-logged-in:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}

/* Icon user bằng SVG, không cần thêm thẻ <i> */
.header .account-item.has-icon > a.nav-top-link.nav-top-not-logged-in::before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: currentColor; /* màu icon = màu chữ */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20a8 8 0 0 1 16 0"/></svg>')
    no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20a8 8 0 0 1 16 0"/></svg>')
    no-repeat center / contain;
  opacity: 0.95;
}

/* Thu nhỏ trên mobile nếu cần */
@media (max-width: 549px) {
  .header .account-item.has-icon > a.nav-top-link.nav-top-not-logged-in {
    padding: 6px 10px;
    border-radius: 6px;
    gap: 6px;
  }
}

/* =========== Accordion ============ */

.accordion-inner {
  padding: 10px 0 !important;
}
.ux-menu-link__text {
  font-weight: 400;
  font-size: 14px;
}


.accordion-title {
  font-size: 13px;
  border-top: none !important;
  padding: 1em 0em;
  border-bottom: 1px solid #ddd !important;
}



.accordion-title.active {
  background-color: transparent !important;
}

.accordion .toggle {
  left: auto !important;
  right: 0 !important;
}

.connect-footer {
  padding-bottom: 3em;
}


/* ===== Swiper nav buttons – danh muc san ===== */
.slider-danhmuc-swiper .swiper-button-prev,
.slider-danhmuc-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* giống .slider .flickity-button */
  width: 30px !important;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  z-index: 5;
  outline: none;
  background: rgba(233, 233, 233, 0.74);
  transition: 0.3s;
  border-radius: 0; /* reset trước khi bo theo bên trái/phải */
}

/* Bo tròn hai nút: trái bo phải – phải bo trái */
.slider-danhmuc-swiper .swiper-button-prev {
  left: 10px;
  border-radius: 0 100px 100px 0;
}
.slider-danhmuc-swiper .swiper-button-next {
  right: 10px;
  border-radius: 100px 0 0 100px;
}

/* Ẩn SVG mặc định của Swiper để dùng FontAwesome */
.slider-danhmuc-swiper .swiper-button-prev:after,
.slider-danhmuc-swiper .swiper-button-next:after {
  /* Với Swiper v11, :after là icon; ta override để dùng FA */
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome";
  font-weight: 900; /* cần cho FA v5/v6 solid */
  font-size: 20px;
  line-height: 1;
  color: var(--main-color);
  text-rendering: auto;
}

/* Mã icon giống CSS cũ của bạn */
.slider-danhmuc-swiper .swiper-button-prev:after {
  content: "\f053";
} /* chevron-left */
.slider-danhmuc-swiper .swiper-button-next:after {
  content: "\f054";
} /* chevron-right */

/* Hover đổi nền + icon trắng giống slick/flickity cũ */
.slider-danhmuc-swiper .swiper-button-prev:hover,
.slider-danhmuc-swiper .swiper-button-next:hover {
  background: var(--main-color);
}
.slider-danhmuc-swiper .swiper-button-prev:hover:after,
.slider-danhmuc-swiper .swiper-button-next:hover:after {
  color: #fff;
}

/* Canh tùy bối cảnh: product sliders… giữ consistent khoảng cách */
.section_product.pr_cate .pr-cate-slider .swiper-button-prev,
.section_blog-video .post-video-slider .swiper-button-prev,
.section_cate-product .pr-cate-slider .swiper-button-prev {
  left: 5px;
}
.section_product.pr_cate .pr-cate-slider .swiper-button-next,
.section_blog-video .post-video-slider .swiper-button-next,
.section_cate-product .pr-cate-slider .swiper-button-next {
  right: 5px;
}

/* Nếu dùng gallery trong product-main, ép sát mép */
.product-main .product-gallery .swiper-button-prev {
  left: 0;
}
.product-main .product-gallery .swiper-button-next {
  right: 0;
}

/* Tùy chỉnh padding container để không đè item (giống bạn đang chừa cho nút) */
.slider-danhmuc-swiper.swiper {
  padding: 8px 32px; /* chừa 2 bên cho nút */
}
@media (max-width: 768px) {
  .slider-danhmuc-swiper.swiper {
    padding: 6px 28px;
  }
}

.slider-danhmuc-swiper .swiper-slide.col {
  flex: 0 0 auto !important;   /* ngăn Flatsome ép % */
  max-width: none;
  /* KHÔNG đặt width ở đây, để Swiper tự set inline px */
}
.slider-danhmuc-swiper .swiper-wrapper { display: flex; }

.flickity-prev-next-button {
  background-color: transparent !important;
  border: none;
  bottom: 40% !important;
  color: #111 !important;
  cursor: pointer !important;
  margin: 0 !important;
  opacity: 0;
  padding: 0 !important;
  position: absolute !important;
  top: 40%;
  transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s !important;
  width: 36px;
  box-shadow: none !important;
}

.slider-nav-reveal .flickity-prev-next-button,
.slider-nav-reveal .flickity-prev-next-button:hover {
  top: 50%;
}

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
  margin-top: 0;
}


#main .blog-single {
  background: white !important;
}


@media only screen and (max-width: 1200px) {
    .blog-wrapper.page-wrapper .large-9, .blog-wrapper.page-wrapper .large-3.post-sidebar, .blog-wrapper.page-wrapper .section_bai-viet-lien-quan .col.post-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* Mobile tinh chỉnh nhẹ (tùy chọn) */
@media (max-width: 480px) {
  .khung-gia .gia-chi-con bdi {
    font-size: 20px;
  }
}


@media screen and (max-width: 849px) {
  .medium-logo-center .flex-right {
    flex: auto !important;
  }
  a.header-cart-link.off-canvas-toggle.nav-top-link.icon.primary.button.round.is-small {
    width: 0px !important;
  }
}

.form-flat input:not([type="submit"]),
.form-flat select,
.form-flat textarea {
  font-size: 16px;
  height: 42px;
  padding: 8px 50px 8px 15px;
  height: 36px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  margin: 0;
  width: 100%;
  display: inline-block;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* ========menu nhỏ slider dưới menu mobile========== */
.mobile-cat-strip {
  display: none;
}

/* Chỉ hiện trên mobile */
@media (max-width: 849px) {
  .mobile-cat-strip {
    display: block;
    background: #ff7001; /* đổi màu nếu cần */
    position: relative;
    z-index: 9;
  }
  .mobile-cat-list {
    margin: 0;
    padding: 0px 12px 8px 12px;
    list-style: none;
    display: flex;
    gap: 16px;
    overflow-x: auto; /* kéo ngang */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-cat-list > li {
    margin-bottom: 0 !important;
  }
  .mobile-cat-list::-webkit-scrollbar {
    display: none;
  } /* ẩn scrollbar iOS/Chrome */

  .mobile-cat-list > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
  }

  /* mục đang active */
  .mobile-cat-list > li.current-menu-item > a,
  .mobile-cat-list > li.current-menu-ancestor > a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.9);
  }
}

/* (Tuỳ chọn) Sticky ngay dưới header nếu header fixed */
@media (max-width: 849px) {
  .header-wrapper.stuck + .mobile-cat-strip,
  .mobile-cat-strip.sticky {
    position: sticky;
    top: 0; /* nếu header fixed có chiều cao khác, thay bằng px phù hợp */
  }
}

@media (max-width: 849px) {
  .absolute-footer.dark {
    display: none !important;
  }
}
.gcm-body {
  font-size: 16px !important;
}

@media (max-width: 549px){
  .breadcrumbs{
    display: flex;          /* xếp các phần tử theo hàng ngang */
    flex-wrap: nowrap;      /* không cho xuống hàng */
    gap: 4px;               /* khoảng cách nhỏ giữa các phần */
    overflow-x: auto;       /* cho phép kéo ngang */
    overflow-y: hidden;
    white-space: nowrap;    /* tránh xuống dòng trong <span>/<a> */
    -webkit-overflow-scrolling: touch; /* mượt trên iOS */
    scrollbar-width: none;  /* ẩn scrollbar trên Firefox */
  }
  .breadcrumbs::-webkit-scrollbar{ display:none; } /* ẩn scrollbar trên Chrome/Safari */

  /* Đảm bảo từng mẩu / link không co lại và không xuống dòng */
  .breadcrumbs a,
  .breadcrumbs span,
  .breadcrumbs li{
    display: inline-block;
    white-space: nowrap;
    flex: 0 0 auto;
  }
}

/* style sẵn có của bạn */
.breadcrumbs{
  color:#222;
  font-weight:700;
  letter-spacing:0;
  padding:0;
}

.product-images {
  padding-top: 20px !important;
}


.connect-inline-en {
  display: none;
}

.slick-track {
  margin-left: inherit !important;
}

/* ==== Sản phẩm đã xem ===== */
.sp-daxem {
  padding: 0 !important;
}

@media (max-width: 480px) {
  .sp-daxem .col-sp-daxem {
    padding: 0 9px !important;
  }

  .col-banner {
    padding: 0 12px !important;
  }
	
	.p-0-mb {
		padding: 0 !important;
	}

}



/* ========= Trang tin tức danh mục ========== */

.blog-archive .flickity-prev-next-button {
  display: none;
}

#content .archive-page-header {
  display: none;
}

#content .row.row-large {
  background: white;
  padding-top: 20px;
  border-radius: 6px;
}

/* Canh giữa toàn bộ khu bài viết (tuỳ, thích thì dùng) */
.dd-archive-wrap {
  display: flex;
  flex-direction: column;
  gap: 0px;
  /* max-width: 1200px;  */
  /* margin: 0 auto; */
}

/* Hai bài đầu: dùng grid cho cân tuyệt đối */
.dd-grid-first {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.dd-grid-item {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  margin-bottom: 0px !important;
}

.dd-grid-thumb {
  display: block;
  overflow: hidden;
}

.dd-grid-thumb img {
  width: 100%;
  height: 220px; /* fix cùng chiều cao ảnh */
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}

.dd-grid-content {
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* meta + title + excerpt trong card 2 cột */
.dd-grid-content .dd-meta {
  font-size: 13px;
  color: #888;
  margin-bottom: 4px;
}

.dd-grid-content .dd-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 6px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dd-grid-content .dd-title a {
  color: #222;
}

.dd-grid-content .dd-title a:hover {
  color: #ff6600;
}

.dd-grid-content .dd-excerpt {
  font-size: 14px;
  color: #555;
  margin-top: 2px;
  /* giới hạn dòng cho đều card */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* List ngang phía dưới giữ như cũ */
.dd-post-row {
  display: flex;
  gap: 18px;
  padding: 14px 16px;
  background: #fff;
  align-items: flex-start;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  margin-bottom: 0 !important;
}

.dd-post-row .dd-thumb {
  flex: 0 0 260px;
  max-width: 260px;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}

.dd-post-row .dd-thumb img {
  width: 250px;
  height: 150px;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}

.dd-post-row .dd-content {
  flex: 1;
}

.dd-content .dd-title {
  font-size: 18px;
}

.dd-content .dd-title a {
  color: #222;
}

.dd-content .dd-title a:hover {
  color: #ff6600;
}

.dd-post-row .dd-content .dd-meta {
  color: #888;
  font-size: 13px;
}

.dd-post-row .dd-content .dd-excerpt {
  color: #555;
  font-size: 14px;
}

/* Divider cho các bài từ số 3 trở xuống */
.dd-post-row {
  padding: 16px 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Từ bài thứ 4 trở đi (mỗi .dd-post-row sau 1 .dd-post-row khác) có gạch ngăn phía trên */
.dd-post-row + .dd-post-row {
  border-top: 2px solid #e5e5e5;
}

/* Giữ thumbnail + text như cũ */
.dd-post-row .dd-thumb {
  flex: 0 0 260px;
  max-width: 260px;
}

.dd-post-row .dd-thumb img {
  width: 250px;
  height: 150px;
  object-fit: cover;
}

/* Bỏ gạch cho bài cuối nếu muốn sạch dưới cùng */
.dd-post-row:last-of-type {
  border-bottom: none;
}

/* Mobile */
@media (max-width: 768px) {
  /* 2 bài đầu vẫn 1 cột / 2 cột tùy ý, giữ nguyên hoặc chỉnh nhẹ */
  .dd-grid-first {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* LIST TỪ BÀI 3 TRỞ XUỐNG: ẢNH TRÁI - TEXT PHẢI NHƯ HÌNH */
  .dd-post-row {
    flex-direction: row; /* giữ ngang */
    align-items: flex-start;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee; /* kiểu gạch phân cách từng bài */
    border-radius: 6px;
    gap: 10px;
    box-shadow: none;
  }

  .dd-post-row:hover {
    transform: none;
    box-shadow: none;
  }

  .dd-post-row .dd-thumb {
    flex: 0 0 96px; /* kích thước thumbnail mobile */
    max-width: 96px;
    height: 60px;
    border-radius: 4px;
    overflow: hidden;
  }

  .dd-post-row .dd-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none !important;
  }

  .dd-post-row .dd-content {
    flex: 1;
  }

  .dd-post-row .dd-content .dd-title {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* giới hạn 2 dòng tiêu đề */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .dd-post-row .dd-content .dd-excerpt {
    font-size: 13px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* giới hạn 2 dòng mô tả */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
  }

  .dd-post-row .dd-content .dd-meta {
    font-size: 11px;
    color: #999;
    margin-bottom: 2px;
  }
}


/* ========= Style nút chuyển ngôn ngữ ========== */
.polylang_langswitcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  cursor: pointer;
}

/* Fix kích thước & canh cờ */
.polylang_langswitcher .lang-item img {
  width: 22px;      /* tăng/giảm nếu muốn */
  height: auto;
  display: block;
}

/* Ẩn tất cả item, chỉ hiện current khi đóng */
.polylang_langswitcher .lang-item {
  margin: 0;
  padding: 0;
}
.polylang_langswitcher .lang-item:not(.current-lang) {
  display: none;
}

/* Nút hiện tại */
.polylang_langswitcher .lang-item.current-lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  position: relative;
}

.polylang_langswitcher .lang-item.current-lang a,
.polylang_langswitcher .lang-item.current-lang > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Mũi tên nhỏ */
.polylang_langswitcher::after {
  content: "▾";
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9px;
  pointer-events: none;
}

/* Khi mở dropdown */
.polylang_langswitcher.is-open {
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.16);
  z-index: 999;
}

/* Dòng current trên cùng khi mở */
.polylang_langswitcher.is-open .lang-item.current-lang {
  width: 100%;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #eee;
  border-radius: 4px 4px 0 0;
  padding: 6px 20px 6px 6px;
}

/* Hiện các ngôn ngữ khác bên dưới */
.polylang_langswitcher.is-open .lang-item:not(.current-lang) {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
}

.polylang_langswitcher.is-open .lang-item:not(.current-lang) a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.polylang_langswitcher.is-open .lang-item:not(.current-lang):hover {
  background: #f5f5f5;
}

/* Xoay mũi tên khi mở */
.polylang_langswitcher.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Menu cart laptop */
#menu-item-2365 {
  display: none;
}

@media (max-width: 768px) {
  .mobile-nav .header-search-form {
    width: 127px !important;
  }
}