/*
Theme Name: Ly Sứ Bát Tràng
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===========================================================
   FONT Saira CHO BODY, TEXT, MENU, BUTTONS
   LUU Y: body chi nhan font-family, KHONG duoc ep font-weight 700
   (neu ep, toan bo chu tren site se bi in dam do ke thua)
===========================================================*/
body {
    font-family: "Saira", sans-serif !important;
    font-weight: 400;
}

.header-main .header-nav li a,
.header-bottom .nav > li > a,
.product-title a,
.rt_html_01 a,
h1, h2, h3, h4, h5, h6,
.single-product h1.entry-title,
.post-title,
.entry-title,
.news-title,
.heading,
.heading span,
.heading a,
.category-title,
.archive-page-title,
.widget-title {
    font-family: "Saira", sans-serif !important;
    font-weight: 700 !important;
}

/* ===========================================================
   FONT #990000 CHO TIÊU ĐỀ
===========================================================*/
h1, h2, h3, h4, h5, h6,
.single-product h1.entry-title,
.post-title,
.entry-title,
.news-title,
.heading,
.heading span,
.heading a,
.category-title,
.archive-page-title,
.widget-title,
.title__cate_rt {
    font-family: "Saira", sans-serif !important;
    font-weight: 700 !important;
}

/* ===========================================================
   HEADER MAIN MENU
===========================================================*/
.header-main .header-nav li:after,
.header-main .header-nav li:before { display: none; }

.header-main .header-nav li {
    margin: 0;
    position: relative;
}

.header-main .header-nav li a {
    font-size: 16px;
    color: #990000 !important;
    font-weight: 400;
    line-height: 50px !important;
    height: 50px;
    padding: 0 16px;
    display: inline-block;
    position: relative;
}

.header-main .header-nav li a:hover,
.header-main .header-nav .current-menu-item a {
    color: #990000 !important;
}

/* line hover */
.header-main .header-nav li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    bottom: -2px;
    background-color: #990000;
    transition: width .3s ease-in-out;
}

.header-main .header-nav li:hover > a:after {
    width: calc(100% - 2px);
    background-color: #990000;
}

/* SEARCH */
.header-main .search-field {
    border-radius: 40px !important;
    border: 1px solid #fec70a !important;
    height: 40px !important;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    background: #fff !important;
    line-height: 40px !important;
}
/* ĐẶT MÀU NỀN BE CHO HEADER CHÍNH */
.header-main {
    /* Mã màu Beige nhạt */
    background-color: #f9f5f1 !important; 
}

/* Nếu bạn muốn loại bỏ viền ngăn cách header (nếu có) */
.header-main {
    border-bottom: none !important;
}
/* ===========================================================
   HEADER BOTTOM MENU
===========================================================*/
/* Ghi đè triệt để cho header-bottom */
.header-bottom { 
    background: #990000 !important; 
    border-top: none !important;    /* Loại bỏ viền trên */
    border-bottom: none !important; /* Loại bỏ viền dưới */
    box-shadow: none !important;    /* Loại bỏ bóng đổ (nếu có) */
    margin-top: -1px !important;    /* Kéo sát lên trên để tránh lộ khe hở 1px */
}

/* Đảm bảo menu bên trong không có khoảng cách */
#wide-nav .nav {
    border: none !important;
}
#wide-nav .nav > li > a {
    line-height: 50px !important;
    height: 50px !important;
    /* GIẢM PADDING: Để 6px giúp các danh mục đứng sát nhau hơn */
    padding: 0 18px !important; 
    display: inline-flex !important;
    align-items: center !important;
    
    /* GIẢM KHOẢNG CÁCH GIỮA ICON VÀ CHỮ: Để 3px cho cực sát */
    gap: 3px !important; 
    
    color: #F5EBDD !important;
    font-family: "Saira", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

/* --- PHẦN BỔ SUNG: THU NHỎ KÍCH THƯỚC ICON --- */
#wide-nav .nav > li > a i {
    font-size: 13px !important; /* Thu nhỏ cỡ icon xuống 12px */
    width: 14px !important;     /* Bóp hẹp khung icon để chữ xích lại gần hơn */
    text-align: center;
    line-height: 1 !important;
    display: inline-block;
}

/* Loại bỏ hoàn toàn margin của các thẻ li */
#wide-nav .nav > li {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Hiệu ứng màu sắc khi hover */
.header-bottom .nav > li > a:hover,
.header-bottom .nav > .current-menu-item > a {
    color: #F5EBDD !important;
}

.header-bottom .nav > li > a:hover i {
    color: #F5EBDD !important; /* Giữ màu icon đồng bộ khi hover */
}

/* ===========================================================
    DROPDOWN HEADER BOTTOM - FIRST LETTER ONLY
===========================================================*/
.header-bottom .nav-dropdown {
    top: 50px !important;
    left: 0 !important;
    position: absolute !important;
    min-width: 260px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease;
}

.header-bottom li:hover > .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Chỉ viết hoa chữ cái đầu tiên của mỗi dòng menu */
.header-bottom .nav-dropdown li a {
    padding: 12px 15px !important;
    display: block;
    white-space: normal;
    font-size: 15px;
    color: #333 !important;
    
    /* Chuyển tất cả về chữ thường trước */
    text-transform: lowercase !important; 
}

/* Chọn ký tự đầu tiên để viết hoa */
.header-bottom .nav-dropdown li a::first-letter {
    text-transform: uppercase !important;
}

.header-bottom .nav-dropdown li a:hover {
    background-color: #f8f8f8;
    color: #c30005 !important;
}

.header-bottom .nav-dropdown ul.sub-menu {
    left: 100% !important;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: all .25s ease;
}

.header-bottom .nav-dropdown li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.header-bottom .nav-dropdown,
.header-bottom .nav-dropdown ul.sub-menu {
    pointer-events: auto !important;
}


.success-color{
	color: #f8b338 !important;
}
.img{
	overflow: hidden;
}
.rt_new_pro_right {
	position: unset !important;
}
.box_first_posts{
	padding-top: 55px;
}
.rt_new_pro_right > .col-inner{
	position: unset !important;
}
.rt_new_pro_right .col-inner .heading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
#content{
	background: #fff;
}
.variations_form .variations{
	display: block !important;
}
.woocommerce-result-count{
	display: none;
}
/*form_dk*/
.rt_form_dk  .small-12{
	padding-bottom: 15px;
}
.form_dk > div:nth-child(1){
	width: 50%;
	float: left;
	text-align: center;
	color: #f6f6f6;
	font-size: 14px;
}
.form_dk > div form{
	overflow: hidden;
	margin-bottom: 0;
}
.form_dk > div:nth-child(1) p{
	margin-bottom: 0 !important;
}
.form_dk > div:nth-child(1) h2{
 	font-size: 25px;
 	margin-bottom: 5px;
 	color: #f6f6f6;
 	font-weight: 400;
}
.form_dk > div:nth-child(2){
	width: 50%;
	float: right;
	position: relative;
	margin: 7px 0;
}
.form_dk > div:nth-child(2) input{
	width: 100%;
	height: 44px;
	margin:0;
}
.form_dk > div:nth-child(2) .wpcf7-submit{
	position: absolute;
	top: -10px;
	right: 0;
	width: 44px;
	height: 44px;
	text-transform: initial;
	background: #f39303;
	padding: 0;
}
.wpcf7-mail-sent-ok{
	color: #fff;
}
/*footer-wrapper*/ 
.footer-wrapper .section_doi_tac .large-12{
	padding-bottom: 0 !important;
}
.footer-wrapper .section_doi_tac .gallery-col {
	padding-bottom: 0;
}
.section_hotline .large-3{
	padding-bottom: 0 !important;
}
.section_hotline .large-3:nth-child(1){
    max-width: 29%;
    flex-basis: 29%;
}
.section_hotline .large-3:nth-child(2){
    max-width: 21%;
    flex-basis: 21%;
}
.section_hotline .large-3:nth-child(3){
    max-width: 21%;
    flex-basis: 21%;
}
.section_hotline .large-3:nth-child(4){
    max-width: 29%;
    flex-basis: 29%;
}
.section_hotline .large-3 img{
	    height: 48px;
    object-fit: cover;
}
.section_hotline .box-text{
	padding: 0 10px;
}
.section_hotline .has-hover h4{
	font-size: 13px;
	color: #333;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 0;
	font-family: 'Saira', sans-serif !important;
	text-transform: uppercase;
}
.section_hotline .has-hover a ,
.section_hotline .has-hover p{
	font-size: 14px;
	color: #333;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
}

.footer-1{
	background-color: unset;
	border: unset;
}
.footer-1 .large-3:nth-child(1){
	max-width: 27%;
    flex-basis: 27%;
}
.footer-1 .large-3:nth-child(2){
	max-width: 21%;
    flex-basis: 21%;
}
.footer-1 .large-3:nth-child(3){
	max-width: 27%;
    flex-basis: 27%;
}
.footer-1 .large-3:nth-child(4){
	max-width: 25%;
    flex-basis: 25%;
}

.footer-1 p{
	margin-bottom: 0 !important;
	line-height: 30px;
}
.footer-1 p i{
	color: #f39303;
}
.footer-1 .large-12{
	padding-bottom: 0 !important;
}
.footer-1 .menu li{
	border-top: unset;
}
.footer-1 .menu li a{
	line-height: 24px !important;
	padding-bottom: 8px !important;
	color: #333 !important;
	font-size: 14px;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-left: 15px !important;
	position: relative;
}
.footer-1 .menu li a:after{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 5px;
    width: 5px;
    border-radius: 40px;
    background: #333;
}
.footer-2 .widget-title{
	color: #636363;
	margin-bottom: 20px !important;
	display: block;
}
.footer ul.menu > li:nth-child(1){
	border:none !important;
}
.footer-1 .large-3:nth-child(3) h4{
    color: #333;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    font-weight: 500;
}
.footer .custom-html-widget{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.footer p{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.footer p i{
	color: #333 !important;
	margin-right: 7px;
}
.footer-1 .large-3:nth-child(1) img{
	height: 35px;
	object-fit: contain;
	margin-right: 5px;
}
.footer-1 .large-3:nth-child(1) .widget_text:nth-child(1) ,
.footer-1 .large-3:nth-child(3) .widget_text:nth-child(1){
	margin-bottom: 15px;
}
.absolute-footer{
	display: none !important;
}
.footer-2 .is-divider{
	display: none !important;
}
.rt_icon_hd{
	overflow: hidden;
}
.rt_icon_hd1{
	margin-right: 25px;
}
.rt_icon_hd1 img{
	padding: 6px 0;
}
.rt_icon_hd2{
	margin-right: 25px;
}
.rt_icon_hd2 img{
	padding-top: 9px;
}
.rt_icon_hd3 img{
	padding: 8px 0;
}
.rt_icon_hd > img{
	float: left;
	margin-right: 7px;
}
.rt_icon_hd > div{
	float: right;
	font-size: 14px;
	line-height: 21px;
	color: #33496d;
}
#wide-nav > .flex-row > .flex-left{
	width: 100% !important;
	margin-right: 0 !important;
}
.nav-dropdown-default{
	padding: 0;
}
.header-bottom{
	margin-bottom: 1px;
}
.search-form{
	width: 100% !important;
}
.clear {
	clear: both;
}
.image-tools.top.right {
	z-index: 9;
}
.badge-container {
	display: none;
}
/* --- FIX TITLE 2 DÒNG + BOX ĐỀU NHAU (Desktop) --- */
.product-title a {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    line-height: 22px; /* Tăng line-height để dễ đọc hơn */
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    font-family: 'Saira', sans-serif;
    height: 44px; /* Desktop: 22px * 2 dòng = 44px */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Khi hover */
.product-title a:hover {
    color: #cd9216 !important;
}

/* --- RESPONSIVE CHO MOBILE --- */
@media (max-width: 767px) {
    .product-title a {
        height: 65px; /* Chiều cao theo yêu cầu của bạn */
        font-size: 14px; /* Thường mobile nên hạ font xuống 14px cho cân đối */
        line-height: 21px; /* Cân đối lại khoảng cách dòng trên mobile */
        -webkit-line-clamp: 3; /* Nếu để 65px, bạn có thể cho hiển thị tối đa 3 dòng */
    }
}

.block-product-col {
	margin: 0 -10px;
	clear: both;
}
.block-product-col .col-4 {
	width: 25%;
	float: left;
	padding: 0 10px;
	margin: 10px 0;
}
.block-product-col .col-3 {
	width: 33.333333%;
	float: left;
	padding: 0 10px;
	margin: 10px 0;
}
.block-product-1 .col-inner {
	background-color: #ffffff;
	padding: 0;
	border-radius: 0px;
	border: none;
}
/*** loop price **/
.block-product-1{
	margin: 0 -8px;
}
.block-product-1 .col-3{
	padding: 0 8px;
	margin-bottom: 15px;
}
.block-product-1 .spd1_box_left{
	width: 460px;
	overflow: hidden;
	float: left;
	clear: none;
}
.block-product-1  .box-image{
	width: 100%;
	height: 154px;
}
.block-product-1 .box-image img{
	width: 100%;
	height: 154px;
	object-fit: cover;
}
.block-product-1 del{
	display: none !important;
}
.block-product-1 ins{
	width: 100% !important;
}
.block-product-1 .price{
	text-align: center !important;
}
.block-product-1 .box-text span.amount{
	font-size: 16px !important;
	font-weight: 600 !important;
}
.block-product-1 .spd1_box_left > div{
	width: 100% !important;
	margin-top: 0;
}
.block-product-1 .spd1_box_left .box-text{
	padding: 15px 20px 20px 20px;
}
.block-product-1 .spd1_box_left .box-text .product-title a{
	font-size: 21px;
	color: #33496d;
	line-height: 25px;
	display: block;
	height: 25px;
	overflow: hidden;
	margin-bottom: 6px;
}
.block-product-1 .spd1_box_right{
	width: calc(100% - 460px);
	float: right;
	clear: none;
}
.block-product-1 .spd1_box_right .box-text{
	padding:10px;
}
.block-product-1 .spd1_box_right .box-text .product-title a{
	display: block;
	font-size: 15px;
	color: #33496d;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin-bottom: 6px;
}
.block-product-1 .spd1_box_right .box-text span.amount{
	font-size: 15px;
}
.block-product-1 .spd1_box_right > div{
	margin-top: 0;
}
.block-product-1 .spd1_box_right .box-image{
	height: 170px;
	width: 100%;
}
.block-product-1 .spd1_box_right .box-image img{
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.block-product-1 .box-text {
	padding:5px 10px 20px 10px !important;
	background: url(img/star.png) 52px 55px no-repeat;
}
.block-product-1 .box-text a{
	display: block;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	color: #333333;
	text-align: center;
}
.box-text .price-wrapper {
	margin: 0 0 6px 0;
	line-height: 22px;
	width: 100%;
	text-align: center;
	height: unset;
	overflow: hidden;
}
.block-product-2 .box-text .added_to_cart {
    background: #fff !important;
    color: #000;
    font-weight: 500;
    text-transform: inherit;
    line-height: 32px;
    height: 32px;
    border: 2px solid #fccb4e;
    padding: 0 10px !important;
    margin-top: 18px;
    font-size: 14px;
    text-align: right;
    border-radius: 40px;
    float: right;
    margin-right: 0 !important;
}
.block-product-2 .box-text .added_to_cart:after{
	display: none;
}
.box-text del, 
.box-text ins {
	width: 100%;
	display: block;
}
.box-text  del span.amount {
  	color: #333;
  	font-size: 14px !important;
  	line-height: 28px;
  	font-weight: 400;
}
.box-text  span.amount {
  	color: #333;
  	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}
.block-product-1 .box-text .star-rating {
	display: block;
	width: 100%;
	margin:0 0 10px 0;
	padding:0;
	font-size: 11px;
}
.star-rating span:before{
    color: #f39402 !important;
}
/*** product single price **/
.product-info .price-wrapper span.amount, .product-info .price-wrapper ins .amount {
	font-size: 18px;
	color: #f54444;
}
.product-info .price-wrapper del, .product-info .price-wrapper ins {
	display: block;
	margin-bottom: 10px;
}
.product-info .price-wrapper del {
	color: #a8a8a8;
	font-size: 15px;
}
.product-info .price-wrapper del .amount {
	font-size: 15px;
	color: #a8a8a8;
}
.block-product-col  a.view_product {
	position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 1em;
    background-color: #dedede;
}
.block-product-col a.wc-forward {
	position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 1em;
    background-color: #446084;
    color: #fff;
}

/***************** block product 2 ********************************/
.block-product-2 .col-inner {
	background: #ffffff;
	position: relative;
	border-radius: 4px;
}
.block-product-2 .col-inner .rt-description {
	position: absolute;
	top: 0;
	left: -245px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 10px;
	font-size: 14px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: left 1s; 
    -moz-transition: left 1s; 
}
.block-product-2 .col-inner:hover .rt-description {
	opacity: 1;
	left: 0;
}
.block-product-2 .col-inner .rt-description a {
	color: #fff;
}
.block-product-col .rt-description a.view_product {
	margin-top: 0;
	color: #000;
}
.block-product-2 .rt-description a.wc-forward {
	margin-top: 0;
	margin-right: 0;
}
.block-product-2 .box-image{
	height: 245px;
	width: 100%;
}
.block-product-2 .box-image img{
	width: 100%;
	height: 245px;
	object-fit: cover;
}
.block-product-2 .box-text{
	padding: 15px !important;
	overflow: hidden;
	text-align: left;
}
.block-product-2 .box-text .product-title a{
    font-size: 15px;
    color: #333333;
    line-height: 25px;
    display: block;
    font-weight: 500;
    height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
}
.block-product-2 .box-text > a{
	background: #fff !important;
	color: #000;
	margin-top: 8px !important;
	font-weight: 500;
	float: right;
	line-height: 32px;
	height: 32px;
	border: 2px solid #fccb4e;
	padding: 0 15px;
	font-size: 15px;
	border-radius: 40px;
}
.star-rating{
	font-size: 11px !important;
	margin-top: 3px !important;
    margin-bottom: 6px !important;
}
.block-product-2 .box-text span.amount{
	font-size: 16px;
}
.block-product-2-edit .block-product-2 > div{
	width: 50%;
}
.block-product-2-edit .block-product-2 .col-4:nth-child(2n+1){
	clear: both;
}
.block-product-2-edit .slider-wrapper{
	margin-top: 23px;
}
.block-product-2-edit .slider-wrapper .text-inner h2{
	font-size: 60px;
	font-family: "SVN-Unthrift";
	margin-bottom: 30px;

}
.block-product-2-edit .slider-wrapper .text-inner p{
	font-size: 15px;
	line-height: 24px;
}
/***************** block product 3 ********************************/
.block-product-3{
	padding-bottom: 40px;
	overflow: hidden;
}
.block-product-3 .col-inner {
	border: none;
	background: #fff;
	overflow: hidden;
}
.block-product-3 .col-inner .box-text {
	padding-bottom: .4em;
}

.block-product-3 .price-wrapper {
	padding: 0;
	display: block;
}
.block-product-3 .price-wrapper .star-rating{
	width: 100%;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product {
	width: 100%;
	margin: 0 auto;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product .view_product {
	margin-top: 0;
	margin-right: 0;
}
.block-product-3 .price-wrapper .price del, .block-product-3 .price-wrapper .price ins {
	display: block;
	width: 100%;
	margin: 2px 0;
}
.block-product-3 .title-wrapper {
	text-align: left;
}
.block-product-3 .title-wrapper p a{
	font-size: 18px;
	display: block;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	color: #2c4162;
}
.block-product-3 .col-4{
	width: 50%;
}
.block-product-3 .col-4:nth-child(2n+1){
	clear: both;
}
.block-product-3 .box-image{
	width: 240px;
	height: 200px;
	float: left;
}
.block-product-3 .box-image img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.block-product-3 .box-text{
	width: calc(100% - 240px);
	float: right;
	background: #fff;
	text-align: left;
	padding: 20px 15px;
}
.block-product-3 .box-text .rt-des p{
	font-size: 14px;
	line-height: 22px;
	display: block;
	height: 66px;
	overflow: hidden;
	color: #6e6e6e;
}
/*them*/
.heading{
	text-align: center;
	margin-bottom: 30px;
}
.heading a , .heading span{
	display: inline-block;
	color: #000;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 40px;
	padding: 0 10px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
}
/*.heading a:after , .heading span:after{
	content: "";
	position: absolute;
	top: 20px;
	left: -60px;
	width: 60px;
	height: 2px;
	background: #BEBEBE;
}
.heading a:before , .heading span:before{
	content: "";
	position: absolute;
	top: 20px;
	right: -60px;
	width: 60px;
	height: 2px;
	background: #BEBEBE;
}*/
.grid-tools a{
	display: none !important;
	background: #f28f06 !important;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary{
	/*margin-top: 10px !important;*/
	margin-right: 0 !important;
	text-transform: initial;
	font-weight: 400;
	color: #fff !important;
	padding: 0 25px;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 41px;
	letter-spacing: 2px;
	margin: 0 !important;
	opacity:1;
}
.block-product-col a.wc-forward{
	text-transform: none !important;
}
.box_new > div{
	padding-bottom: 0;
}

/*
Hoang Cuong
*/
.box__colum__commitment {
	clear: both;
}
.box__colum__commitment h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}
.box__colum__commitment p {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}
.box__colum__commitment .col  {
	padding-bottom: 0;
}
ul.ul-reset>li{
  margin-left: 0 !important;
}
/*
news-widget-sidebar-widget
*/
.news-widget-sidebar-widget {
  background: #f4f4f4;
  padding: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar  {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar h4 {
    margin: 10px 0 5px 0;
}
.news-widget-sidebar-widget .news-item-sidebar h4 a {
    color: #073f77;
    font-size: 16px;
    font-weight: 500;
    display: block;
    line-height: 22px;
}
.news-widget-sidebar-widget .news-item-sidebar .date {
  color: #9c9c9c;
  font-size: 13px;
  font-weight: 500;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner {
    overflow: hidden;
    clear: both;
    padding-top: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb {
  float: left;
  width: 100px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a {
  display: block;
  line-height: 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a img {
  width: 100%;
  height: 75px;
    object-fit: cover;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider {
  float: right;
  width: calc(100% - 110px);
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider h4 {
  margin: 0 0 3px 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider h4 a {
    color: #073f77;
    font-size: 15px;
    font-weight: 500;
    display: block;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider .date {
  color: #9c9c9c;
  font-size: 13px;
  font-weight: 500;
}
/*
block 2
*/
.box_first_posts {
  clear: both;
  overflow: hidden;
}
.box_first_posts .news-item-posts {
  float: left;
  width: 48%;
}
.box_first_posts .news-item-posts:nth-child(2n) {
  float: right;
}
.box__second_posts {
  overflow: hidden;
  clear: both;
}
.box__second_posts .news-item-sidebar-clear {
  float: left;
  width: 48%;
}
.box__second_posts .news-item-sidebar-clear:nth-child(2n) {
  float: right;
}
.box__second_posts .news-item-sidebar-clear  .news-thumb {
  float: left;
  width: 105px;
}
.box__second_posts .news-item-sidebar-clear .box__slider {
  float: right;
  width: calc(100% - 115px);
}
.news-style-2 .box_first_posts .boxx__innner{
  position: relative;
  margin-bottom: 20px;
  overflow-y: hidden;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-2 .box_first_posts .boxx__innner .box__slider{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4{
  margin-bottom: 0;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4 .news-title{
  font-size: 17px;
  line-height: 22px;
  color: #fff;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date{
  color: #fff;
  font-size: 13px;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date i{
  padding-right: 5px;
  color: #fff;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear{
  padding-top: 11px;
  margin-top: 11px;
  border-top: 1px solid #e3e3e3;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb{
  width: 105px;
  height: 70px;
  overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(1),.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(2){
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb img{
  width: 100%;
  height: 70px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4{
  margin-bottom: 5px;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4 .news-title{
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  display: block;
  max-height: 44px;
  overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date{
  font-size: 13px;
  color: #6b6b6b;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date i{
  color: #f4ae43;
}
/*
block 3
*/
.news-style-3{
	margin: 0 -15px;
}
.news-style-3 .news-item-bottom{
  width: 33.33%;
  float: left;
  clear: none;
  padding: 0 15px;
  margin-bottom: 10px;
}
.news-style-3 .news-item-bottom .boxx__innner{
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb{
  width: 100%;
  position: relative;
  overflow:hidden;
  height: 240px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border:2px solid #657f93;
	padding:8px 14px;
	text-align: center;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(1){
	margin-bottom: 0;
	font-size: 20px;
	color: #838383;
	line-height: 22px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(2){
	margin-bottom: 0;
	font-size: 11px;
	color: #838383;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider{
  overflow-y: hidden;
  padding: 15px 0;
  text-align: center;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4{
  margin-bottom: 5px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
  font-size: 15px;
  color: #333;
  line-height: 22px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  height: 44px;
  overflow:hidden;
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4 .news-title:hover{
    color: #cd9216;
    font-weight: bold;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .box__description p{
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-align: justify;
  max-height: 44px;
  overflow: hidden;
  display: contents;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .views__all{
	margin-top: 25px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .views__all a{
  color: #333;
  border-bottom: 1px solid #d29f13;
    font-size: 16px;
    position: relative;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .views__all i{
	color: #d29f13;
}
/*
block 4
*/
.news-block-widget-style-4  .news-thumb img{
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-4  .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-4{
  overflow:hidden;
}
.news-block-widget-style-4 .box__colum__left{
  width: 49%;
  float: left;
}
.news-block-widget-style-4 .box__colum__left .boxx__innner{
  position: relative;
  overflow-y: hidden;
}
.news-block-widget-style-4 .box__colum__left .news-thumb{
  width: 100%;
  height: 430px;
}
.news-block-widget-style-4 .box__colum__left .news-thumb img{
  width: 100%;
  height: 430px;
  object-fit: cover;
}
.news-block-widget-style-4 .box__colum__left .box__slider{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.57);
  padding: 15px 20px;
}
.news-block-widget-style-4 .box__colum__left .box__slider h4{
  margin-bottom: 0;
}
.news-block-widget-style-4 .box__colum__left .box__slider h4 a{
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.news-block-widget-style-4 .box__colum__right{
  width: 49%;
  float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear{
  margin-bottom: 17px;
  overflow-y: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb{
  width: 130px;
  height: 95px;
  float: left;
  overflow: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb img{
  width: 100%;
  height: 95px;
  object-fit: cover;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider{
  width: calc(100% - 145px);
  float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4{
  margin-bottom: 0px;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4 .news-title{
  font-size: 17px;
  color: #333333;
  font-weight: 400;
  line-height: 24px;
  display: block;
  height: 24px;
  overflow:hidden;
} 
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .box__description p{
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #8f8f8f;
  display: block;
  max-height: 44px;
  overflow:hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .views__all a{
  font-size: 14px;
  color: #37a7a9;
  font-weight: 400;
  text-decoration: underline;
}
/*
block 5
*/
.news-widget-style-5{
  overflow:hidden;
}
.news-widget-style-5 .news-item-clear{
  width: 100%;
  float: left;
  margin-top: 20px;
  border-top: 1px solid #e9e8e8;
}
.news-widget-style-5 .news-item-clear:nth-child(1){
  border-top: 0;
  margin-top: 0;
}
.news-widget-style-5 .news-item-clear .boxx__innner{
	overflow: hidden;
	display: block;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb{
  width: 100px;
  height: 70px;
  float: left;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb a{
	overflow: hidden;
	display: block;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb img{
  width: 100%;
  height: 70px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider{
  width: calc(100% - 115px);
  float: right;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4{
  margin-bottom: 5px;
  margin-top: 5px;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4 .news-title{
  font-size: 16px;
  color: #333;
  line-height: 22px;
  display: block;
  height: 66px;
  overflow:hidden;
  font-weight:500;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider .box__description p{
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
  display: block;
  display: none;
  height: 44px;
  overflow: hidden;
}
/*
block 6
*/
.news-thumb{
  position: relative;
}
.news-block-widget-style-6{
  overflow:hidden;
}
.news-block-widget-style-6 .box__colum__left{
  width: 32%;
  float: left;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner{
  background: #f7f7f7;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb{
  width: 100%;
  height: 255px;
  overflow:hidden;
  position: relative;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb img{
  width: 100%;
  height: 255px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date{
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0, 0, 0, 0.36);
  color: #fff;
  text-align: center;
  padding: 10px 5px 0px 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(1){
  font-size: 10px;
  text-transform: uppercase;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(2){
  font-size: 15px;
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(3){
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p{
  margin-bottom: 0;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text{
  background: #37a7a9;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text a{
  color: #fff;
  display: block;
  text-align: center;
  font-size: 15px;
  line-height:30px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider{
  padding: 25px 20px;
  min-height: 255px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4{
  margin-bottom: 10px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4 a{
  font-size: 18px;
  line-height: 22px;
  display: block;
  max-height: 44px;
  overflow:hidden;
  color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .box__description p{
  font-size: 14px;
  line-height: 22px;
  display: block;
  color: #838383;
  height: 110px;
  overflow-y: hidden;
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .views_all{
  font-size: 14px;
  text-decoration: underline;
  color: #37a7a9;
}
.news-block-widget-style-6 .box__colum__right{
  width: 66%;
  float: right;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner{
  background: #f7f7f7;
  margin-bottom: 30px;
  overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb{
  width: 325px;
  height: 255px;
  float: left;
  overflow-y: hidden;
  position: relative;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb img{
  width: 100%;
  height: 255px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider{
  width: calc(100% - 325px);
  float: right;
  padding: 20px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p{
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span{
  font-size: 14px;
  color: #919191;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span a{
  color: #37a7a9;
  border-right: 1px solid #919191;
  padding-right: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4{
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4 a{
  font-size: 18px;
  line-height: 22px;
  display: block;
  max-height: 44px;
  overflow:hidden;
  color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__description p{
  font-size: 14px;
  margin-bottom: 0;
  color: #838383;
  line-height: 25px;
  display: block;
  max-height: 75px;
  overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .views_all{
  font-size: 13px;
  line-height: 25px;
  color: #37a7a9;
  text-decoration: underline;
}
/*them*/

.stuck #logo img{
	padding: 5px 0 !important;
}
.new_row_3 > .col{
	padding-bottom: 0;
}
.rt_slider .flickity-viewport{
	background: #fff !important;
}
.rt_slider .slider-nav-light .flickity-prev-next-button svg,.rt_slider .slider-nav-light .flickity-prev-next-button .arrow{
	fill:#f39303;
}
#footer .widgettitle{
	color: #333 !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-bottom: 12px;
	overflow: hidden;
	line-height: 26px;
	text-transform: uppercase;
	display: block;
}
#footer .is-divider{
	display: none !important;
	background-color:#fca91e;
}
hr{
	border:0.5px solid #5c3d4a !important;
	opacity: 1 !important;
}
.widget_custom_html p{
	margin-bottom: 8px !important;
}
.widget_custom_html p i{
	color: #fff;
}
.widget_custom_html div.rt_icon{
	float: right;
}
.widget_custom_html div.rt_icon i{
	color: #fca91e;
	font-size: 16px;
	padding-left: 5px;
}
.rt_form{
	position: relative;
	margin-top: 10px;
}
.rt_form input{
	width: 100%;
	height: 37px;
	border-radius: 4px;
	margin-bottom: 0;
}
.rt_form .wpcf7-submit{
	position: absolute;
    top: 0;
    color: #fff;
    right: 0;
    width: 100px;
    font-weight: 500;
    height: 35px;
    text-transform: uppercase;
    padding: 0;
    border-radius: 0;
    margin-top: 0 !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #aa9664 !important;
}
.footer-2{
	padding: 0 !important;
	background-color: unset;
}
.footer-2 .widget {
	margin-bottom: 0 !important;
}
.footer-2  .col{
	padding-bottom: 0 !important;
}
.footer-2 p{
	color: #333;
	font-size: 14px;
	line-height: 60px;
	margin-bottom: 0;
	display: block;
}
.footer-2 ul.menu{
	float: right;
}
.footer-2 ul.menu li{
	float: left;
	border:none;
}
.footer-2 ul.menu li a{
	color: #fca91e;
	padding: 0 10px;
	border-left: 1px solid #fca91e;
}
.footer-2 ul.menu li:nth-child(1) a{
	border:none;
}
.footer-2 ul.menu li ul{
	display: none;
}
.footer-2 .img-inner{
	line-height: 60px;
	float: right;
}
.footer-2 img{
	height: 49px;
	object-fit: contain;
}
.footer-wrapper{
	padding-bottom: 0 !important;
}
.single-product .box-text{
	overflow: hidden;
	display: block;
}
.single-product .add_to_cart_button{
    background: #fff !important;
    color: #000;
    font-weight: 500;
    line-height: 32px;
    height: 32px;
    border: 2px solid #fccb4e;
    padding: 0 15px;
    float: right;
    text-align: right;
    font-size: 15px;
    border-radius: 40px;
}
.single-product .added_to_cart{
    background: #fff !important;
    color: #000;
    font-weight: 500;
    text-transform: inherit;
    line-height: 37px;
    height: 37px;
    border: 2px solid #fccb4e;
    padding: 0 10px !important;
    margin-top: 12px;
    font-size: 14px;
    text-align: right;
    border-radius: 40px;
    float: right;
}
.single-product .added_to_cart:after{
	display: none;
}
.added_to_cart:hover , .ajax_add_to_cart:hover{
	background: #fec70a !important;
	color: #333 !important;
    box-shadow: inset 0 0 0 100px rgb(254 199 10);
}
.single-product .box-text{
	padding: 15px !important;
    overflow: hidden;
    text-align: left;
}
.single-product .box-text .product-title{
}
.single-product .box-text .price{
}
.single-product .page-title{
	background: #ffffff;
}
a.devvn_buy_now_style{
	background: #fe9960 !important;
}
.quantity+.button,.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
	font-size: 18px;
    color: #fff;
    line-height: 46px;
    height: 46px;
    padding: 0 107px;
    font-weight: bold;
    background: #D9C594;
    opacity:unset;
}
.rt_woocommerce_single_product_summary .buttons_added .is-form{
    line-height: 43px;
    padding: 0 20px
}
.rt_woocommerce_single_product_summary .buttons_added .input-text {
	line-height: 46px !important;
    height: 46px !important;
    max-width: 4.5em;
    width: 65px !important;
}
.rt_woocommerce_single_product_summary .product-short-description a{
	color: #107bc0 !important;
	font-weight: 500;
}
.rt_woocommerce_single_product_summary .ivpa_registered{
	display: none !important;
}
.single-product h1.entry-title{
	font-size: 30px;
	line-height: 30px;
	color: #990000 ;
	font-weight: 600;
	margin-bottom: 8px;
	font-family: 'Saira', sans-serif !important;
}
.single-product .rt_msp{
	margin-bottom: 5px;
	font-size: 14px;
	color: #404040;
}
.single-product .rt_woocommerce_single_product_summary  .price2{
	margin-bottom: 5px;
	border-bottom: none;
	padding-bottom: 5px;
}
.single-product .salep{
	font-size: 14px;
	color: #ef0c0c;
}
.single-product ins{
	font-size: 16px;
	line-height: 22px;
	color: #ee0d0d;
	font-weight: 400 !important;
}
.rt_woocommerce_single_product_summary .price2 ins span{
	font-size: 20px;
}
.rt_woocommerce_single_product_summary .sale{
	    font-size: 14px;
    color: #999999;
    font-weight: 400 !important;
}
.rt_woocommerce_single_product_summary .price2 del{
	padding: 0 5px;
}
.rt_woocommerce_single_product_summary .price2 ins span{
	color: #cd9216 ;
	font-weight: bold;
}
.checkout-page-title{
	display: none;
}
.price2 ins span{
	color: #000;
	font-size: 17px;
	font-weight: 500;
}

.single-product del{
	font-size: 14px;
	color: #999999;
	font-weight: 400 !important;
}

.single-product .cart{
	clear: both;
	margin-bottom: 0px;
}
.single-product .product-main{
	padding-bottom: 0;
}
.single-product .widget_custom_html{
	margin-bottom: 10px;
}
#main{
	background: #fff;
}
.percent{
	display: none;
}
.product-summary .percent{
	display: contents !important;
}
.price2 > span{
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

/* social */
.rt-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    clear: both;
}
.rt-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
.rt-link:hover,.rt-link:active {
    color: white;
}
.rt-twitter {
    background: #00aced;
}
.rt-twitter:hover,.rt-twitter:active {
    background: #0084b4;
}
 
.rt-facebook {
    background: #3B5997;
}
 
.rt-facebook:hover,.rt-facebook:active {
    background: #2d4372;
}
 
.rt-googleplus {
    background: #D64937;
}
.rt-googleplus:hover,.rt-googleplus:active {
    background: #b53525;
}
.rt-pSairaest {
    background: #bd081c;
}
 
.rt-pSairaest:hover,.rt-pSairaest:active {
    background: #bd081c;
}

.post-social-wrap ul li {
    float: left;
    margin-right: 10px;
}
.post-social-wrap ul li.print {
    background: #bd081c;
    padding: 0 5px;
    border-radius: 5px;
}
.post-social-wrap ul li.print a {
    color: #fff;
}
/* shortcode social */
.social-bar a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background: #314b7e;
  color: #fff;
}
.social-bar a.facebook {
  background: #314b7e;
}
.social-bar a.twitter {
  background: #339dc4;
}
.social-bar a.skype {
  background: #214bc1;
}
.social-bar a.youtube {
  background: #e52c27;
}
.social-bar a.prin {
  background: #b31217;
}
.row_img_new > .col{
	padding-top: 15px;
	padding-bottom: 15px;
}

.single-product .product-container .product-gallery-slider{
	border: 1px solid #ccc;
}
/*ph_01*/
.ph_01{
	padding-bottom: 20px !important;
}
.ph_01 .row_dmsp{
	margin: 0 -10px !important;
}
.ph_01 .row_dmsp style{
	display: none;
}

.ph_01 .product-category .col-inner{
	position: relative;
}
.ph_01 .product-category .box-image{
	display: block;
}
.ph_01 .product-category .box-image:after ,
.ph_01 .product-category .box-image:before{
	position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}
.ph_01 .product-category .col-inner .box-image:before{
	border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.ph_01 .product-category .col-inner .box-image:after{
	border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.ph_01 .product-category .col-inner:hover .box-image:after ,
.ph_01 .product-category .col-inner:hover .box-image:before{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ph_01 .box-image img{
	height: 550px;
	width: 100%;
	object-fit: cover;
}
.ph_01 .box-text.text-center{
	padding-bottom: 0;
}
.row_dmsp  .has-hover{
	position: relative;
}
.ph_01 .box-text .header-title{
	text-transform: uppercase;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
}
.ph_01 .box-text .is-xsmall{
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	line-height: 26px;
	margin: 0;
	font-weight: 500;
}
.ph_01 .box-text .is-xsmall:hover, .ph_01 .box-text .header-title:hover {
    color: #cd9216 !important;
}
.ph_01 .row_dmsp .slick-arrow i{
	background: #D9C594;
	border-radius: 50px;
	background: #D9C594;
	padding: 2px 10px;
	color: #fff;
    border-radius: 50px;
}
.ph_01 .row_dmsp .slick-prev{
	left: -20px;
	top: 40%;
}
.ph_01 .row_dmsp .slick-next{
	right: -20px;
	top: 40%;
}
/*ph_02*/
.ph_02 .large-6{
	padding-bottom: 0px !important;
}
.ph_02 .col-inner .row {
	margin: 0 -10px !important;
}
.ph_02 .gallery-col{
	padding: 0 10px 20px;
}
.ph_02 .gallery-col img{
	height: 120px;
	width: 100%;
	object-fit: cover;
}
.ph_02 .rt_win_right .col-inner{
	background: #fff;
	text-align: center;
	padding: 60px;
	display: block;
	overflow: hidden;
	box-shadow: 1px 1px 6px #3336;
}
.ph_02 .rt_win_righ:hover .col-inner{
	box-shadow: 1px 1px 6px #3336;
}
.ph_02 .rt_win_right .col-inner .has-hover{
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 12px;
}
.ph_02 .rt_win_right .col-inner .has-hover img{
	height: 98px;
	overflow: hidden;
	display: inline-block;
	object-fit: contain;
}
.ph_02 .rt_win_right .col-inner p{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 20px;
}
.slick-prev {
    position: absolute;
    top: 45%;
    left: 0px;
    z-index: 9;
    height: 35px;
    width: 20px;
    cursor: pointer;
}
.slick-next {
    position: absolute;
    top: 45%;
    right: -18px;
    z-index: 9;
    height: 35px;
    width: 25px;
    cursor: pointer;
}
.slick-arrow i {
    color: #333;
    font-size: 25px;
    font-weight: 500;
}
.rt_buttom {
	margin-top: 20px;
	text-align: center;
	padding-bottom: 0 !important;
}
.rt_buttom .button  i ,
.rt_buttom .button span{
	font-weight: 500;
	color: #fff;
}
/*ph_03*/
.ph_003 .box-text .title-wrapper .category{
	    color: #fbc145;
}
.ph_003 .product-category .col-inner{
	position: relative;
}
.ph_003 .product-category .box-image{
	display: block;
}
.ph_003 .product-category .box-image:after ,
.ph_003 .product-category .box-image:before{
	position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}
.ph_003 .product-category .col-inner .box-image:before{
	border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.ph_003 .product-category .col-inner .box-image:after{
	border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.ph_003 .product-category .col-inner:hover .box-image:after ,
.ph_003 .product-category .col-inner:hover .box-image:before{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ph_03 .large-12{
	padding-bottom: 0 !important;
}
.ph_03 .rt_blog_khach_hang  .col-inner{
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	padding-top: 30px;
}
.ph_03 .product-small > .col-inner{
	box-shadow: unset;
	border: 1px solid #e7e7e6;
}
.ph_03 .box-text .header-title {
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
}
.ph_03 .box-text .is-xsmall:hover ,
.ph_03 .box-text .header-title:hover{
	color: #cd9216 !important;
}
.ph_03 .box-text .is-xsmall  {
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    font-weight: 500;
}
.rt_blog_khach_hang .box-text {
	padding-bottom: 0 !important;
}
.rt_blog_khach_hang .box-image{
	margin-bottom: 10px;
}
.rt_blog_khach_hang h4{
	font-size: 16px;
	color: #333;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}
.rt_blog_khach_hang p{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 26px;
}
.rt_blog_khach_hang blockquote{
	border: unset !important;
	padding: 45px 0 !important;
	position: relative;
	margin: 0;
	border-color: unset !important;
}
.rt_blog_khach_hang blockquote:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 25px;
	width: 30px;
	background: url(img/top.jpg) no-repeat;
}
.rt_blog_khach_hang blockquote:before{
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 25px;
	width: 30px;
	background: url(img/bot.jpg) no-repeat;
}
.rt_slider_kh style{
	display: none !important;
}
.row> .slick-arrow:not(.col):not([class^="col-"]){
	width: 20px  !important;
}
/*ph_04*/
.ph_04 , .ph_05{
	padding-bottom: 30px !important;
}
.ph_04 .rt_04_right .col-inner {
    background: #fff;
    text-align: center;
    padding: 80px 50px;
    display: block;
    overflow: hidden;
}
.ph_04 .rt_04_right .col-inner:hover{
	box-shadow: 1px 1px 6px #3336;
}
.ph_04 .rt_04_right .col-inner h2{
	font-size: 30px;
	color: #333;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 4px;
	font-family: 'Montserrat', sans-serif !important;
}
.ph_04 .rt_04_right .col-inner h6{
	font-size: 15px;
    color: #000;
    font-weight: 600;
    line-height: 23px;
    text-transform: inherit;
    font-style: italic;
    margin-bottom: 10px;
}
.ph_04 .rt_04_right .col-inner p{
	font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0px;
}
.ph_04 .rt_04_right .button{
	margin-top: 20px !important;
}
/*ph_05*/
.ph_05 .heading{
	margin-bottom: 30px;
}
.ph_004 .rt_04_right .col-inner {
    background: #fff;
    text-align: center;
    padding:80px 50px;
    display: block;
    overflow: hidden;
}
.ph_004 .rt_04_right .col-inner:hover{
	box-shadow: 1px 1px 6px #3336;
}
.ph_004 .rt_04_right .col-inner h2{
	font-size: 30px;
	color: #333;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 4px;
	font-family: 'Montserrat', sans-serif !important;
}
.ph_004 .rt_04_right .col-inner h6{
	font-size: 15px;
    color: #000;
    font-weight: 600;
    line-height: 23px;
    text-transform: inherit;
    font-style: italic;
    margin-bottom: 10px;
}
.ph_004 .rt_04_right .col-inner p{
	font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0px;
}
.ph_004 .rt_04_right .button{
	margin-top: 20px !important;
}
/*ph_06*/
.ph_06{
	padding-bottom: 20px !important;
}
.ph_06 .box-image {
	margin-bottom: 12px;
}
.ph_06 .box-image img{
	height: 70px;
	object-fit: contain;
}
.ph_06 .box-text h4{
	font-size: 20px;
	color: #333;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 12px;
	font-family: 'Montserrat', sans-serif !important;
}
.ph_06 .box-text{
	padding: 0;
}
.ph_06 .box-text p{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 24px;
}
/*ph_07*/
.ph_07{
	padding-top: 40px !important;
}
.ph_07 .wpcf7{
    background: #000000db;
    padding: 50px !important;
    display: block;
    text-align: center;
}
.ph_07 .wpcf7 h2{
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'Montserrat', sans-serif !important;
}
.ph_07 .wpcf7 .rt_form_tu_van{
	overflow: hidden;
	display: block;
	margin: 0 -10px;
}
.ph_07 .wpcf7 .rt_form_tu_van span{
	width: 50%;
	float: left;
	padding: 0 10px;
}
.ph_07 .wpcf7 span textarea ,
.ph_07 .wpcf7 span input{
	background: #fff0;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
}
.ph_07 .wpcf7 span input::placeholder { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.ph_07 .wpcf7 span input:-ms-input-placeholder { /* chạy trên Sairanet Explorer 10-11 */
    color: #fff;
}

.ph_07 .wpcf7 span input::-ms-input-placeholder { /* chạy trên Microsoft Edge */
    color: #fff;
}
.ph_07 .wpcf7 span textarea::placeholder { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.ph_07 .wpcf7 span textarea:-ms-input-placeholder { /* chạy trên Sairanet Explorer 10-11 */
    color: #fff;
}

.ph_07 .wpcf7 span textarea::-ms-input-placeholder { /* chạy trên Microsoft Edge */
    color: #fff;
}
.ph_07 .wpcf7 .wpcf7-submit{
	font-size: 16px;
	font-weight: 500;
}
.shop-page-title{
	display: none !important;
}
.page-id-1600 .breadcrumb_link ,
.page-id-1597  .breadcrumb_link ,
.page-id-1595 .breadcrumb_link ,
.page-id-1559 .breadcrumb_link ,
.page-id-1528 .breadcrumb_link ,
.tax-product_cat .category-page-row .breadcrumb_link ,
.tax-product_cat  .breadcrumb_link ,
.home .breadcrumb_link{
	display: none !important;
}
.breadcrumb_link{
	background: #F3F5F6;
}
.breadcrumb_link .rt-breadcrumbs{
	margin-bottom: 0;
}
.breadcrumb_link span , .breadcrumb_link p{
	font-size: 15px;
	color: #252A2B;
	font-weight: 400;
	line-height: 38px;
}
.rt_chuyen_muc .breadcrumb_link{
	display: block;
}
.rt_anh_sp .widget_media_image{
	list-style: none;
	margin: 0;
}
.rt_anh_sp .widget_media_image img{
	width: 100%;
	object-fit: contain;
}

#wrapper , .tax-product_cat #main{
	background: #fff;
}
.shop-container .products .col-inner{
	box-shadow: unset !important;
	border: none !important; 
}
.shop-container .products .col-inner:hover{
	border: none !important; /* Thay 1px solid #ccc bằng none */
}

.shop-container .product-category .col-inner{
	position: relative;
}
.shop-container .product-category .box-image{
	display: block;
}
.shop-container .product-category .box-image img{
	height: 276px;
	object-fit: cover;
}
.shop-container .product-category .box-image:after ,
.shop-container .product-category .box-image:before{
	position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}
.shop-container .product-category .col-inner .box-image:before{
	border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.shop-container .product-category .col-inner .box-image:after{
	border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.shop-container .product-category .col-inner:hover .box-image:after ,
.shop-container .product-category .col-inner:hover .box-image:before{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.category-product-count{
	font-size: 30px;
	font-weight: 600;
	color: #993300;
	margin-bottom: 6px;
	text-align: center;
	text-transform: uppercase;
        font-family: "Saira", sans-serif !important;
}
.category-product-count .sep{
	margin: 0 4px;
	color: #999;
}

.category-product-count .cate-brand{
	color: #993300;
	font-weight: 600;
        font-family: "Saira", sans-serif !important;
        text-transform: uppercase;
}
.shop-container .products .box-image .sale{
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ffb108;
	color: #fff;
	border-radius: 50px;
	height: 36px;
	width: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
}
.shop-container .products .add_to_cart_button{
    border-radius: 4px;
    font-size: 12px;
    background: #fff !important;
    color: #000;
    font-weight: 500;
    line-height: 32px;
    height: 32px;
    border: 2px solid #fccb4e;
    padding: 0 15px;
    font-size: 15px;
    text-align: right;
    border-radius: 40px;
    float: right;
}
.shop-container .products .added_to_cart {
    background: #fff !important;
    color: #000;
    font-weight: 500;
    text-transform: inherit;
    line-height: 37px;
    height: 37px;
    border: 2px solid #fccb4e;
    padding: 0 10px !important;
    margin-top: 12px;
    font-size: 14px;
    text-align: right;
    border-radius: 40px;
    float: right;
}
.shop-container .products .added_to_cart:after{
	display: none;
}
.single-product .shop-container .product-main{
	padding-top: 30px !important;
}
.rt_text_ctsp td{
	color: #333;
	line-height: 24px;
}
.product-short-description h2{
	margin: 0;
	font-weight: 500;
	color: #333;
	line-height: 40px;
}
.product-short-description p{
	line-height: 24px;
    color: #333;
    font-size: 14px;
    margin-bottom: 16px;
}
/*section_dmsp*/

.section_dmsp .rt_thuong_hieu{
	display: none;
}
.rt_thuong_hieu{
	display: block;
	text-align: center;
}
.rt_thuong_hieu img{
	height: 25px;
	width: auto;
	object-fit: cover;
}
.section_dmsp .product-section{
	border: unset;
}
.section_dmsp .flickity-button {
	background-color: unset !important;
	box-shadow: unset !important;
}
.section_dmsp .box-text {
	background: #fff;
}
.section_dmsp .box-image .sale{
	display: none;
}
.rt_km_ctsp{
	overflow: hidden;
	display: block;
}
.rt_km_ctsp li{
	list-style: none;
}
.rt_km_ctsp .textwidget{
	border: 2px solid #fccb4e;
	padding: 20px;
	border-radius: 8px;
}
.rt_km_ctsp h2{
	color: #ff2b2b;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
}
.rt_km_ctsp p{
	color: #333;
	font-weight: 400;
	font-size: 16px;
	padding-left: 20px;
	background: url(img/tk.png) 0px 4px no-repeat;
	line-height: 28px;
	margin: 0 !important;
}
.product-footer .woocommerce-tabs{
	padding: 0;
	margin: 40px 0;
}
.product-footer .container{
	/* overflow: hidden pha vo position: sticky cua sidebar con ben trong;
	   flow-root van chua duoc float nhu overflow: hidden nhung khong chan sticky */
	overflow: visible;
	display: flow-root;
}
.nav-tabs+.tab-panels{
	padding: 10px !important;
	background: unset;
}
.nav-tabs+.tab-panels ul{
	background: #F4F4F4;
	border-radius: 6px;
	padding: 12px;
}
.tabbed-content .product-tabs{
	border-left: 1px solid #EBEBEB;
	padding: 2px;
	border-right: 1px solid #EBEBEB;
}
.tabbed-content .nav-tabs>li{
	display: inline-block;
    margin-bottom: 0px;
}
.tabbed-content .nav-tabs .active{
	position: relative;
    border-bottom-color: #d9c594;
}
.tabbed-content .nav-tabs .active:after{
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #d9c594;
}
.tabbed-content .nav-tabs>li a{
	border: unset;
    font-size: 18px;
    color: #333;
    padding: 0 16px;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
}
.nav-tabs>li>a{
	background-color: unset;
}
.page-numbers {
	overflow: hidden;
	display: block;
	width: 100%;
}
/*box__content__rights */
.heading_td{
    display: inline-block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin: 0
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif !important;
    position: relative;
}
.box__nth_1 .date{
	font-size: 14px;
	color: #d9c594;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
}
.box__content__rights , .box__content__left {
	margin-top: 30px;
}
.box__content__rights .box__nth_2 ul{
	padding-left: 22px;
}
.box__content__rights  .headings{
	display: inline-block;
    color: #000;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 40px;
    position: relative;
    font-family: 'Montserrat', sans-serif !important;
}
.box__content__rights .box__colum__nth2{
	overflow: hidden;
	display: block;
	margin: 0 -10px;
}
.box__content__rights .news-post-news{
	width: 50%;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.box__content__rights .news-post-news .box__news__inner{
	border: 1px solid #ebebeb;
    box-shadow: 0 1px 4px rgb(128 128 128 / 11%);
    height: 100%;
    border-radius: 8px;
    text-align: center;
}
.box__content__rights .news-post-news img{
	height: 240px;
	width: 100%;
	object-fit: cover;
	border-radius: 6px;
}
.box__content__rights .news-post-news .box__content{
	padding: 15px 10px;
}
.box__content__rights .news-post-news .box__content h3 a{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    display: block;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}
.box__content__rights .news-post-news .box__content h3 a:hover{
    color: #cd9216;
}
.box__content__rights .news-post-news .box__content .date{
	    font-size: 14px;
	    color: #333;
	    font-weight: 400;
	    line-height: 26px;
}
.box__content__rights .news-post-news .box__content .box__des p{
	   margin-bottom: 5px;
    font-size: 15px;
    line-height: 22px;
    color: #838383;
    text-align: justify;
    max-height: 44px;
    overflow: hidden;
}
.box__content__left  .is-divider{
	display: none;
}
.box__content__left .widget-title {
    display: block;
    background: #d9c594 ;
    font-size: 18px !important;
    line-height: 40px !important;
    height: 40px !important;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border-radius: 6px 6px 0 0;
}
.box__content__left .menu{
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 0 0 6px 6px;
}
.box__content__left .menu li a:hover{
	color: #fec70a;
}
.box__content__left .news-widget-style-5{
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 0 0 6px 6px;
}
#related-post1 .box__colum__news h3 a{
	color: #333;
	font-size: 17px;
}
#related-post1 .box__colum__news h3 a:hover{
	color: #cd9216 ;
}
/*.product-summary .quantity{
	margin-top: 5px;

}*/
.box-text .title-wrapper {
	text-align: center;
}
.box-text .title-wrapper .category {
	color: #cd9216;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display: block;
	text-transform: uppercase;
	opacity:unset;
	line-height: 26px;
    font-family: 'Montserrat', sans-serif !important;
}
.shop-container .products .box-text{
	overflow: hidden;
    display: block;
    position: unset;
    text-shadow: unset;
}
.shop-container .products .box-text .header-title{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif !important
}
.shop-container .products .col-inner:hover .box-text .count ,
.shop-container .products .col-inner:hover .box-text .header-title{
	color: #fff;
}
.shop-container .products .box-text .count{
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	text-transform: inherit;
}
.rt_thuong_hieu li{
	list-style: none;
	text-align: center;
	margin: 0;
}
.thuong_hieu .rt_thuong_hieu{
	display: block;
}
.product-footer .tab-panels .active {
    overflow: hidden;
    display: block;
}
.accordion__body {
  display: none;
  padding: 1em 0;
  border-top: 0;
}
.accordion__body table{
	margin: 0;
}
.accordion__body.is-active {
  display: block;
}

.tab-panels .panel:not(.active){
	opacity:1 !important;
	visibility:unset;
	height: auto;
}

.section_dmsp{
	overflow: hidden;
	display: block;
}
.section_dmsp .related {
	border: unset;
	width: 100%;
	overflow: hidden;
	display: block;
}
.section_dmsp .related .product-section-title{
	width: 100%;
	max-width: 100% !important;
	margin: 0 !important;
    padding: 0;
    margin-bottom: 25px !important;
    position: relative;
    text-transform: inherit;
}
.section_dmsp .related .product-section-title:after{
	content: "";
    position: absolute;
    top: 40px;
    left: 3%;
    width: 97%;
    height: 2px;
    z-index: 9;
    background: #cfbe93;
}
.section_dmsp .related .product-section-title span{
    font-size: 18px;
    color: #fff;
    padding-left: 35px;
    padding-right: 24px;
    display: inline-block;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
    background: url(img/heads.png) no-repeat;
}
.section_dmsp .related .product-section-title  a{
	text-align: right;
	float: right;
	font-size: 16px;
	color: #333;
	font-weight: 500;
	line-height: 40px;
	text-transform: inherit;
}
.section_dmsp .related .flickity-button {
	background-color: unset !important;
	box-shadow: unset !important;
}
.RT_xt_rt{
	text-align: center;
    display: block;
    width: 100%;
}
.RT_xt_rt a{
    display: inline-block;
    text-align: center;
    padding: 0 30px;
    text-transform: uppercase;
    margin-top: 25px;
    background: #cfbe93;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
	font-weight: 500;
	font-size: 15px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	width: 140px;
	margin-bottom: 15px;
}
.RT_xt_rt a:hover{
	background: red;
}
.tab-panels_hover .active{
	height: auto !important;
}
.RT_xt_rt_hover a{
    font-size: 0;
    position: relative;
}
.RT_xt_rt_hover a:after {
    position: absolute;
    content: "Thu gọn ";
    line-height: 46px;
    right: 0;
    left: 0;
    top: -3px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    font-size: 17px;
    color: #fff;
    width: 140px;
    text-transform: unset;
    border-radius: 6px;
}
.RT_xt_rt_hover a:after:hover{
	color: red;
}
.tab_ctsp{
	margin-top: 30px;
}
/* Style the buttons that are used to open and close the accordion panel */
.rt_km_ctsp .accordion {
    color: #333;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    margin: 0;
    outline: none;
    font-size: 16px;
    line-height: 46px;
    transition: 0.4s;
    font-family: 'Montserrat', sans-serif !important;
}
.rt_km_ctsp .accordion i{
	padding-right: 10px;
    font-size: 13px;
    line-height: 30px;
}
.rt_km_ctsp .active{
	margin-bottom: 0;
}
.rt_km_ctsp .accordion .accordion__header.is-active{
	    border-bottom: 2px solid #d9c594;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.rt_km_ctsp .active{
	border-bottom: 2px solid #d9c594;
}

/* Style the accordion panel. Note: hidden by default */
.rt_km_ctsp .panel {
	padding: 10px 0;
	background-color: white;
	overflow: hidden;
	display: none;
}
.rt_km_ctsp .panel:nth-child(1){
	display: block !important;
}
.accordion__body  p{
	margin-bottom: 0;
}
.rt_km_ctsp .slides{
	margin: 0;
}
.rt_km_ctsp .accordion i{
	float: right;
	font-size: 13px;
    background: #d9c594;
    padding: 0px 10px;
    border-radius: 30px;
    line-height: 30px;
    position: relative;
    top: 4px;
}

.rt_km_ctsp .accordion__body  tbody tr td{
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 25px;
    font-family: 'Roboto', sans-serif !important;
}
.rt_km_ctsp .accordion__body  tbody tr td:nth-child(1){
	background: #F5F5F5;
}
.box__thongtin__right {
    float: right;
    width: 25%;
    margin-top: 40px;
    margin-bottom: 30px;
}
.product-footer .woocommerce-tabs {
    padding: 0;
    float: left;
    width: calc(100% - 27%);
    margin-bottom: 20px;
}
.product__sale-single{
	border: none;
	padding: 10px;
}
.product__sale-single .title__infomation{
	font-size: 22px;
	color: #333;
	font-weight: 500;
	line-height: 36px;
}
.pro___quantam .item{
	overflow: hidden;
	display: block;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #EBEBEB;
}
.pro___quantam .item:last-child{
	border: unset;
	margin: 0;
}
.pro___quantam .item .thumb__img__p{
	width: 100px;
    height: 100px;
    float: left;
}
.pro___quantam .item .thumb__img__p img{
	width: 100%;
    height: 100px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.pro___quantam .item .thumb__img__p img:hover{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pro___quantam .item .product_content{
    width: calc(100% - 115px);
    float: right;
}
.pro___quantam .item .product_content h3 a{
	font-size: 17px;
    color: #333;
    line-height: 22px;
    display: block;
    height: 22px;
    overflow: hidden;
    font-weight: 500;
}
.pro___quantam .item .product_content h3 a:hover{
	color: #cd9216 !important;
}
.pro___quantam .item ins{
	display: block;
}
.title__cate_rt{
	text-align: center;
    display: inline-block;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif !important;
    position: relative;
}
.heading_ten_dm{
	text-align: center;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 43px;
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px;
    background: #F8F9FA;
    font-family: 'Montserrat', sans-serif !important;
}
.shop-container .woof_sid_auto_shortcode {
	display: none;
}



.loc_mobi > .rt_loc_sp > h4{
	display: none;
}
.loc_mobi > .rt_loc_sp{
	list-style: none;
}
.rt_loc_sp{
	display: block;
	z-index: 99999;
	background: #F8F9FA;
	border-top: 2px solid #993300;
	border-bottom: 2px solid #993300;
	height: 48px;
	margin-bottom: 30px;
}
.rt_loc_sp .yith-wcan-filters {
	position: relative;
	top: -30px;
}
.rt_loc_sp .filters-container .yith-wcan-filter{
    list-style: none;
    width: calc(100%/4);
    padding: 0px;
    float: left;
    margin: 0;
    text-align: center;
    position: relative;
}
.rt_loc_sp .yith-wcan-filter .filter-title{
	position: relative;
	font-size: 15px;
	font-weight: 600;
	line-height: 40px;
	color: #333;
	width: auto;
	display: inline-block;
	padding: 0 28px 0 14px; /* chừa chỗ mũi tên */
	text-transform: uppercase;
	margin: 0;
	cursor: pointer;
}

/* Mũi tên */
.rt_loc_sp .yith-wcan-filter .filter-title::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: translateY(-50%) rotate(45deg);
	transition: all .25s ease;
}

/* Hover */
.rt_loc_sp .yith-wcan-filter .filter-title:hover{
	color: #c18843;
}

.rt_loc_sp .yith-wcan-filter:hover .filter-title::after{
	border-color: #c18843;
	transform: translateY(-50%) rotate(-135deg);
}

.rt_loc_sp .yith-wcan-filter .filter-content{
    max-height: 300px;
    overflow-y: auto;
	visibility: hidden;
    opacity: 0;
    top: 29px;
    text-align: left;
    min-width: 250px;
    z-index: 99999;
    transition: all .25s;
    transform: translateY(25px);
    position: absolute;
    width: auto;
	white-space: nowrap;
    padding: 5px 10px;
    background: #fff;
    box-shadow: 0 0 1px rgb(40 40 40 / 50%);
}
.rt_loc_sp .yith-wcan-filter .filter-content::-webkit-scrollbar {
	width: 3px;
	transition: all 5s; 
}
.rt_loc_sp .yith-wcan-filter .filter-content::-webkit-scrollbar-thumb {
	background-color: #d29f13;
	transition: all 5s; 
}
.rt_loc_sp .yith-wcan-filter .filter-content  ul li {
	
}
/**/
.rt_loc_sp .yith-wcan-filter:hover .filter-content{
	visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}
.rt_loc_sp .yith-wcan-filter label{
    margin: 0;
    padding: 5px 0;
    line-height: 22px;
}
.rt_loc_sp .yith-wcan-filter label input{
	margin-bottom: 0;
}
.rt_loc_sp .orderby .orderby-wrapper{
	padding: 0 5px;
}
.rt_loc_sp .yith-wcan-list .count{
	display: none !important;
}
.rt_loc_sp .yith-wcan-filter label a{
	font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    padding: 5px 0;
}
.rt_loc_sp .yith-wcan-filter label:hover a{
	color: #eeb94e !important;
}
.rt_loc_sp > div > form{
	display: none;
}
.rt_loc_sp .filter-orderby .filter-title{
	display: none;
}
.rt_loc_sp .filter-orderby .filter-content{
	visibility:unset !important;
	position: unset !important;
	max-height: auto  !important;
	transform: unset !important;
	opacity: unset;
	padding: 0;
	box-shadow: unset;
	overflow-y: unset;
	background: unset;
}
/* 2. Xử lý số tiền (Price Amount) */
.rt_loc_sp span.amount {
    font-weight: 400 !important;
}
.rt_loc_sp .filters-container{
	background: #f8f9fa;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown{
	border: unset;
	padding: 6px 15px !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-label{
	font-size: 15px !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open .dropdown-wrapper ,
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open{
	box-shadow: 0 0 1px rgb(40 40 40 / 50%) !important;
	border:unset !important;
	border-color:unset !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .matching-items li > a{
	color: #333;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .matching-items li > a:hover{
	color: #eeb94e !important;
}
.shop-container .yith-wcan-active-filters h4{
	font-size: 0;
	height: 30px;
	width: 100%;
	position: relative;
}
.shop-container .yith-wcan-active-filters h4:after{
	content: "Bộ lọc hoạt động";
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 140px;
	color: #333;
	font-size: 16px;
}
.shop-container .yith-wcan-active-filters .btn-primary{
	font-size: 0;
	height: 30px;
	width: 140px;
	position: relative;
}
.shop-container .yith-wcan-active-filters .btn-primary:after{
	content: "Đặt lại bộ lọc";
	position: absolute;
	top: 3px;
	left: 0;
	font-weight: 400;
	text-transform: inherit;
	height: 30px;
	width: 140px;
	color: #fff;
	font-size: 15px;
}
.filter-guide-text {
    font-size: 14px;
		text-align:center;
    color: #666;
    margin-bottom: 15px; /* Khoảng cách với bộ lọc bên dưới */
    margin-top: 5px;     /* Khoảng cách với tiêu đề bên trên */
    display: flex;
    align-items: center;
    gap: 6px;
    font-style: italic;
}

.filter-guide-text svg {
    color: #333; /* Màu icon đậm hơn chút */
    margin-top: -2px;
}

.filter-guide-text strong {
    color: #333;
    font-weight: 600;
}


.accordion__header {
	background-color: #ccc;
	margin-top: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}


.accordion__header > * {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}
.accordion__header.is-active {
	color: #fff;
}
.accordion__toggle {
	margin-left: 10px;
	height: 3px;
	background-color: #222;
	width: 13px;
	display: block;
	position: relative;
	flex-shrink: 1;
	border-radius: 2px;
}

.accordion__toggle::before {
	content: "";
	width: 3px;
	height: 13px;
	display: block;
	background-color: #222;
	position: absolute;
	top: -5px;
	left: 5px;
	border-radius: 2px;
}

.is-active .accordion__toggle {
	background-color: #fff;
}
.is-active .accordion__toggle::before {
	display: none;
}


.single-product div#tab-description {
    overflow: hidden;
    position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important;
}
.devvn_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    bottom: -2px;
    width: 100%;
    background: #fff;
    padding: 10px;
}

.devvn_readmore_flatsome a {
    font-weight: 400;
    color: #fff !important;
    padding: 0 25px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 41px;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0 !important;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #33333396;
    background: #d9c594;
}
/*pages_01*/
.pages_01{
	padding-bottom: 0 !important;
}
.pages_01 .col-inner{
	text-align: center;
}
.pages_01 .col-inner h2{
    display: inline-block;
    color: #000;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0 10px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    text-align: center;
}
.pages_01 .col-inner p{
	font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 20px;
}
/*pages_02*/
.pages_02{
	padding-bottom: 0 !important;
}
.pages_02 .large-4{
	padding-bottom: 0 !important;
}
.pages_02 .box-text h4{
	font-size: 17px;
	color: #333;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 4px;
}
.pages_02 .box-text p{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 0px;
}
.pages_03 .heading{
	margin: 0;
}
/*pages_04*/
.pages_04{
	padding-bottom: 0 !important;
}
.pages_04 .large-5{
	max-width: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
.pages_04 .large-7{
	max-width: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}
.pages_04 h4{
	font-size: 85px;
    font-weight: 500;
    color: #333;
    margin: 15px auto 0;
    text-transform: unset;
    line-height: 90px;
    display: flex;
    justify-content: left;
    font-family: 'Passions Conflict', cursive !important;
}
.pages_04 h2{
	font-size: 32px;
    font-weight: 500;
    color: #333;
    margin: 15px auto;
    text-transform: uppercase;
    display: flex;
    position: relative;
    justify-content: left;
    padding-left: 10px;
    font-family: 'Montserrat', sans-serif !important;
}
.pages_04 h2:before{
	content: "";
    background: #d29f13;
    position: absolute;
    width: 3px;
    height: 100%;
    left: -5px;
}
.pages_04 p{
	font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
}
.pages_04 .button {
	background: #000 !important;
}
/*doi_tac_01*/
.doi_tac_01{
	padding-bottom: 0 !important;
}
.doi_tac_01 h2{
	font-size: 32px;
    font-weight: 500;
    color: #333;
    margin: 15px auto;
    text-transform: uppercase;
    display: flex;
    position: relative;
    justify-content: left;
    padding-left: 10px;
    font-family: 'Montserrat', sans-serif !important;
}
.doi_tac_01 h2:after{
    content: "";
    background: #d29f13;
    position: absolute;
    width: 3px;
    height: 100%;
    left: -5px;
}
.doi_tac_01 p{
	font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
}
.doi_tac_01 .large-5{
	display: flex;
	justify-content: center;
	align-items: center;
}
.category-page-row .large-12{
	overflow: hidden;
	display: block;
}
.rt_loc_sp .woocommerce-result-count{
	font-size: 17px;
	font-weight: 500;
}
#related-post1 .news-post-news{
	width: 33.33%;
}
.thankyou_gmail{
	color: #f8b338 ;
	font-size: 17px;
	display: none;
}
.section_dmsp .product-small > .col-inner .box-text:hover{
	border: none;
}
.post-item .box-text .post-title{
	font-size: 15px;
    color: #333;
    line-height: 22px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}
/* FIX THUMBNAIL BÀI VIẾT – KHÔNG CẮT ẢNH */
.post-item .box-image{
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.post-item .box-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.post-item .box-image:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.post-item .box-text .post-title:hover{
	color: #cd9216;
    font-weight: bold;
}
.post-item .box-text .from_the_blog_excerpt {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    text-align: justify;
    max-height: 44px;
    overflow: hidden;
}
/*banner_gioi_thieu*/
.banner_gioi_thieu .banner-layers .text-box-content {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 15px;
    background: rgba(230, 234, 236, 0.8);
}
.banner_gioi_thieu .banner-layers h4{
	display: inline-block;
    color: #000;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}
.rt_text_td_gt{
	margin-top: 20px;
}
.rt_text_td_gt .heading{
	margin-bottom: 20px;
}
/*gioi_thieu_01*/
.gioi_thieu_01{
	padding-bottom: 30px !important;
}
.gioi_thieu_01 .large-5 .col-inner{
    background: rgb(217 197 148);
    padding: 30px;
}
.gioi_thieu_01 .large-5 .quyet__title{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.gioi_thieu_01 .large-5 .quyet__desc{
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    text-align: justify;
}
/*gioi_thieu_02*/
.gioi_thieu_02 .blog_img_02{
	display: flex;
}
.gioi_thieu_02 .blog_img_01 .col ,
.gioi_thieu_02 .blog_img_02 .col{
	padding-bottom: 0 !important;
}
.gioi_thieu_02 .blog_img_01{
    padding-bottom: 15px !important;
    border-bottom: 5px solid #fff;
    margin-bottom: 15px;
    display: flex;
}
.gioi_thieu_02 .large-8{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gioi_thieu_02 .image-zoom ,
.gioi_thieu_02 img{
	height: 330px;
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}
.gioi_thieu_02 h4{
	font-size: 22px;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif !important;
}
.gioi_thieu_02 p{
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 0;
}
/*gioi_thieu_03*/
.gioi_thieu_03 .large-6{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gioi_thieu_03 .image-zoom ,
.gioi_thieu_03 img{
	height: 330px;
	object-fit: cover;
	border-radius: 12px;
}
.gioi_thieu_03 .cach__title{
    font-size: 22px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.gioi_thieu_03 .cach__desc{
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}
.gioi_thieu_04 .hinh__title{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.gioi_thieu_04 .hinh__desc{
	color: #fff;
    line-height: 1.5;
    font-size: 15px;
    text-align: justify;
}
/*gioi_thieu_05*/
.gioi_thieu_05{
	padding-bottom: 30px !important;
}
.gioi_thieu_05 .large-7{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gioi_thieu_05 .hiem__title{
	font-size: 22px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.gioi_thieu_05 .hiem__desc{
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}
.gioi_thieu_05 .image-zoom ,
.gioi_thieu_05 img{
	object-fit: cover;
	border-radius: 12px;
}
/*gioi_thieu_06*/
.gioi_thieu_06 .banner-layers .text-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 15px;
    background: rgba(210, 159, 19, 0.7);
}
.gioi_thieu_06 .banner-layers .text-box-content p{
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
}
/*gioi_thieu_07*/
.gioi_thieu_07 .large-8{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gioi_thieu_07 .hieu__title{
	font-size: 22px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.gioi_thieu_07 .hieu__desc{
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}
.gioi_thieu_07 .image-zoom ,
.gioi_thieu_07 img{
	object-fit: cover;
	border-radius: 12px;
}
.rt_blog_img_07 .large-6 .col-inner{
    background: #eadbc5;
    padding: 50px;
    border-radius: 10px;
}
.rt_blog_img_07 .box-text h4{
    font-size: 22px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 8px;
}
.rt_blog_img_07 .box-text p{
	font-size: 15px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
    min-height: 250px;
    margin: 0;
}







.button.disabled, button.disabled, .button[disabled], button[disabled]{
	opacity: unset;
}
/*mobile*/
@media (max-width: 1024px) {
	.ph_01 .box-image img{
		height: 400px;
	}
	#logo{
		margin: 0;
	}
	.header-main .header-nav li a{
		padding: 0 6px;
		font-size: 13px;
	}
	.ph_01 .large-3 img, .ph_01 .large-6 img{
		height: 270px;
	}
	.heading a, .heading span{
		font-size: 25px;
	}
	.single-product .add_to_cart_button ,
	.shop-container .products .add_to_cart_button ,
	.block-product-2 .box-text > a{
		margin-top: 0 !important;
		float: left;
	}
	.block-product-2 .box-image ,
	.block-product-2 .box-image img{
		height: 205px;
	}
	.news-style-3 .news-item-bottom .boxx__innner .news-thumb ,
	.news-style-3 .news-item-bottom .boxx__innner .news-thumb img{
		height:200px;
	}
	.box-text del span.amount{
		line-height: 24px;
	}
	.box-text .price-wrapper{
		width: 100%;
	}
	.shop-container .products .box-image .sale{
		font-size: 14px;
	}
	.rt_banner{
		height: 215px;
	}
	.anh_bn_cm{
		height: auto !important;
	}
	.anh_bn_cm .row{
		top: 10px !important;
	}
	.rt_banner .row{
		position: relative;
		top: 130px;
	}
	.rt_banner .hdb span{
		font-size: 25px;
	}
	.ph_01 .row_dmsp .slick-prev{
		left: 0;
	}
	.ph_01 .row_dmsp .slick-next{
		right: 0;
	}
	.ph_02 .rt_win_right .col-inner{
		padding: 40px;
	    margin-top: 95px !important;
	}
	.ph_04 .rt_04_right .col-inner{
		margin: 20px 0px 0px 0px !important;
	}
	.ph_004 .rt_04_right .col-inner{
		margin: 0 !important;
		padding: 50px;
	}
	.ph_07 .wpcf7{
		padding: 40px !important;
	}
	.ph_07 .wpcf7 h2{
		font-size: 20px;
	}
	.ph_01 .box-text .uppercase{
		line-height: 25px;
	}
	.ph_04 .rt_04_right .col-inner h2 ,
	.ph_004 .rt_04_right .col-inner h2{
		font-size: 26px;
	}
	.news-style-3 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
		font-size: 14px;
	}
	.pages_04 h2 ,
	.doi_tac_01 h2{
		font-size: 28px;
	}
	.rt_loc_sp li h2{
		font-size: 11px;
		padding: 0 10px;
	}
	.title__cate_rt{
		font-size: 25px;
	}
}
@media (max-width: 812px) {
	.section_hotline .large-3 img{
		height: 55px;
		object-fit: contain;
	}
	.anh_bn_cm{
		height: auto !important;
	}
	.anh_bn_cm .row{
		top: 10px !important;
	}
	.rt_banner{
		height: 175px;
	}
	.rt_banner .row{
		position: relative;
		top: 90px;
	}
	.rt_banner .hdb span{
		font-size: 22px;
	}
	.box-text .price-wrapper{
		width: 100%;
	}
	.heading a, .heading span{
		font-size: 22px;
	}
	.footer-1 .widget:nth-child(1) ,
	.footer-1 .widget:nth-child(2) ,
	.footer-1 .widget:nth-child(3){
		    max-width: 100%;
    	flex-basis: 100%;
	}
	.footer-2 p{
		text-align: center;
	}
	.ph_01 .large-3 img, .ph_01 .large-6 img{
		height: 215px;
	}
	.block-product-col .col-4 {
		width: 50%;
	}
	.block-product-col .col-3 {
		width: 50%;
	}
	.ph_02 .large-6{
	    max-width: 100%;
	    flex-basis: 100%;
	}
	.ph_02 .large-6 .has-hover{
		width: 100% !important;
	}
	.ph_02 .rt_win_right{
		margin-top: 20px;
	}
	.ph_04 .large-6{
	    max-width: 100%;
	    flex-basis: 100%;
	}
	.ph_04 .large-6 .has-hover{
		width: 100% !important;
	}
	.ph_04 .rt_win_right{
		margin-top: 20px;
	}
	.ph_004 .large-6{
	    max-width: 100%;
	    flex-basis: 100%;
	}
	.ph_004 .large-6 .has-hover{
		width: 100% !important;
	}
	.ph_004 .rt_win_right{
		margin-top: 20px;
	}
	.ph_07 .large-6{
	    max-width: 100%;
	    flex-basis: 100%;
	}
	.section_hotline .large-3:nth-child(1) ,
	.section_hotline .large-3:nth-child(2){
		max-width: 50%;
   		flex-basis: 50%;
   		margin-bottom: 20px;
	}
	.section_hotline .large-3:nth-child(3) ,
	.section_hotline .large-3:nth-child(4){
	    max-width: 50%;
   		flex-basis: 50%;
	}
	.section_hotline .large-3 .box-image{
		width: 15% !important;
	}
	.section_hotline .large-3 a{
		color: #333;
	}
	.footer-1 .large-3:nth-child(1) ,
	.footer-1 .large-3:nth-child(2) ,
	.footer-1 .large-3:nth-child(3) ,
	.footer-1 .large-3:nth-child(4){
		max-width: 100%;
   		flex-basis: 100%;
	}
	.footer-2 .small-12{
	    max-width: 100%;
    	flex-basis: 100%;
    	text-align: center;
	}
	.footer-2 .img-inner{
		text-align: center;
		float: unset;
	}
	.ph_04 .rt_04_right .col-inner h2{
		font-size: 28px;
		font-weight: 500;
	}
	.ph_02 .img-inner{
	    position: relative;
	    overflow: hidden;
	    display: block;
	    text-align: center;
	}
	.ph_02 .img-inner img{
		height: 400px;
		object-fit: contain;
		width: auto;
	}
	.ph_02 .rt_win_right .col-inner{
	    margin-top: 20px !important;
	    padding: 40px 20px;
	}
	.ph_02{
		padding-bottom: 40px !important;
	}
	.ph_04 .img-inner{
	    position: relative;
	    overflow: hidden;
	    display: block;
	    text-align: center;
	}
	.ph_04 .img-inner img{
		height: 400px;
		object-fit: contain;
		width: auto;
	}
	.ph_04 .rt_win_right .col-inner{
	    margin-top: 20px !important;
	    padding: 40px 20px;
	}
	.ph_004 .img-inner{
	    position: relative;
	    overflow: hidden;
	    display: block;
	    text-align: center;
	}
	.ph_004 .img-inner img{
		height: 400px;
		object-fit: contain;
		width: auto;
	}
	.ph_004 .rt_win_right .col-inner{
	    margin-top: 20px !important;
	    padding: 40px 20px;
	}
}
@media (max-width: 480px) {
	.box-text del, .box-text ins {
		width: 100%;
	}
	.flickity-slider .banner{
		padding-top: 300px !important;
	}
	.icon_rt .medium-4{
		margin-bottom: 10px;
		overflow: hidden;
		text-transform: capitalize;
	}
	.icon_rt .medium-4 .medium-3{
		display: none;
	}
	.block-product-1 .spd1_box_left{
		width: 100%;
	}
	.block-product-1 .spd1_box_right{
		width: 100%;
	}
	.rt_img_box_3 > div{
		padding-bottom: 0;
	}
	.block-product-2 .box-image,.block-product-2 .box-image img{
		height: 120px;
	}
	.block-product-2 .box-text{
		padding: 10px 10px 5px 10px !important;
	}
	.block-product-3 .box-image,.block-product-3 .box-image img{
		width: 100%;
		height: 120px;
		object-fit: cover;
	}
	.block-product-3 .box-text{
		width: 100%;
		padding: 10px !important;
	}
	.box_first_posts{
		padding-top: 0 !important;
	}
	.box_first_posts .news-item-posts{
		width: 100%;
	}
	.box__second_posts .news-item-sidebar-clear{
		width: 100%;
	}
	.form_dk > div:nth-child(1){
		width: 100%;
	}
	.form_dk > div:nth-child(2){
		width: 100%;
	}
	.block-product-2-edit .slider-wrapper .text-inner h2{
		font-size: 35px;
	    margin-bottom: 10px;
	}
	#logo img{
		padding:5px !important;
	}
	.new_row_2 .new_row_2_div img{
		padding-top: 0;
		width: auto;
		height: auto;
	}
	.new_row_2 .new_row_2_div .row_new2_box{
		padding: 10px;
	}
	.news-style-3 .news-item-bottom{
		width: 100%;
	}
	.filed_ph > div:nth-child(1){
		width: 100%;
	}
	.filed_ph > div:nth-child(2){
		width: 100%;
	}
	.new_row_2 .new_row_2_div > .col-inner .col{
		padding-bottom: 5px;
	}
	.block-product-2 .box-text > a{
		padding-right: 30px;
	}
	.block-product-1 .box-text{
		background: url(img/star.png) center 55px no-repeat;
	}
	.footer-2 ul.menu{
		display: none;
	}
	.single-product h1.entry-title{
		font-size: 20px;
	}
	ul.product_list_widget li a:not(.remove){
		font-size: 12px;
	}
	.block-product-1 .col-3{
		width: 100%;
	}
	.block-product-1 .box-image,.block-product-1 .box-image img{
		height: 200px;
	}
	.heading a:before, .heading span:before{
	    right: -50px;
  		width: 50px;
	}
	.heading a:after, .heading span:after{
		left: -50px;
  		width: 50px;
	}
	.shop-container .products .add_to_cart_button{
		font-size: 14px;
	}
	.rt_banner{
		height: 90px;
	}
	.rt_banner .row{
		position: relative;
		top: 35px;
	}
	.rt_banner .hdb ,
	.rt_banner .hdb span{
		font-size: 18px;
		line-height: 22px;
	}
	.box__content__rights .news-post-news{
		width: 100%;
	}
	.ph_02 .rt_win_right .col-inner{
		padding: 30px;
	}
	.ph_04 .rt_04_right .col-inner{
	    margin-top: 20px !important;
		padding: 30px;
	}
	.ph_02{
		padding-bottom: 40px !important;
	}
	.ph_07 .wpcf7{
		padding: 25px !important;
	}
	.section_hotline .large-3 .box-image {
	    width: 27% !important;
	    margin-bottom: 12px;
	}
	.section_hotline .box-text{
		text-align: center;
	}
	.section_hotline .has-hover h4{
		height: 44px;
	}
	.footer-2 p{
		line-height: 25px;
	}
	.footer-2{
		padding: 16px 0 !important;
	}
	.ph_02 .img-inner img ,
	.ph_04 .img-inner img .
	.ph_004 .img-inner img{
		height: auto;
	}
	.ph_04 .rt_04_right .col-inner h2, .ph_004 .rt_04_right .col-inner h2{
		font-size: 21px;
	}
	.ph_004 .rt_04_right .col-inner{
		padding: 25px 18px;
	}
	.title__cate_rt{
		font-size: 21px;
	}
	.rt_loc_sp{
	    height: auto;
	    overflow: unset;
	    display: block;
	    border: unset;
	}
	.rt_loc_sp li {
	    list-style: none;
	}
	.rt_loc_sp .woocommerce-ordering select ,
	.rt_loc_sp .woocommerce-ordering ,
	.wpfFilterWrapper[data-filter-type]:nth-child(1), 
	.wpfFilterWrapper[data-filter-type]:nth-child(3) ,
	.wpfFilterWrapper[data-filter-type]:nth-child(2) ,
	.wpfFilterWrapper[data-filter-type] ,
	.rt_loc_sp .wpfNotActive{
		width: 100% !important;
	}
	.quantity+.button, .devvn-popup-title, .popup-customer-info-group .devvn-order-btn{
		font-size: 15px;
	    color: #fff;
	    line-height: 40px;
	    height: 40px;
	    padding: 0 25px;
	    font-weight: 500;
	    background: #D9C594;
	    opacity: unset;
	}

	.rt_woocommerce_single_product_summary .buttons_added .is-form {
	    line-height: 36px;
	    padding: 0 10px;
	}
	.rt_woocommerce_single_product_summary .buttons_added .input-text {
	    line-height: 40px !important;
	    height: 40px !important;
	    max-width: 4.5em;
	    width: 40px !important;
	}
	.rt_km_ctsp .accordion{
		font-size: 14px;
		padding: 2px 15px;
		font-weight: 500;
	}
	.product-footer .woocommerce-tabs , .box__thongtin__right{
		width: 100%;
		margin-top: 0 !important;
	}
	.section_dmsp .related .product-section-title span{
		font-size: 16px;
	}
	.ph_01 .box-image img {
	    height: 245px;
	}
	.ph_004 , .ph_004 .large-6{
		padding-bottom: 0 !important;
	}
	.tabbed-content .nav-tabs li{
		width: auto;
	}
	.tabbed-content .nav-tabs>li a{
		font-size: 14px;
	}
	.icon-menu{
		color: #000;
	}
	.mfp-content{
		background: #fff;
	}
	.mfp-content .sidebar-menu  li a{
		color: #333;
	}
	.ph_01 .box-text .uppercase{
		font-size: 14px;
	}
	.rt_buttom{
		margin: 0;
	}
	.rt_loc_sp .wpfNotActive:nth-child(2), .rt_loc_sp .wpfNotActive:nth-child(5), .rt_loc_sp .wpfNotActive:nth-child(6) ,
	.wpfFilterWrapper[data-filter-type]{
		padding: 0 !important;
		margin: 0 !important;
	}
	.shop-container .products .box-text{
		padding-bottom: 0 !important;
	}
	.pages_04 .large-5 , .pages_04 .large-7{
		max-width: 100%;
	    flex-basis: 100%;
	}
	.rt_loc_sp .filter-orderby .filter-content{
		display: block !important;
	}
	.rt_loc_sp .filters-container .yith-wcan-filter{
		width: 100%;
		margin-bottom: 6px;
	}
	.rt_loc_sp .yith-wcan-filter .filter-title{
		background: unset;
		display: block;
		padding: 6px 15px;
	}
	.rt_loc_sp .yith-wcan-filter .filter-content{
		position: unset;
		margin: 0 !important;
		padding-bottom: 16px;
		visibility: unset;
		opacity: unset;
		transition: unset !important;
	    transform: unset !important;
	}
	.shop-container .yith-wcan-filters-opener {
		background: #f8f9fa !important;
	}
	.yith-wcan-filters.filters-modal h3.mobile-only{
		display: none;
	}
	
	.yith-wcan-filters.filters-modal .yith-wcan-filter h4.collapsable:after{
		right: 15px;
	}
	.rt_loc_sp .yith-wcan-filters{
		border-radius: 12px;
		overflow: hidden;
		background: #f8f9fa;
		z-index: 999999999;
		top: 0;
		position: fixed !important;
	}
	.rt_loc_sp .filters-container .yith-wcan-filter{
		text-align: left;
	    overflow: hidden;
	    display: block;
	}
	.rt_loc_sp .filters-container{
		margin-top: 45px !important;
	}
	.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper{
		position: unset;
	}
	.yith-wcan-filters.filters-modal .main-modal-button{
		background: #eeb94e !important;
		color: #fff;
		border-color:#eeb94e !important;
		position: unset;
	}
	.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-label{
		line-height: 40px;
		font-size: 13px;
	    font-weight: 500;
	    line-height: 40px;
	    color: #333;
	    width: auto;
	    display: inline-block;
	    padding: 0 14px;
	    text-transform: uppercase;
	}
	.rt_loc_sp .filter-orderby .filter-title{
		display: none;
	}
	.rt_loc_sp .yith-wcan-filter label {
	    margin: 0;
	    font-size: 15px;
	    line-height: 36px;
	}
	.rt_loc_sp .filter-orderby .filter-content{
		padding-bottom: 0;
	}
	.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown{
		padding: 5px 0;
	}
	.rt_loc_sp{
		margin: 0 -15px;
	}
	#related-post1 .news-post-news{
		width: 100%;
	}
	.gioi_thieu_06 .banner-layers .text-box ,
	.banner_gioi_thieu .banner-layers .text-box{
		width: 80% !important;
	}
	.banner_gioi_thieu .banner-layers h4{
		font-size: 18px;
		line-height: 30px;
	}
	.gioi_thieu_06 .banner-layers .text-box-content p{
		font-size: 15px;
		font-weight: 400;
	}
	.heading a, .heading span{
		font-size: 20px;
		line-height: 30px;
	}
	.rt_blog_img_07 .large-6 .col-inner{
		padding: 20px;
	}
}

/* Ghi đè toàn bộ màu menu để loại bỏ xanh lá */
.nav > li > a,
.nav > li > a:hover,
.nav > .current-menu-item > a,
.nav-dropdown li > a:hover {
    color: #990000 !important;
}

/* Mũi tên nhỏ trong menu Flatsome */
.nav > li > a:after,
.has-dropdown > a:after {
    border-color: #990000 !important;
}

/* ẨN MŨI TÊN DROPDOWN Ở HEADER BOTTOM */
.header-bottom .nav > li > a:after,
.header-bottom .has-dropdown > a:after {
    display: none !important;
    content: none !important;
}
.gtranslate_wrapper a {
  color: white !important;
}

.gtranslate_wrapper a:not(:last-child)::after {
  content: " |";
  margin: 0 6px;
  color: white;
}
.gtranslate_wrapper a:last-of-type::after {
  display: none;
}
/* 1. KHUNG TỔNG (Thêm viền nhẹ) */
.mq-container {
    border: 1px solid #e0e0e0; /* Viền xám mỏng tinh tế */
    /* Giữ nguyên các thuộc tính cũ */
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15); /* Giảm bóng đi 1 chút cho nhẹ */
}

/* NÚT CLOSE (X) Custom nằm bên trong */
.mq-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    font-weight: 300;
    color: #888;
    cursor: pointer;
    z-index: 100;
    line-height: 1;
    transition: 0.3s;
}
.mq-close:hover { color: #990000; transform: rotate(90deg); }

/* Ẩn nút Close mặc định của Flatsome (nằm bên ngoài) */
.mfp-close { display: none !important; }

/* --- 2. CỘT TRÁI (INFO & CTA) --- */
.mq-left {
    width: 38%;
    background: #EED5B7; /* Màu kem nhạt sang trọng */
    padding: 30px;
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mq-intro h3 {
    color: #990000;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 10px;
}
.mq-intro h3 span { font-size: 24px; }
.mq-underline { width: 50px; height: 3px; background: #990000; margin: 0 auto 15px; }
.mq-intro p { text-align: center; font-size: 14px; color: #555; margin-bottom: 25px; }

/* --- FIX LỖI CÂN BẰNG VÀ CĂN CHỈNH (mq-features) --- */

.mq-feat-item {
    display: flex;
    /* Căn chỉnh tất cả các item bắt đầu từ đỉnh (top) */
    align-items: flex-start; 
    gap: 12px;
    margin-bottom: 15px;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

/* QUAN TRỌNG: Cố định chiều rộng cho Icon */
.mq-feat-item .icon {
    font-size: 20px;
    color: #990000;
    font-weight: bold;
    /* FIX: Cố định chiều rộng để text bên cạnh luôn bắt đầu ở cùng một điểm */
    width: 20px; 
    text-align: center;
    flex-shrink: 0; /* Không cho icon bị co lại */
    line-height: 1.2;
    /* Căn chỉnh cho icon nằm sát đỉnh */
    margin-top: 1px; 
}

/* Tinh chỉnh khối Text để đồng bộ hơn */
.mq-feat-item .text strong { 
    font-size: 14px; 
    color: #333; 
    display: block; 
    margin-bottom: 2px !important; 
    line-height: 1.2; 
}

.mq-feat-item .text p { 
    font-size: 12px; 
    color: #666; 
    margin: 0; 
    line-height: 1.4; 
    margin-top: 2px; /* Tinh chỉnh khoảng cách nhỏ */
}

/* 3. HOTLINE 2 DÒNG */
.mq-contact-hotline {
    text-align: center;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
}
.mq-contact-hotline strong {
    color: #990000;
    font-size: 18px; /* Số to nổi bật */
    font-weight: 700;
    font-family: "Saira", sans-serif !important;
    display: block; /* Xuống dòng số điện thoại */
    margin-top: 5px;
}

/* --- 3. CỘT PHẢI (FORM NHẬP LIỆU) --- */
.mq-right {
    width: 62%;
    padding: 30px;
    background: #fff;
    /* TẠO THANH CUỘN (SCROLL) */
    max-height: 85vh; /* Chiều cao tối đa bằng 85% màn hình */
    overflow-y: auto; /* Tự động hiện thanh cuộn nếu dài */
}

/* Tùy chỉnh thanh cuộn cho đẹp */
.mq-right::-webkit-scrollbar { width: 6px; }
.mq-right::-webkit-scrollbar-track { background: #f1f1f1; }
.mq-right::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.mq-right::-webkit-scrollbar-thumb:hover { background: #999; }

.form-title {
    text-align: center;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
}

/* Grid layout cho các ô input */
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

.field-item { display: flex; flex-direction: column; gap: 5px; }
.field-item label, .field-item-full label { font-size: 13px; font-weight: 600; color: #444; }

/* Style Input */
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], select, textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    min-height: 40px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}
input:focus, select:focus, textarea:focus { border-color: #990000; outline: none; }

/* Fix Select Arrow */
select { appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; }

/* Button */
.form-submit input {
    background: #990000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    border: none;
    width: 100%;
    font-size: 16px;
	font-weight: 700;
    cursor: pointer;
    transition: 0.2s;
}

.form-submit input:hover {
    background: #7a0000;
}
/* --- RESPONSIVE MOBILE --- */
@media (max-width: 768px) {
    .mq-container { flex-direction: column; max-height: 90vh; overflow-y: auto; }
    .mq-left { width: 100%; padding: 20px; order: 1; /* Đưa phần giới thiệu lên đầu hoặc xuống dưới tuỳ bạn */ }
    .mq-right { width: 100%; padding: 20px; max-height: none; order: 2; }
    .form-grid { grid-template-columns: 1fr; }
    .mq-intro p { display: none; /* Ẩn bớt chữ trên mobile cho gọn */ }
    .mq-close { top: 5px; right: 10px; color: #333; background: #fff; width: 30px; height: 30px; text-align: center; border-radius: 50%; line-height: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
}
/* --- THU HẸP KHOẢNG CÁCH DANH SÁCH TỈNH THÀNH --- */
.select2-results__option {
    padding-top: 6px !important;    /* Giảm khoảng đệm trên */
    padding-bottom: 6px !important; /* Giảm khoảng đệm dưới */
    line-height: 1.3 !important;    /* Co dòng chữ lại */
    font-size: 14px !important;     /* Cỡ chữ vừa phải */
    margin: 0 !important;
}

/* (Tùy chọn) Đổi màu nền khi di chuột vào dòng cho đẹp & dễ nhìn */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #990000 !important; /* Màu đỏ thương hiệu */
    color: white !important;
}
/* --- FIX LỖI HIỂN THỊ TRÊN MOBILE (BẢN AN TOÀN) --- */
@media (max-width: 768px) {
    
    /* 1. Khung bao chính: Reset về dạng khối dọc đơn giản */
    .mq-container {
        display: block !important; /* Bắt buộc hiện dạng khối */
        width: 100% !important;
        height: auto !important;
        max-height: 80vh !important; /* Giới hạn chiều cao */
        overflow-y: auto !important; /* Cho phép cuộn */
        margin: 0 !important;
    }

    /* 2. Cột Trái (Thông tin): Đưa lên đầu */
    .mq-left {
        width: 100% !important;
        padding: 15px !important;
        border-right: none !important;
        border-bottom: 1px dashed #ddd;
        min-height: auto !important;
        display: block !important;
    }

    /* 3. Cột Phải (Form): Đưa xuống dưới */
    .mq-right {
        width: 100% !important;
        padding: 15px !important;
        height: auto !important;
        display: block !important;
        overflow: visible !important;
    }

    /* 4. Tinh chỉnh nội dung cho gọn */
    .mq-features, 
    .mq-intro p {
        display: none !important; /* Ẩn bớt chữ rườm rà */
    }

    .mq-intro h3 {
        font-size: 16px !important;
        margin: 0 !important;
    }

    /* 5. Input xếp dọc 1 cột */
    .form-grid {
        display: block !important;
    }
    .field-item, .field-item-full {
        width: 100% !important;
        margin-bottom: 12px;
    }
    
    /* 6. Đưa nút đóng X vào góc dễ bấm */
    .mq-close {
        top: 5px !important;
        right: 5px !important;
        background: #eee;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        color: #333 !important;
    }
}

/* --- CSS CHO CHECKBOX NHIỀU LỰA CHỌN (ĐÃ FIX LỖI MÀU) --- */

/* Bố cục của nhóm nút */
.checkbox-group {
    flex-direction: column; 
}

/* Định dạng từng nút/thẻ */
.checkbox-group .wpcf7-list-item {
    display: inline-block;
    margin-right: 8px !important; 
    margin-bottom: 8px !important; 
    vertical-align: top; 
}

/* Ẩn checkbox mặc định của trình duyệt */
.checkbox-group input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Tinh chỉnh thẻ Label (chỉ làm vùng click) */
.checkbox-group .wpcf7-list-item label {
    cursor: pointer;
    /* Bỏ hết style tạo hình dáng khỏi label */
    border: none;
    padding: 0;
    display: flex !important; /* Bắt buộc sử dụng flex */
}

/* TẠO HÌNH DÁNG NÚT BẤM TRÊN THẺ SPAN (Nội dung) */
.checkbox-group .wpcf7-list-item span {
    background: #f1f1f1; /* Nền xám nhạt */
    color: #555;
    /* ÁP DỤNG HÌNH DÁNG VÀ VIỀN TẠI ĐÂY */
    padding: 7px 15px; 
    border-radius: 25px; 
    border: 1px solid #ccc; /* Viền xám mỏng */
    font-size: 13px;
    font-weight: normal;
    transition: all 0.2s;
    display: flex;
    align-items: center;
}

/* Hiệu ứng khi di chuột vào (hover) */
.checkbox-group .wpcf7-list-item label:hover span {
    background: #e9e9e9;
    border-color: #990000;
}

/* FIX: Khi được chọn (checked), áp dụng màu đỏ nguyên khối lên Span */
.checkbox-group input[type="checkbox"]:checked + span {
    background: #990000 !important; /* Đỏ nguyên khối */
    color: #fff !important; /* Chữ trắng */
    border-color: #990000 !important; /* Viền đỏ */
    font-weight: 600;
}



/* --- ĐỒNG BỘ 3 NÚT: BÁO GIÁ - BLOG - SĐT --- */

/* Target chung cho cả 3 thành phần */
.btn-bao-gia,
.header-button .button,
.header-contact,
.header-contact a {
    background-color: transparent !important;
    background: none !important; /* Xóa mọi loại nền */
    border: none !important;
    box-shadow: none !important; /* Xóa bóng đổ (cái hay gây ra khung đen) */
    font-family: "Saira", sans-serif !important;
    color: #990000 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-transform: uppercase;
    
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 10px !important; 
    gap: 4px !important; 
    line-height: 1 !important;
}

/* --- TRIỆT TIÊU HOÀN TOÀN KHUNG ĐEN KHI HOVER --- */
.header-contact:hover,
.header-contact a:hover,
.btn-bao-gia:hover,
.header-button .button:hover,
.header-nav li.header-contact:hover > a {
    background-color: transparent !important; /* Không cho hiện màu nền */
    background: none !important;
    box-shadow: none !important; /* Chặn hiệu ứng bóng đổ của Flatsome */
    color: #990000 !important; /* Giữ chữ luôn màu đỏ */
}

/* Chỉnh riêng icon sát chữ */
.btn-bao-gia i,
.header-contact .icon,
.header-contact i,
.header-button .button i {
    color: #990000 !important;
    font-size: 20px !important;
    margin-right: 2px !important; 
    margin-left: 0 !important;
    display: inline-flex;
    align-items: center;
}

/* Đảm bảo icon cũng không đổi màu khi hover */
.header-contact:hover i, 
.header-contact:hover .icon-inner {
    color: #990000 !important;
    background-color: transparent !important;
}

/* Loại bỏ các khoảng cách/viền mặc định */
.header-contact-inner { gap: 0 !important; }
.header-main .nav > li > a { border: none !important; }



/* --- TÙY CHỈNH GIAO DIỆN SELECT2 CHO ĐỒNG BỘ --- */

/* Khung bao ngoài */
.select2-container .select2-selection--single {
    height: 45px !important; /* Chiều cao bằng các ô input khác */
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center;
}

/* Mũi tên bên phải */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px !important;
    top: 1px !important;
    right: 10px !important;
}

/* Màu chữ bên trong */
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Khi bấm vào (Focus) thì viền màu đỏ giống các ô khác */
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #990000 !important; 
    box-shadow: 0 0 5px rgba(153, 0, 0, 0.2);
}

/* Phần danh sách thả xuống */
.select2-dropdown {
    border: 1px solid #990000 !important;
    border-radius: 8px !important;
    z-index: 99999 !important; /* Đảm bảo luôn nằm trên cùng */
}

/* Ô tìm kiếm bên trong danh sách */
.select2-search__field {
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
}
.select2-search__field:focus {
    border-color: #990000 !important;
    outline: none !important;
}
/* Ẩn giá trên trang chi tiết sản phẩm */
.single-product .product .summary p.price {
    display: none !important;
}
/* Đổi màu biểu tượng kính lúp */
button.dgwt-wcas-search-submit:before {
    color: #ff0000 !important; /* Đổi icon sang màu đỏ */
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
   background-color: #990000;
}






.woocommerce-ordering {
    display: none;
}

/* =================================================================
   1. BIẾN MÀU & RESET LỖI WORDPRESS
================================================================= */
:root {
  --brand-color: #993300;     /* Nâu đỏ gốm sứ */
  --text-black: #000000;      /* Tiêu đề bước */
  --text-body: #444444;       /* Nội dung mô tả */
  --bg-section: #ffffff;
  --transition-speed: 0.4s;
}

/* Ẩn thẻ rác tự sinh gây khoảng trắng */
.ops-process-section br, 
.ops-process-section p:empty {
    display: none !important;
}

/* 2. TRÀN VIỀN (FULL WIDTH) CHO FLATSOME */
.ops-force-full {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: var(--bg-section);
  overflow: hidden;
}

.ops-container {
  width: 96% !important;
  max-width: 1440px !important; /* Thu gọn max-width để 6 ô cân đối hơn */
  margin: 0 auto;
  padding: 40px 20px 60px !important; /* Giảm padding trên dưới cho đỡ thưa */
}

/* 3. HEADER */
.ops-header {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 50px;
}

.ops-title {
  color: #000000;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.ops-subtitle strong { color: var(--brand-color); }

.ops-time-tag {
  display: inline-block;
  background: var(--brand-color);
  color: #fff;
  padding: 8px 25px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 4px 15px rgba(153, 51, 0, 0.2);
}

/* 4. GRID LAYOUT 6 CỘT */
.ops-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 20px;
  width: 100%;
}

/* 5. ITEM & STEP NUMBER */
.ops-item {
  position: relative;
  padding-top: 25px;
  perspective: 1000px;
}

.ops-step {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  height: 42px;
  background: var(--brand-color);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  z-index: 10;
  border: 4px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: all var(--transition-speed) ease;
}

/* 6. THẺ CARD QUY TRÌNH */
.ops-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 15px 25px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,0.03);
  transition: transform var(--transition-speed) cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow var(--transition-speed) ease,
              border-color var(--transition-speed) ease;
  will-change: transform;
}

/* HIỆU ỨNG HOVER */
.ops-item:hover .ops-card {
  transform: translateY(-12px);
  box-shadow: 0 15px 40px rgba(153, 51, 0, 0.12);
  border-color: rgba(153, 51, 0, 0.2);
}

.ops-item:hover .ops-step {
  background: #000000;
  transform: translateX(-50%) scale(1.1);
}

/* TỐI ƯU ICON SVG */
.ops-icon {
  margin-bottom: 15px;
}

.ops-icon svg {
  width: 45px !important;
  height: 45px !important;
  fill: var(--brand-color) !important; /* Đảm bảo icon có màu nâu */
  transition: transform var(--transition-speed) ease;
}

.ops-item:hover .ops-icon svg {
  transform: rotateY(180deg);
}

/* 7. PHẦN TEXT (TIÊU ĐỀ ĐEN) */
.ops-card h3 {
  font-size: 17px;
  color: var(--text-black) !important;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.ops-card p, .ops-card {
  font-size: 14px;
  color: var(--text-body);
  line-height: 1.6;
}

/* 8. RESPONSIVE (TỰ ĐỘNG CÂN CHỈNH) */
@media (max-width: 1200px) {
  .ops-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .ops-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
  .ops-force-full {
    width: 100% !important; left: 0; right: 0; margin: 0 !important;
  }
}

@media (max-width: 480px) {
  .ops-grid {
    grid-template-columns: 1fr !important;
    gap: 40px;
  }
}


/* --- HỆ THỐNG HIỆU ỨNG HÌNH ẢNH LY SỨ --- */

/* Khung chứa ảnh */
.img_lysu .img-inner {
    position: relative;
    overflow: hidden; /* Giữ ảnh không tràn ra ngoài khi zoom */
    transition: all 0.5s ease;
    border-radius: 8px; /* Bo góc nhẹ (tùy chọn) */
}

/* Tạo lớp giả cho vệt sáng ánh kim */
.img_lysu .img-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: 2;
    pointer-events: none;
}

/* Chạy vệt sáng khi hover */
.img_lysu:hover .img-inner::after {
    left: 150%;
    transition: all 0.8s ease;
}

/* Đổ bóng nhẹ cho khối ảnh khi hover (tạo chiều sâu) */
.img_lysu:hover .img-inner {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}




/* TRIỆT TIÊU LỖI HIỂN THỊ WORDPRESS */
.lysu-hero-v2 br, .lysu-hero-v2 p:empty { display: none !important; }

.lysu-hero-v2 {
    padding: 40px 0; /* Giảm padding tổng thể cho gọn */
    background-color: #fdf5e6;
    overflow: hidden;
}

.hero-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    gap: 40px;
}

/* NỘI DUNG VĂN BẢN (50%) */
.hero-content { 
    flex: 0 0 50%;
    padding-right: 30px; /* Tăng padding để text không quá sát hình */
}

/* ==========================================
   HERO SECTION CSS - LY SỨ BÁT TRÀNG
   ========================================== */

/* 1. TAG THƯƠNG HIỆU (Chứa ngôi sao) */
.hero-tag {
    display: inline-flex;    /* Dùng inline-flex để tag co theo chữ */
    align-items: center;     /* Căn giữa icon và chữ theo chiều dọc */
    justify-content: center;
    gap: 8px;                /* Khoảng cách giữa sao và chữ */
    background: rgba(153, 51, 0, 0.08); /* Nền nâu nhạt sang trọng */
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    color: #993300;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2;        /* Khóa line-height để icon không bị tụt */
}

.star-icon {
    width: 16px !important;
    height: 16px !important;
    fill: #993300 !important;
    display: inline-block;
    flex-shrink: 0;
    /* Nhích nhẹ icon lên 1px để cân bằng mắt nhìn với font chữ */
    transform: translateY(-1px); 
}

/* 2. TIÊU ĐỀ H1 */
.hero-h1 {
    font-size: 25px;
    line-height: 1.25;
    color: #333;
    font-weight: 800;
    margin-bottom: 20px;
}

.hero-h1 .highlight {
    color: #993300;
    display: block;
    margin-top: 5px;
    font-size: 90%; /* Chỉnh nhỏ lại theo yêu cầu của bạn */
}

/* 3. MÔ TẢ NGẮN */
.hero-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 30px;
    text-align: left; /* Để left theo yêu cầu mới nhất của bạn */
}

/* 4. DANH SÁCH CAM KẾT (Grid 2 cột) */
.hero-trust-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 35px;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #333;
    line-height: 1.4;
}

/* Icon trong mục cam kết */
.trust-item svg {
    width: 20px !important;
    height: 20px !important;
    fill: #993300 !important; /* Màu nâu chủ đạo */
    flex-shrink: 0;
}

.trust-item strong {
    font-weight: 700;
}

/* 5. NÚT BẤM (BUTTONS) */
.hero-btns {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

/* 6. RESPONSIVE CHO MOBILE */
@media (max-width: 768px) {
    .hero-h1 {
        font-size: 28px;
    }
    
    .hero-trust-list {
        grid-template-columns: 1fr; /* Mobile chuyển về 1 cột */
        gap: 12px;
    }
    
    .hero-tag {
        font-size: 13px;
        padding: 5px 12px;
    }
    
    .hero-btns {
        flex-direction: column;
    }
    
    .btn-main, .btn-sub {
        width: 100%;
        text-align: center;
    }
}

/* NÚT BẤM */
.hero-btns { display: flex; gap: 15px; }
.btn-main, .btn-sub {
    padding: 13px 28px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.3s ease;
    text-decoration: none;
    text-align: center;
    min-width: 210px;
}
.btn-main { background: #993300; color: #fff !important; }
.btn-main:hover { background: #7a2800; transform: translateY(-2px); }

.btn-sub { background: #fff; color: #993300 !important; border: 2px solid #993300; }
.btn-sub:hover { background: #993300; color: #fff !important; transform: translateY(-2px); }

/* KHỐI HÌNH ẢNH (50%) */
.hero-img-box { 
    flex: 0 0 50%; 
    display: flex;
    justify-content: center;
}
.img-inner-v2 {
    width: 100%;
    max-width: 800px;
}
.img-inner-v2 img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 15px 35px rgba(0,0,0,0.1));
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .hero-container { flex-direction: column; text-align: center; gap: 30px; }
    .hero-content, .hero-img-box { flex: 0 0 100%; padding-right: 0; }
    .hero-img-box { order: -1; }
    .hero-trust-list { grid-template-columns: 1fr; text-align: left; max-width: 350px; margin: 0 auto 30px; }
    .hero-btns { flex-direction: column; align-items: center; }
    .btn-main, .btn-sub { width: 100%; max-width: 350px; }
}
.product-small .col-inner {
    background-color: rgb(255, 253, 249) !important; /* Màu nền kem nhạt */
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transition: all 0.3s ease; /* Thêm hiệu ứng mượt mà */
}

/* Tùy chỉnh nút Chi tiết cho web Ly Sứ */
.lysu-readmore-container {
    margin-top: 15px;
    margin-bottom: 5px;
}

.button-lysu-style {
    display: inline-block;
    background-color: #c8a985; /* Màu nâu đất/gốm sứ nhẹ nhàng */
    color: #ffffff !important; /* Chữ trắng */
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0px; /* Để vuông vức cho sang trọng hoặc chỉnh thành 3px nếu muốn hơi bo */
    transition: all 0.3s ease;
    border: 1px solid #c8a985;
}

.button-lysu-style:hover {
    background-color: #b3916b; /* Màu đậm hơn khi di chuột vào */
    border-color: #b3916b;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* Xóa bỏ hoàn toàn thanh tiêu đề Lưu trữ trên trang danh mục */
.archive-page-header {
    display: none !important;
}

/* Nếu vẫn còn khoảng trắng dư thừa phía trên, dùng thêm dòng này */
.blog-wrapper {
    padding-top: 30px;
}


/* ==== FIX LỖI BÓNG ĐEN Ở 2 NÚT NAV SLIDER ==== */
.slider-nav-reveal .flickity-prev-next-button, 
.slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: rgba(255, 255, 255, 0.7) !important; /* Nền trắng trong suốt nhẹ */
    box-shadow: none !important; /* XÓA HOÀN TOÀN BÓNG ĐEN */
    height: 100% !important;
    width: 40px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important; /* Giữ dạng thanh dọc đứng */
    transition: background-color 0.3s ease;
}

/* Hiệu ứng khi hover vào nút sẽ rõ hơn một chút */
.slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Tùy chỉnh màu sắc mũi tên bên trong nếu cần (màu xám đậm) */
.slider-nav-reveal .flickity-prev-next-button svg {
    fill: #333 !important;
    width: 15px;
}
/* =================================================================
   XÓA SẠCH VIỀN & BÓNG Ở GALLERY ẢNH SẢN PHẨM
   ================================================================= */

/* 1. Xóa viền cho KHUNG CHỨA ảnh chính (Main Viewport) */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport,
.product-gallery-slider .flickity-viewport,
.product-images .col-inner {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important; /* Đôi khi nền tạo cảm giác có viền */
}

/* 2. Xóa viền trực tiếp trên THẺ ẢNH CHÍNH (IMG tag) */
.woocommerce-product-gallery__image img,
.product-gallery-slider .is-selected img,
.product-images .image-inner img {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important; /* Loại bỏ padding nếu có */
}

/* 3. Xóa viền cho THUMBNAIL (Ảnh nhỏ bên dưới/bên cạnh) */
.woocommerce-product-gallery .flex-control-thumbs img,
.product-thumbnails .col img,
.product-thumbnails .flickity-slider .col-inner {
     border: none !important;
     box-shadow: none !important;
     opacity: 1 !important; /* Đảm bảo ảnh luôn sáng rõ */
     border-radius: 0 !important; /* Nếu bạn không muốn bo góc */
}

/* 4. Xóa viền trạng thái ĐANG CHỌN (Active) của thumbnail */
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.product-thumbnails .is-nav-selected .col-inner,
.product-thumbnails .is-selected img {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 5. Fix lỗi viền do thẻ liên kết (thẻ a) bao ngoài ảnh */
.woocommerce-product-gallery__image a,
.product-gallery-slider .gallery-item a {
    border: none !important;
    box-shadow: none !important;
}

/* Ẩn nút phóng to và icon mở rộng trên ảnh sản phẩm Flatsome */
.product-images .image-tools.top.right, 
.product-images .image-tools.bottom.left,
.product-images .js-expand-button,
.product-images .icon-expand {
    display: none !important;
}

/* Ẩn thêm phần tooltip hiển thị chữ "Phóng to" khi rê chuột vào */
.image-tools .tooltip {
    display: none !important;
    visibility: hidden !important;
}


/* 1. Giảm kích thước icon và loại bỏ padding/margin thừa */
.header-main .search-button,
.header-top .search-button,
.search-button {
    padding: 8px 10px !important; /* Giảm padding xung quanh icon */
    line-height: 1;
    background: transparent !important; /* Đảm bảo không có nền */
    border: none !important;
}

/* 2. Điều chỉnh kích thước icon */
.search-button .icon-search {
    font-size: 1.2rem; /* Kích thước icon: 1.2rem là nhỏ gọn, có thể thay đổi */
    opacity: 0.85; /* Hơi mờ một chút cho tinh tế */
}

/* 3. Đảm bảo nút nằm ngang hàng */
.search-button {
    display: flex;
    align-items: center;
}
#greeting, .greeting {
    font-size: 13px;
    font-family: 'Saira', sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0; /* Đảm bảo không bị lệch layout */
    padding: 5px 0;
}

/* ============================================================
   PRODUCT INFO BOX - PHIÊN BẢN MÀU NỀN #F7EFE6 (FLAT DESIGN)
============================================================ */

/* Khung tổng quát - Màu nền mới, không viền, không bóng đổ */
.product-info-box {
    background: #F7EFE6 !important; /* Màu nền yêu cầu */
    border: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    width: 100% !important;
    margin-top: 25px;
    overflow: hidden;
    font-family: 'Saira', sans-serif;
}

/* Tiêu đề chính (Thanh màu nâu phía trên) */
.product-info-box .box-header {
    display: flex;
    align-items: center;
    padding: 12px 18px;
    background: #945305; /* Màu nâu thương hiệu */
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    gap: 10px;
}

.product-info-box .box-header small {
    margin-left: auto;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.8);
    text-transform: none;
}

/* Tiêu đề từng nhóm thông tin (H3) */
.product-info-box h3 {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 18px 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #945305;
    border: none;
}

/* Các phân đoạn (Sections) */
.box-section {
    padding: 0 20px 18px;
    /* Đường kẻ phân cách màu đậm hơn nền một chút để tạo sự tinh tế */
    border-bottom: 1px solid #E8DFD3; 
}

.box-section:last-of-type {
    border-bottom: none;
}

/* Hệ thống lưới thông tin */
.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 15px;
    margin-top: 5px;
}

.info-grid .wide {
    grid-column: 1 / 3;
}

.info-grid > div {
    display: flex;
    gap: 10px;
    line-height: 1.5;
    align-items: flex-start;
    font-size: 15px;
    color: #000000;
}

.info-grid strong {
    font-weight: 600;
    color: #444;
}

/* Icon SVG trong bảng */
.product-info-box svg {
    width: 16px;
    height: 16px;
    color: #945305;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Danh mục sản phẩm (Category) */
.info-item-cat {
    padding: 15px 20px;
    background: transparent !important; /* Đồng nhất với màu nền tổng */
    border-top: 1px dashed #DCD3C7;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.info-item-cat strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #000000;
    font-weight: 700;
}

.ls-cat-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ls-cat-link {
    color: #945305;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ls-cat-link:hover {
    color: #000;
    text-decoration: underline;
}

/* Nút liên hệ Zalo dưới cùng */
.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #945305, #b86e14);
    color: #fff !important;
    padding: 16px;
    text-align: center;
    text-decoration: none !important;
    gap: 10px;
    font-weight: 600;
    transition: opacity 0.3s;
}

.contact-btn:hover {
    opacity: 0.95;
    box-shadow: inset 0 0 100px rgba(0,0,0,0.1);
}

.contact-btn svg {
    color: #fff;
    margin-top: 0;
}

/* ============================================================
   RESPONSIVE (MOBILE)
============================================================ */
@media (max-width: 768px) {
    .info-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .product-info-box .box-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .product-info-box .box-header small {
        margin-left: 0;
        margin-top: 4px;
        font-size: 12px;
    }

    .box-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* === Thông số sản phẩm rút gọn có icon SVG === */
/* --- Block thông số sản phẩm --- */
.ls-short-specs {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 20px;
}

.ls-short-specs .item {
    display: flex;
    align-items: center; /* Căn giữa icon và chữ theo chiều dọc (quan trọng) */
    justify-content: flex-start; /* Căn trái toàn bộ nội dung */
    gap: 6px;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 500;
    text-align: left; /* Đảm bảo chữ bên trong luôn căn trái */
    width: 100%; /* Chiếm hết chiều rộng để không bị co cụm vào giữa */
}

/* Đặt màu chuẩn cho icon */
.ls-short-specs svg {
    width: 16px;
    height: 16px;
    color: #000000;
}

/* Ép path ăn màu */
.ls-short-specs svg path {
    fill: currentColor !important;
}

.ls-short-specs span {
    font-weight: 600;
}

/* GIÁ TMĐT CHO SINGLE PRODUCT (NEW SPACING) */
.single-price-box {
    margin: 12px 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; /* khoảng cách tổng thể */
    line-height: 1.25;
}

/* Label */
.sp-label {
    font-size: 17px;
    font-weight: 600;
    color: #444;
    margin-right: 4px; /* khoảng cách nhỏ giữa label và giá */
}

/* Giá sale */
.sp-sale {
    font-size: 20px;
    font-weight: 700;
    color: #E53935;
    margin-right: 8px; /* cách giá gốc */
}

/* Giá gốc */
.sp-regular {
    font-size: 15px;
    color: #999;
    text-decoration: line-through;
    margin-right: 6px; /* khoảng cách tới badge */
}

/* Badge % */
.sp-badge {
    background: #E53935;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}

/* Dòng tiết kiệm */
.sp-saving {
    font-size: 15px;
    color: #444;
    margin-top: 4px;
}

.sp-saving span {
    color: #E53935;
    font-weight: 700;
}

/* PRICE BOX WRAPPER */
.price-sp {
    display: block;
}

.price-sp .grx-price-box {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    background: #fff7f2;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #ffd9c7;
	  text-align:center;
}

/* LABEL */
.price-sp .grx-label {
    font-weight: 600;
    font-size: 13px;
    color: #333;
    margin-right: 5px;
}

/* Giá In logo (Màu đỏ) */
.price-sp .grx-sale {
    font-size: 12px; /* Tăng nhẹ kích thước */
    font-weight: 700;
    color: #d62828;
}

/* REGULAR PRICE */
.price-sp .grx-regular {
    font-size: 12px;
	  font-weight: 700;
    color: #d62828;
}
/* Chữ "giá lẻ" mới thêm vào */
.price-sp .grx-label-retail {
    font-size: 12px;
    color: #666; /* Màu xám nhạt hơn */
    margin-left: 2px; /* Cách xa giá in logo ra một chút */
    margin-right: 2px;
    font-weight: 400;
    position: relative;
}
.price-sp .grx-label-retail {
    position: relative;
    padding-left: 5px; /* Tạo khoảng trống để đặt dấu | */
}

.price-sp .grx-label-retail:before {
    content: "|";
    color: #ccc;
    position: absolute;
    left: 0;           /* Đưa về sát mép trái của vùng padding */
    top: 50%;          /* Căn giữa theo chiều dọc */
    transform: translateY(-50%); /* Căn giữa dọc chuẩn xác */
}
/* LIÊN HỆ */
.price-sp .grx-contact {
    font-weight: 600;
    color: #d62828;
    font-size: 12px;
}


/* ========= MOBILE RESPONSIVE ========= */
@media (max-width: 600px) {

    .single-price-box {
        gap: 6px;
        margin: 10px 0 8px;
    }

    .sp-label {
        font-size: 15px;
        margin-right: 4px;
    }

    .sp-sale {
        font-size: 22px;
        margin-right: 6px;
    }

    .sp-regular {
        font-size: 16px;
        margin-right: 4px;
    }

    .sp-badge {
        font-size: 12px;
        padding: 3px 8px;
    }

    .sp-saving {
        font-size: 14px;
    }
}
/* 1. Reset khoảng cách của khung chứa Tiêu đề */
.box-text .title-wrapper {
    margin-bottom: 5px !important; /* Chỉ để cách 5px so với giá */
    padding-bottom: 0 !important;
}

/* 2. Reset khoảng cách của dòng chữ Tên sản phẩm */
.box-text .name, 
.box-text .product-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.3; /* Tinh chỉnh giãn dòng cho tên đẹp hơn */
}

/* 3. Đẩy khung giá lên sát hơn */
.price-sp {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* (Tùy chọn) Nếu vẫn thấy hở, hãy ẩn các phần tử rỗng do WordPress sinh ra */
.title-wrapper:after, 
.title-wrapper:before {
    display: none;
}


/* 
/* ==========================================
   FORM TƯ VẤN – TỐI ƯU PHIÊN BẢN ĐẸP HƠN
========================================== */

.ls-consult-box {
    background: #F7EFE6;
    padding: 20px 25px;
    border-radius: 14px;
    margin-top: 25px;
    border: 1px solid #E4D8CA;
}

/* Title */
.ls-title {
    font-size: 17px;
    font-weight: 700;
    color: #8A5A2E;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Form row */
.ls-form-row {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.ls-input {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #D3C4B4;
    color: #3c3c3c;
    border-radius: 8px;
    background: #fff;
    font-size: 15px;
    transition: 0.2s;
}
.ls-input:focus {
    border-color: #8A5A2E;
    box-shadow: 0 0 0 1px #8A5A2E;
}

/* Subtitle */
.ls-title-small {
    margin: 12px 0 6px 0;
    font-size: 16px;
    font-weight: 600;
}

/* ===== CHECKBOX FIX ABSOLUTE PERFECT ALIGN ===== */

/* Reset Flatsome default */
.ls-checkbox-row input[type="checkbox"] {
    all: unset; /* reset toàn bộ thuộc tính gây lệch */
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #8A5A2E;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin: 0;
}

/* Tạo dấu check */
.ls-checkbox-row input[type="checkbox"]::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #8A5A2E;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 0.15s ease;
    border-radius: 2px;
}

/* Khi được check */
.ls-checkbox-row input[type="checkbox"]:checked::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Row */
.ls-checkbox-row {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 15px;
}

/* Label */
.ls-checkbox-row label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
    color: #333;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap; /* tránh xuống hàng gây lệch */
}

/* Submit Button */
.ls-order-btn {
    width: 100%;
    background: #945305;
    color: #fff;
    padding: 5px; /* tăng padding cho đẹp */
    font-size: 17px;
    border-radius: 10px;
    cursor: pointer;
    border: none;
    font-weight: 700;
    margin: 10px 0 20px 0;
    transition: 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ls-order-btn:hover {
    background: #69380f;
}

/* Contact buttons */
.ls-contact-row {
    display: flex;
    gap: 16px;
}

.ls-btn {
    flex: 1;
    text-align: center;
    padding: 11px 0;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    font-size: 15px;
}

.ls-btn.zalo {
    background: #990000;
}
.ls-btn.mess {
    background: #990000;
}
.ls-btn:hover {
    opacity: .9;
}

/* Mobile */
@media(max-width: 600px) {
    .ls-form-row {
        flex-direction: column;
    }
    .ls-checkbox-row {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    .ls-contact-row {
        flex-direction: column;
    }
}


.product-short-description {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400; /* hoặc 500 nếu muốn đậm hơn */
}
.same-category-row .product-small {
    margin-bottom: 30px;
}
/* --- 1. CẤU TRÚC KHUNG BAO --- */
.ls-box {
    background: #f5eadf;
    padding: 25px;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
		margin-top: 10px;
}

/* Ẩn thẻ br của CF7 để tránh vỡ giao diện */
.ls-box br {
    display: none !important;
}

/* Tiêu đề */
.ls-box h4 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #5a4100;
    margin-top: 10px;
}

/* --- 2. HÀNG INPUT (CHIA 2 CỘT) --- */
.ls-row {
    display: flex !important;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
    flex-wrap: nowrap;
}

/* Định nghĩa cột chia 50-50 */
.ls-col {
    flex: 1;
    width: 50%;
    position: relative;
    min-width: 0;
}

.ls-col input {
    width: 100% !important;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 42px;
    box-sizing: border-box;
    margin: 0;
}

.ls-col .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

/* --- 3. CHECKBOX --- */
.ls-options {
    margin-bottom: 15px;
    display: flex !important;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

/* Fix lỗi thẻ P chặn Flexbox bên trong .ls-options */
.ls-options p {
    display: flex !important;
    gap: 20px;
    margin: 0;
}

.ls-opt {
    cursor: pointer;
    font-weight: 600;
    color: #4a4a4a;
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
    /* FIX: Ép nội dung không bị xuống dòng */
    white-space: nowrap !important; 
}

.ls-opt input[type="checkbox"] {
    margin-right: 5px;
    transform: scale(1.1);
}

/* --- 4. NÚT ĐẶT HÀNG --- */
.ls-submit {
    margin-bottom: 10px;
}
.ls-btn-submit {
    background: #9a5800 !important;
    color: #fff !important;
    border: none !important;
    width: 100% !important;
    padding: 5px !important;
    border-radius: 6px !important;
    box-sizing: border-box;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.ls-btn-submit:hover {
    background: #7a4600 !important;
}

/* --- 5. NÚT CHAT --- */
.ls-chat-row {
    margin-top: 10px;
    display: flex !important;
    gap: 15px;
    justify-content: space-between;
}

.ls-chat-row > p {
    display: flex !important;
    gap: 10px;
    width: 100%;
    margin: 0;
    justify-content: space-between;
}

.ls-chat {
    width: 50% !important;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    background: #990000;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    transition: 0.3s;
}
.ls-chat:hover {
    background: #cc0000;
}

/* --- 6. MOBILE RESPONSIVE --- */
@media (max-width: 600px) {
    .ls-row {
        flex-direction: column; 
        gap: 15px;
    }
    
    .ls-col {
        width: 100%;
    }
    
    .ls-options {
        gap: 10px;
    }

    .ls-chat-row, 
    .ls-chat-row > p {
        flex-direction: row; 
    }
}

/* Ẩn thông báo mặc định bên dưới form */
.wpcf7-response-output {
    display: none !important;
}
/* Ẩn khối Danh mục & Thương hiệu ở dưới cùng trang (dựa trên ảnh cuối) */
.summary .product_meta .posted_in {
    /* Selector chuẩn của Woocommerce cho Danh mục (Categories) */
    display: none !important; 
}

.summary .product_meta .tagged_as {
    /* Selector chuẩn của Woocommerce cho Thẻ (Tags) */
    display: none !important;
}

/* Nếu Thương hiệu là một phần tử riêng (dựa trên ảnh cuối) */
.summary .product_meta p:last-child {
    /* Đây là selector có thể nhắm trúng phần Thương hiệu nếu nó là đoạn cuối cùng */
    display: none !important;
}

/* Ẩn khối Danh mục trong BOX THÔNG SỐ KỸ THUẬT (nếu bạn muốn ẩn) */
.product-info-box .info-item-cat {
    display: none !important;
}

/* *QUAN TRỌNG: Dựa trên ảnh cuối (image_e0e7fa.jpg), selector chính xác hơn có thể là: */
.product-summary-right .product-meta {
    /* Đặt selector chính xác cho khối bao gồm Danh mục và Thương hiệu */
    display: none !important;
}
.single-product .product-footer .woocommerce-tabs {
    width: 100% !important;
}
/* Ẩn khối khối text trên trang chủ */

/* Giới hạn độ cao ban đầu */
.box-thu-gon {
    max-height: 120px; /* Chỉnh số này để tăng giảm phần text hiện ra */
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
}

/* Hiệu ứng đổ bóng mờ ở chân chữ */
.box-thu-gon:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* Khi mở rộng thì bỏ giới hạn và bóng mờ */
.box-thu-gon.is-open {
    max-height: 8000px; /* Số lớn để hiện hết nội dung */
}
.box-thu-gon.is-open:after {
    display: none;
}

/* Căn giữa nút xem thêm */
.readmore-wrapper {
    text-align: center;
    margin-top: 10px;
}
.btn-readmore {
    color: #990000; /* Màu xanh lá theo tone web gốm sứ của bạn */
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

/* Ẩn khối khối text trên trang chủ */
.ai-overview-box{
border:1px solid #e5e7eb;
background:#f8fafc;
padding:20px;
border-radius:10px;
margin:20px 0;
font-size:15px;
line-height:1.6;
}

.ai-overview-box h3{
font-size:18px;
margin-top:15px;
}

.ai-overview-box ul{
padding-left:20px;
}

/* trang giới thiệu làng gốm bát tràng*/


/* Typography & General */
.bt-section-title { font-size: 28px; font-weight: 800; margin-bottom: 25px; color: #993300; display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
.bt-entity-h1 { font-size: 34px; line-height: 1.2; font-weight: 800; margin-bottom: 20px; }
.bt-entity-h1 .highlight { color: #993300; }

/* Stats Grid - Tối ưu hiển thị dân số mới */
.bt-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px 0; }
.bt-stat-box { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.bt-stat-box strong { color: #993300; display: block; font-size: 18px; }
.bt-stat-box span { font-size: 13px; color: #666; }

/* Timeline & Cards */
.bt-timeline { border-left: 3px solid #993300; padding-left: 25px; margin-left: 10px; }
.bt-time-item { margin-bottom: 25px; position: relative; }
.bt-time-item::before { content: ""; width: 12px; height: 12px; background: #993300; position: absolute; left: -32.5px; top: 6px; border-radius: 50%; border: 2px solid #fff; }
.bt-card { background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s; height: 100%; border: 1px solid #eee; }
.bt-card:hover { transform: translateY(-5px); border-color: #993300; }
.bt-mini-card { background: #fff; padding: 15px; border-left: 4px solid #993300; border-radius: 6px; font-weight: 700; font-size: 14px; transition: 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
.bt-mini-card:hover { background: #993300; color: #fff; }



Dưới đây là bản full CSS đã được tối ưu hóa toàn bộ. Mình đã tích hợp phần điều định dạng cho SVG, căn chỉnh lại layout bằng flex và grid để đồng nhất với giao diện Flatsome, đồng thời tinh chỉnh màu sắc theo đúng tông gốm sứ Bát Tràng (nâu cam đất) mà bạn đang sử dụng.

CSS
<style>
/* Container tổng */
.xuong-ly-su-container {
    padding: 30px 0;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    max-width: 1200px;
    margin: 0 auto;
}

/* Đoạn giới thiệu đầu */
.intro-text {
    margin-bottom: 40px;
    line-height: 1.8;
    color: #4a4a4a;
    font-size: 1.05rem;
    text-align: justify;
}

.intro-text strong {
    color: #a53b0a; /* Màu nhấn thương hiệu */
}

/* Grid hệ thống icon */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
}

/* Từng box tính năng */
.feature-item {
    display: flex;
    align-items: flex-start;
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.feature-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(165, 59, 10, 0.1);
    border-color: rgba(165, 59, 10, 0.2);
}

/* Khu vực Icon SVG */
.feature-icon {
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(165, 59, 10, 0.05); /* Nền nhẹ cho icon */
    border-radius: 10px;
    color: #a53b0a;
}

.feature-icon svg {
    width: 28px;
    height: 28px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    transition: transform 0.4s ease;
}

.feature-item:hover .feature-icon svg {
    transform: rotateY(180deg); /* Hiệu ứng xoay nhẹ khi hover */
}

/* Nội dung văn bản bên phải */
.feature-content {
    flex: 1;
}

.feature-content h4 {
    margin: 0 0 10px 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.feature-content p {
    margin: 0;
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
}

/* Tối ưu hiển thị trên Mobile */
@media (max-width: 767px) {
    .xuong-ly-su-container {
        padding: 15px 10px;
    }

    .feature-grid {
        grid-template-columns: 1fr; /* 1 cột trên mobile */
        gap: 15px;
    }

    .feature-item {
        padding: 20px;
    }

    .feature-icon {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .intro-text {
        font-size: 1rem;
        margin-bottom: 25px;
    }
}

/* Bullet style giống mô tả sản phẩm */
.single-post .entry-content ul,
.blog-wrapper .entry-content ul,
.post .entry-content ul{
    margin: 18px 0;
    padding: 22px 28px;
    background: #f3f3f3;
    border-radius: 8px;
}

.single-post .entry-content ul li,
.blog-wrapper .entry-content ul li,
.post .entry-content ul li{
    margin-bottom: 14px;
    line-height: 1.7;
    color: #111;
}

.single-post .entry-content ul li:last-child,
.blog-wrapper .entry-content ul li:last-child,
.post .entry-content ul li:last-child{
    margin-bottom: 0;
}

.single-post .entry-content ul li strong,
.blog-wrapper .entry-content ul li strong,
.post .entry-content ul li strong{
    font-weight: 700;
    color: #000;
}



/* ============================================================
   TÙY BIẾN GIAO DIỆN TABS MÔ TẢ (CỘT TRÁI)
============================================================ */
/* Khối bọc tổng thể của cả cụm Tab */
.lysu-left-tabs .woocommerce-tabs {
    background: #ffffff;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(156, 44, 38, 0.02); /* Đổ bóng ánh đỏ cực nhẹ */
}

/* Thanh chứa các tiêu đề Tab */
.lysu-left-tabs .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #eef1f4;
    margin-bottom: 25px;
    padding-left: 0;
    display: flex;
    gap: 10px;
}

/* Từng nút Tab mặc định */
.lysu-left-tabs .woocommerce-tabs ul.tabs li {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.25s ease;
}

.lysu-left-tabs .woocommerce-tabs ul.tabs li a {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #4a5568 !important;
    padding: 12px 24px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Khi Tab được kích hoạt (Active) hoặc Hover */
.lysu-left-tabs .woocommerce-tabs ul.tabs li:hover,
.lysu-left-tabs .woocommerce-tabs ul.tabs li.active {
    background: #ffffff !important;
    border-color: #9C2C26 !important; /* Đổi sang màu đỏ thương hiệu */
    position: relative;
}

/* Tạo đường chỉ đỏ đậm dưới chân Tab đang active để tạo điểm nhấn */
.lysu-left-tabs .woocommerce-tabs ul.tabs li.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: #9C2C26;
    z-index: 2;
}

.lysu-left-tabs .woocommerce-tabs ul.tabs li.active a {
    color: #9C2C26 !important;
}

/* Khung nội dung chi tiết bên trong Tab */
.lysu-left-tabs .panel.entry-content {
    font-family: 'Saira', sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #2d3748;
    padding: 10px 5px 0 5px;
}

/* Định dạng lại các thẻ heading tiêu đề lớn trong bài viết mô tả (1., 2., 3...) */
.lysu-left-tabs .panel.entry-content h2,
.lysu-left-tabs .panel.entry-content h3 {
    font-family: 'Saira', sans-serif;
    color: #1a202c;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px;
    border-left: 4px solid #9C2C26; /* Vạch đỏ bên trái tiêu đề bài viết */
    padding-left: 12px;
}

/* ============================================================
   TÙY BIẾN GIAO DIỆN SIDEBAR (CỘT PHẢI)
============================================================ */
.lysu-right-sidebar .widget {
    background: #ffffff !important;
    border: 1px solid #eef1f4 !important;
    border-radius: 8px !important;
    padding: 22px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

/* Tiêu đề Widget bên phải */
.lysu-right-sidebar .widget-title {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1a202c;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

/* Đường gạch ngang nhỏ dưới tiêu đề widget của Flatsome */
.lysu-right-sidebar .is-divider.small {
    height: 2px !important;
    background-color: #9C2C26 !important; /* Ép gạch ngang sang màu đỏ */
    max-width: 40px !important;
    margin-top: 8px !important;
    margin-bottom: 18px !important;
}


/* ==========================================================================
   CSS CHO KHỐI CTA OUTLINE TRONG BÀI VIẾT - LY SỨ BÁT TRÀNG
   ========================================================================== */
.cta-inline-outline {
    display: flex;
    align-items: center;
    background: #fffefb;
    border: 2px dashed #b8863b; /* Viền nét đứt màu vàng đồng đặc trưng ngành ly sứ */
    border-radius: 10px;
    padding: 20px 24px;
    margin: 35px 0;
    gap: 20px;
    box-shadow: 0 4px 15px rgba(184, 134, 59, 0.12);
}

.cta-inline-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: #fdf8f0;
    border: 1px solid #b8863b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8863b;
    font-size: 22px;
}

.cta-inline-text {
    flex-grow: 1;
}

.cta-inline-title {
    color: #b8863b; /* Tiêu đề đổi sang tone màu vàng đồng/nâu ấm sang trọng phù hợp thương hiệu ly sứ */
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 4px 0;
    line-height: 1.4;
}

.cta-inline-sub {
    color: #555555;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.cta-inline-action {
    flex-shrink: 0;
}

/* Nút CTA hiệu ứng nổi bật (Pulse & Gradient sang trọng) */
.cta-pulse-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #b8863b 0%, #d5a052 100%); /* Tone màu vàng đồng/cam ấm chuyên biệt */
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 22px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(184, 134, 59, 0.3);
    transition: all 0.3s ease;
    animation: ctaPulseAnim 2s infinite;
}

.cta-pulse-btn:hover {
    background: linear-gradient(135deg, #9a6f2f 0%, #b8863b 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(184, 134, 59, 0.4);
    color: #ffffff !important;
}

/* Hiệu ứng chớp sáng/vòng lan tỏa thu hút click */
@keyframes ctaPulseAnim {
    0% {
        box-shadow: 0 0 0 0 rgba(184, 134, 59, 0.45);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(184, 134, 59, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(184, 134, 59, 0);
    }
}

/* Tối ưu hiển thị responsive trên thiết bị Mobile */
@media (max-width: 768px) {
    .cta-inline-outline {
        flex-direction: column;
        text-align: center;
        padding: 18px 15px;
        gap: 15px;
    }
    .cta-inline-icon {
        margin: 0 auto;
    }
    .cta-inline-action {
        width: 100%;
    }
    .cta-pulse-btn {
        width: 100%;
    }
}


/* ==========================================================================
   CSS CHO KHỐI CTA DƯỚI CUỐI MÔ TẢ SẢN PHẨM - LY SỨ BÁT TRÀNG
   ========================================================================== */
.cta-product-bottom-outline {
    display: flex;
    align-items: center;
    background: #fffefb;
    border: 2px dashed #b8863b; /* Viền nét đứt vàng đồng thương hiệu ly sứ */
    border-radius: 10px;
    padding: 22px 25px;
    margin-top: 40px;
    gap: 20px;
    box-shadow: 0 4px 15px rgba(184, 134, 59, 0.1);
}

.cta-pb-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background: #fdf8f0;
    border: 1px solid #b8863b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8863b;
    font-size: 22px;
}

.cta-pb-content {
    flex-grow: 1;
}

.cta-pb-title {
    color: #b8863b; /* Tiêu đề màu vàng đồng sang trọng */
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 1.4;
}

.cta-pb-sub {
    color: #555555;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.cta-pb-action {
    flex-shrink: 0;
}

/* Nút CTA hiệu ứng nổi bật (Pulse & Gradient) thu hút khách chốt đơn */
.cta-pb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #b8863b 0%, #d5a052 100%);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 24px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(184, 134, 59, 0.3);
    transition: all 0.3s ease;
    animation: ctaBottomPulse 2s infinite;
}

.cta-pb-btn:hover {
    background: linear-gradient(135deg, #9a6f2f 0%, #b8863b 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(184, 134, 59, 0.4);
    color: #ffffff !important;
}

@keyframes ctaBottomPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(184, 134, 59, 0.45);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(184, 134, 59, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(184, 134, 59, 0);
    }
}

/* Tối ưu hiển thị responsive trên Mobile */
@media (max-width: 768px) {
    .cta-product-bottom-outline {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
        gap: 15px;
    }
    .cta-pb-icon {
        margin: 0 auto;
    }
    .cta-pb-action {
        width: 100%;
    }
    .cta-pb-btn {
        width: 100%;
    }
}