/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2.0
*/
/* Font dùng chung toàn theme: "Lexend" (đã được theme nạp sẵn).
   Đã bỏ Roboto & Be Vietnam dư thừa. */
/*************** ADD CUSTOM CSS HERE.   ***************/
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    line-height: 26px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
button.idn-product__acc-head {
    margin-bottom: 0px !important;
    background: color-mix(in srgb, var(--idn-pc) 8%, #fff) !important;
}
.idn-single__content figure {
    max-width: 100% !important;
    margin: 0 auto !important;
}
h2,h3,h4,p{
    color: #333;
}
button.idn-blog__tabnav.idn-blog__tabnav--prev {
    margin: 0px;
}

button.idn-blog__tabnav.idn-blog__tabnav--next {
    margin: 0px;
}
body.single-product .idn-product__acc-head[aria-expanded="true"] {
    background: var(--idn-pc);
    color: #000;
}
body.single-product  .idn-product__acc-head[aria-expanded="true"] > span::before {
    background: var(--idn-pc);
}
.home .page-wrapper {
    padding-top: 0 ;
}
#wrapper, #main {
    background-color: #f8f9fa;
    overflow: hidden;
}
/* Riêng trang chi tiết sản phẩm: nền trắng */
.single-product #wrapper,
.single-product #main {
    background-color: #fff;
}
.section_info p {
	margin: 0;
	line-height: 28px;
}
.title__info span {
	color: #009999;
}
.footer-1, .footer-2 {
	border-top: 0 !important;
}
.footer-1 .widget:nth-child(1) {
    max-width: 35%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 35%;
}
.footer-1 .widget:nth-child(2) {
    max-width: 19%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 19%;
}

.footer-1 .widget:nth-child(3) {
max-width: 23%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 23%;
}

.footer-1 .widget:nth-child(4) {
    max-width: 23%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 23%;
}
.footer-1 .widget:nth-child(5) {
    max-width: 13%;
    -ms-flex-preferred-size: 13%;
    flex-basis: 13%;	
}
.footer-1 .widget ul {
	margin: 0;
	padding: 0;
}
.footer-1 .widget ul li {
	border: 0;
}
.footer-1 .widget ul li a {
    display: block;
    color: #cfcfcf;
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}
.footer-1 .widget p {
    margin: 0;
    color: #cfcfcf;
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}
.footer-1 .widget ul li ul {
	display: none;
}
.footer-widgets  .widget  .widget-title {
    display: block;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 35px;
    margin: 0 0 0 0;
    font-family: "Lexend", sans-serif;
}
.footer-widgets .widget  .is-divider {
    background: #62271b;
    max-width: 62px;
    height: 2px;
    margin: 8px 0 12px;
    display: none;

}
.footer-widgets .widget p {
    color: #cfcfcf;
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}
.footer-1 > .row {
	border-bottom: 1px solid #62271b;
}
.before__ff {
    padding: 30px 0;
    background: #7f3b2d;
}
.before__ff form {
    margin-bottom: 0;
}
.hotline__phone a {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    background: #7f3b2d;
    color: #ffb709;
    font-size: 15px;
    font-weight: 600;
}
.hotline__phone a  i {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #ffb709;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}
.form_dangkytin {
    overflow: hidden;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.form_dangkytin .f_left {
    float: left;
    width: 50%;
    text-align: center;
}
.form_dangkytin .f_left  h4 {
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    margin: 0 0 6px 0;
    font-size: 23px;
    font-weight: 500;
}
.form_dangkytin .f_left p {
    margin: 0;
    color: #fff;
    font-size: 14px;
}
.form_dangkytin .f-right {
    float: right;
    width: 50%;
}
.form_dangkytin .f-right input[type='email'] {
    float: left;
    width: calc(100% - 50px);
    height: 40px;
    padding: 0 10px;
    background: #fff;
    color: #333;
    border: 0;
    box-shadow: 0 0 0 0;
}
.form_dangkytin .f-right input[type='submit'] {
    float: right;
    width: 50px;
    height: 40px;
    border: 0;
    padding: 0;
    margin: 0;
    background: url(images/ic.png)no-repeat center center #482119;
    text-transform: none;
    font-size: 15px;
    text-indent: -99999px;
}

/*
news__sidebar__item
*/
.news__sidebar__item {
    overflow: hidden;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}
.news__sidebar__item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.news__sidebar__item .news-thumb {
    float: left;
    width: 90px;
}
.news__sidebar__item .news-thumb a img {
    width: 90px;
    object-fit: cover;
    height: 90px;
    border-radius: 100%;

}
.news__sidebar__item .box__title__news {
    float: right;
    width: calc(100% - 90px - 10px);
}
.news__sidebar__item .box__title__news h4 {
    margin: 0;
}
.news__sidebar__item .box__title__news h4 a {
    display: block;
    line-height: 21px;
    font-size: 14px;
    max-height: 63px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
}
#shop-sidebar .widget_recently_viewed_products .product_list_widget li {
    padding: 10px 0 5px 65px;
}
#shop-sidebar .widget_recently_viewed_products .product_list_widget li a {
    color: #333;
    font-size: 15px;
    line-height: 21px;
}

#shop-sidebar .widget_recently_viewed_products .product_list_widget li del {
    float: left;
    width: 50%;
    margin: 0;
}
#shop-sidebar .widget_recently_viewed_products .product_list_widget li ins {
    float: right;
    width: 49%;
    margin: 0;
}

#shop-sidebar .widget_recently_viewed_products .product_list_widget li del span {
    font-size: 13px;
    margin: 0;
}
#shop-sidebar .widget_recently_viewed_products .product_list_widget li ins span,
#shop-sidebar .widget_recently_viewed_products .product_list_widget li > span {
    font-size: 14px;
    color: #ee1f1f;
}
#shop-sidebar .widget_recently_viewed_products .product_list_widget li+li {
    border-top: 1px solid #eee;
}

.product_list__video {
    margin: 30px 0 0 0;
}
.box__hotro_cate .list__post{
    margin-top: 0;
}

/*Chyên mục tin*/

.box__nth__3 .news-post-news {
    overflow: hidden;
    clear: both;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.box__nth__3 .news-post-news:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.box__nth__3 .news-post-news .box__thumb__img {
    float: left;
    width: 250px;
}
.box__nth__3 .news-post-news .box__thumb__img a  {
    display: block;
    line-height: 0;
}

.box__nth__3.news-post-news .box__thumb__img a img {
    width: 100%;
    height: 156px;
    object-fit: cover;
    border-radius: 6px;
}
.box__nth__3 .news-post-news .box__content {
    float: right;
    width: calc(100% - 250px - 20px);
}
.box__nth__3 .news-post-news .box__content h3 a {
    display: block;
    color: #333;
    font-size: 19px;
       font-family: "Lexend", sans-serif;
    font-weight: 600;
    line-height: 28px;
}
.box__nth__3 .news-post-news .box__content .box__des p {
    font-size: 14px;
    line-height: 23px;
    max-height: 69px;
    overflow: hidden;
    margin: 0 0 5px 0;
}
.box__nth__3 .news-post-news .box__content > span{
    font-size: 14px;
}
.box__nth__3.news-post-news .box__content > a {
    display: inline-block;
    color: #da251c;
    font-size: 14px;
    text-decoration: underline;
}
/*
box__nth__1
*/
.box_one{
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    border:1px solid #eee;
    overflow: hidden;
    margin-bottom: 20px;
}
.box_one .box__nth__1{
    width: 490px;
    float: left;
}
.box_one .box__nth__1 .box__thumb__img img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    margin-bottom: 15px;
}
.box_one .box__nth__1 .box__content h3 a{
    font-size: 20px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    display: block;
    margin-bottom: 3px;
    color: #3d3d3d;
}
.box_one .box__nth__1 .box__content > span{

}
.box_one .box__nth__2{
    width: calc(100% - 510px);
    float: right;
}
.box_one .box__nth__2 .news-post-news{
    overflow: hidden;
    margin-bottom: 20px;
}
.box_one .box__nth__2 .box__content h3{
    margin-bottom: 0;
}
.box_one .box__nth__2 .box__content h3 a{
    font-size: 15px;
    line-height: 19px;
    display: block;
    max-height: 60px;
    margin-bottom: 5px;
    overflow: hidden;
    color: #3d3d3d;
}
.box_one .box__nth__2 .news-post-news .box__des{
    display: none;
}
.box_one .box__nth__2 .box__thumb__img{
    width: 120px;
    float: left;
}
.box_one .box__nth__2 .box__thumb__img img{
    width: 120px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 0 !important;
}
.box_one .box__nth__2 .box__content{
    width: calc(100% - 130px);
    float: right;
}
.box__nth__3{
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    border:1px solid #eee;
    overflow: hidden;
    margin-bottom: 20px;
}


.box__left__layout {
    float: left;
    width: calc(100% - 300px - 20px);
}
.box__right__layout {
    float: right;
    width:300px;
}

#shop-sidebar .widget .widget-title, .box__right__layout .widget .widget-title {
    display: block;
    color: #333;
    font-size: 17px;
    text-transform: none;
    line-height: 37px;
    margin: -10px -10px 5px;
    background: #fff;
    text-align: left;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #eee;
}
#shop-sidebar .widget .is-divider, .box__right__layout .widget .is-divider {
    display: none;
}

.heading-realate {
    font-size: 22px;
    font-weight: 500;
    display: block;
    color: #333;
    line-height: 26px;
    margin: 0px 0 23px 0;
    padding-left: 8px;
    border-left: 4px solid #333;
}
.related-post {
	overflow: hidden;
	clear: both;
	padding-top: 20px;
}

/*
trang video
*/
.list__video__archive {
    overflow: hidden;
    clear: both;
    margin: 0 -10px;
}
.list__video__archive .news__video {
    float: left;
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.list__video__archive .news__video .box__thumb__img {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 200px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}
.list__video__archive .news__video .box__thumb__img a {
text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.list__video__archive .news__video .box__thumb__img a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.list__video__archive .news__video .box__content {
    padding: 8px 0 0 0;
}
.list__video__archive .news__video .box__content h3 {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    height: 46px;
    overflow: hidden;
    font-family: "Lexend", sans-serif;
}
.title__cate__video {
    margin-bottom: 20px;
    margin-top: 10px;
}
.list__video__archive .news__video .box__thumb__img a:after {
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 40px;
    margin: auto;
    top: 0;
    background: url(images/icon_vd.png)no-repeat;
    background-size: contain;  
}
.mfp-ready .mfp-close {
    opacity: 1;
    transform: translateY(0) translateZ(1px);
    color: #fff !important;    
}
.page-numbers {
	overflow: hidden;
	clear: both;
	margin-top: 15px;
}


/*
Chi tiết sản phẩm
*/

.product-main .product-info {
    padding: 0;
}
.product-main #product-sidebar {
    max-width: 280px;
    display: inline-block;
    float: right;
    flex-basis: 280px;
}

.product-main .content-row {
    background: #fff;
    max-width: 1170px;
    padding:0;
    border: 1px solid #efefef;
    border-radius: 4px;
}
.product-main .product-gallery.col.large-4 {
     max-width: 450px;
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px;   
    padding: 20px !important;
}
.product-main .product-info {
    padding:0;
}

.product-main  #product-sidebar {
    max-width: 280px;
    display: inline-block;
    float: right;
    flex-basis: 280px;
}
.product-sidebar-small .widget  {
    background: #f9f9f9;
    padding: 10px 15px;
    border-radius: 5px;

}
.product-sidebar-small .widget .is-divider {
    display: none !important;
}
.product-sidebar-small .widget .widget-title {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: left;
    line-height: 35px;
    text-transform: none;
    margin: 0 0 3px 0;
font-family: "Lexend", sans-serif;
}
.list__chat {
    overflow: hidden;
    clear: both;
}
.list__chat li {
float: left;
    width: 50%;
    display: flex;
    align-items: center;
    margin: 0 0 11px 0;
}
.list__chat li a {
    color: #333;
    font-size: 13px;

}
.list__chat li a img {
    width: 21px;
    height: 21px;
    margin-right: 3px;
}
.support__online h5 {
    margin: 0 0 6px 0;
    font-size: 15px;
    font-weight: 500;

}
/*
care-detail-box
*/
.care-detail-box .care-detail-item {
    line-height: 28px;
    margin-bottom: 5px;
}
.care-detail-box .care-detail-item.phone-care {
    padding-left: 20px;
}
.care-detail-box .care-detail-item.phone-care strong {
    font-size: 13px;
}
.care-detail-box .care-detail-item i {
    font-size: 13px;
    margin-right: 5px;
     -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.care-detail-box .care-detail-item span img {
     -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 12px;   
}
.care-detail-box .care-detail-item  .txt-e-c {
    color: #333;
    font-size: 14px;
    margin-left: 5px;
}

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

.price__single__pro {
    overflow: hidden;
    clear: both;
    margin-bottom: 5px;

}
.price__single__pro .giashop {
    clear: both;
    margin-bottom: 5px;
}
.giashop strong {
    font-size: 18px;
    font-weight: 700;
    color: #da251c;
    display: inline-block;
    line-height: 28px;
    font-family: "Lexend", sans-serif;
}
.giashop ins,
.giashop {
    font-size: 14px;
    color: #333;
}

.giathitruong {
    font-size: 14px;
    color: #333;
}
.giathitruong del {
    font-size: 15px;
}
.percent {
display: inline-block;
    background: #da251c;
    font-size: 13px;
    padding: 0px 7px;
    margin-left: 20px;
    color: #fff;
    border-radius: 3px;

}
.attribute-single {
    margin: 0 0 15px 0;
    padding: 0;
}
.attribute-single li {
    list-style: none;
    margin: 0 !important;
    line-height: 30px;
}
.attribute-single li span.left ,
.left__width__pr  {
    min-width: 120px;
    display: inline-block;
}
.attribute-single li span {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.product-info form.cart .quantity_wanted_p {
    clear: both;
}
.product-info form.cart  {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
}
.product-info form.cart .rt_qv_btn {
float: left;
    background: #da251c;
    margin: 0;
    color: #fff;
    text-transform: none;
    position: relative;
    font-size: 18px;
    width: 48%;
    height: 46px;
    padding: 0;
    padding-left: 44px;
    border-radius: 5px;
    font-weight: 500;
    font-family: "Lexend", sans-serif;

}
.product-info form.cart .rt_qv_btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 46px;
    border-right: 1px solid #fff;
    height: 46px;
    background: url(images/ShoppingCart-32.png)no-repeat center center ; 
}
.button__popup {
    float: right;
    background: #03a0e2;
    margin: 0;
    color: #fff;
    text-transform: none;
    position: relative;
    font-size: 18px;
    width: 48%;
    height: 46px;
    padding: 0;
    padding-left: 36px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 46px;
    font-family: "Lexend", sans-serif;
    text-align: center;
}
.button__popup:after {
     content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 46px;
    border-right: 1px solid #fff;
    height: 46px;
    background: url(images/btn-tuvan.png)no-repeat center center ;    
}

.button__popup:hover {
    color: #fff;
}


.product-summary .quantity {
    margin: 0 0 15px 0;
    width: 100%;
    display: block;
    overflow: hidden;
}
.product-summary .quantity label.slg_g {
    float: left;
    width: 120px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 40px;
}

.product-summary .quantity  .input-text {
width: 60px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.product-summary .quantity  .btn_num   {
    line-height: 40px;
    font-size: 17px;
    font-weight: 5;
}
.woocommerce-product-rating .star-rating span:before,
.woocommerce-product-rating .star-rating:before {
    color:#f6952d !important;
    font-size: 13px;
}
.woocommerce-review-link {
    color: #0071c4;
}
.woocommerce-review-link:hover {
    color: #da251c;
}
.thongtinvanchuyen {
    overflow: hidden;
    clear: both;
}
.thongtinvanchuyen .info__pr {
     background: #f9f9f9;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #eee;
}
.thongtinvanchuyen .info__pr p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
.thongtinvanchuyen .info__pr p a {
    color:#da251c;
}
.product-main .badge-container {
    display: none !important;
}

.product-main figure.woocommerce-product-gallery__wrapper{
    border: 1px solid #eee;
}
.product-main  .flickity-viewport .col a {
    border: 1px solid #eee;
}
.product-main  .flickity-viewport .col.is-selected a{
    border: 1px solid #bb312b;
}
.product-main  .product_title {
    font-size: 26px;
    font-family: "Lexend", sans-serif;
    color: #333;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 10px 0;

}
.msp {
    margin: 0;
    line-height: 28px;
}
.pro_tag {
    margin-bottom: 12px;
}
.pro_tag .tagged_as a {
    display: inline-block;
    background: #eee;
    color: #333;
    font-size: 13px;
    padding: 0 10px;
    border-radius: 3px;
    margin-bottom: 3px;
}

.tsleft {
    font-size: 14px;
    color: #da251c;
}

/*
san pham tuong tu
*/
.product-main {
    padding: 25px 0 20px;
}
.related-products-wrapper {
    overflow: hidden;
    margin-bottom: 0px;
    clear: both;
    padding: 0px;
    border: none !important;
}
/* Đã gỡ các override thu nhỏ/ẩn nút của box "Sản phẩm liên quan"
   để box hiển thị GIỐNG HỆT box ở trang danh mục (cùng dùng content-product.php). */
.related-products-wrapper .flickity-viewport ,
.related-products-wrapper .slider-nav-reveal  {
    overflow: initial;
}

.slider-nav-reveal .flickity-prev-next-button.previous ,
.slider-nav-reveal .flickity-prev-next-button.next {
    display: none !important;
}

.product-footer .woocommerce-tabs ul.product-tabs {
    margin: 0 !important;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
}
.product-footer .woocommerce-tabs ul.product-tabs li a {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #d0352e;
    line-height: 37px;
    font-family: "Lexend", sans-serif;
    position: relative;
    color: #3c3c3c;
    top: 1px;
}
.product-footer .woocommerce-tabs ul.product-tabs li.active a:before {
    content: "";
    background-color: transparent;
}
.product-footer .woocommerce-tabs {
    border-top: 0;
    padding: 10px 20px 20px 20px;
    float: left;
    width: calc(100% - 310px);
    background: #fff;
    border: 1px solid #efefef;
    margin-bottom: 30px;
}
.box__thongtin__right {
    float: right;
    width: 290px;
}
.title__infomation {
    color: #333;
    background: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    border: 1px solid #efefef;
    border-bottom: none;
    padding: 0 10px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-family: "Lexend", sans-serif;
}
.list__thongso{
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #efefef;
}
.list__thongso li {
    overflow: hidden;
    clear: both;
    list-style: none;
    padding: 5px 10px;
    margin: 0;
}
.list__thongso li .left__if {
    float: left;
    width: 102px;
    font-weight: 500;
    font-size: 14px;
}
.list__thongso li .right__if {
    float: right;
    width: calc(100% - 112px);
    font-size: 14px;
}
.product__sale-single{
    margin-bottom: 20px;
}
.product-footer .tab-panels {
    padding: 20px 0 0 0;
    background-color: #fff;
}
div#reviews.woocommerce-Reviews {
     border-bottom: 0 solid #ddd;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    padding: 10px 12px;
    background: #fff;
    border-radius: 5px;   
}

.devvn_prod_cmt {
     width: 100%;
    max-width: 100%;
    margin: 0;
    position: relative;
    background: #fff;
    padding: 10px 12px;   
}
#wp-comment-cookies-consent {
    margin: 0 5px 0 0  !important;
    height: initial !important;
    width: initial !important;
}

/*
list__post__thongtin
*/
.list__post__thongtin {
    padding: 10px;
    background-color: #fff;
}
.list__post__thongtin .news-post-news-thongtin h3 a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
}
.list__post__thongtin .news-post-news-thongtin h3 a:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #7e7575;
    border-radius: 100%;
    display: inline-block;
    margin-right: 7px;
}

.box__thongtin {
    margin-bottom: 1.3em;
}
.pro___quantam {
    overflow: hidden;
    clear: both;
    padding: 1px;
}
.pro___quantam .item {
    float: left;
    width: 50%;
    box-shadow: 0 0px 0px 0px #eeeeee, 0 0px 0px 1px #eeeeee;
    background: #fff;
}
.pro___quantam .item > div {
    padding: 6px;
}

.pro___quantam .item > div  h4 {
    margin: 0;
}
.pro___quantam .item > div h4 a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 21px;
    height: 42px;
    font-weight: 500;
    overflow: hidden;
    font-family: "Lexend", sans-serif;
}
.price__pir span {
    color: #da251c;
    font-size: 13px;
    font-weight: 500;
}

.thumb__img__p {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 120px;
    position: relative;
    overflow: hidden;
}
.thumb__img__p a {
text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.thumb__img__p a img {
    width: auto;
    height: auto;
    max-height: 110px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.header-bottom .header-nav > li{
    margin: 0;
}
.header-bottom .header-nav > li > a{
    font-size: 15px;
    color: #fff !important;
    font-weight: 400;
    padding: 0 14px;
}
.header-bottom .header-nav > li > a:hover{
    color: #ea9d02 !important;
}
#main-menu.mobile-sidebar .nav-sidebar > li > a img {
    max-width: 24px;
    max-height: 24px;
}
#main-menu.mobile-sidebar .nav-sidebar > li > a {
    font-size: 14px;
    text-transform: none;
    color: #333;
    opacity: 1;
    padding: 7px 10px;
    line-height: 30px;
    font-weight: 500;
}
#main-menu.mobile-sidebar .nav-sidebar > li > button i {
    font-size: 14px;
}
.stuck .mobile-nav .header-button .icon-menu,
.stuck .mobile-nav .header-button a {
    color: #fff ;
}
.stuck #logo  {
    margin-top: 0;
}
.category-page-row {
    padding-top: 0px;
}

.box__video__single {
    padding: 15px 0;
}
#sync2 .owl-nav {
    display: none !important;
}

/*
yeucautuvan
*/
.yeucautuvan {
    overflow: hidden;
    clear: both;
    margin: auto;
    background: #fff;
    border-radius: 5px;
}
.yeucautuvan > h4 {
    text-transform: uppercase;
    font-family: "Lexend", sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    color: #0dbbb6;

}
.yeucautuvan .inner__yc {
    overflow: hidden;
    clear: both;
}
.inner__yc .form__lf_yc {
/*    float: left;
    width: 48%*/
}
.inner__yc .form__rf_yc {
    /*float: right;*/
/*    width: 48%;*/
}
.inner__yc .clear__form {
    overflow: hidden;
    clear: both;
}
.yeucautuvan .inner__yc p {
    margin-bottom: 15px;
    overflow: hidden;
}
.yeucautuvan .inner__yc p label {
    font-weight: 400;
    font-size: 15px;
    display: block;
    line-height: 35px;
    margin: 0 0 0 0;
    color: #444;
    /*font-family: "Lexend", sans-serif;*/
    float: left;
    width: 115px;

}
.yeucautuvan .inner__yc input {
    width: calc(100% - 120px);
    box-shadow: 0 0 0 0;
    float: right;
    border: 1px solid #eaeaea;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    margin: 0;
    background: #f6f6f6;

}
.inner__yc .clear__form  {
    padding-top: 5px;
}
.inner__yc .clear__form  textarea {
    width: 100%;
    box-shadow: 0 0 0 0;
    border: 1px solid #eaeaea;
    padding: 10px;
    font-size: 14px;
}
.inner__yc .clear__form input[type='submit'] {
    width: 125px;
    text-transform: none;
    margin: 0;  
    float: left;
}



/* popup begin */
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*overflow-y: scroll;*/
    padding-bottom: 250px;
    /*background-color: rgba(94, 110, 141, 0.9);*/
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999999999;
}
.cd-popup.is-visible {

    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    background: rgba(0, 0, 0, 0.75);
}

.cd-popup-container {
    position: relative;
    width: 96%;
    top: 20%;
    max-width: 600px;
    margin: 2em auto;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    overflow:hidden;
    border-radius: 5px;
    background: #fff;
    padding: 15px 0px 15px 15px;

}
.cd-popup-container > div{
    height: 500px;
    overflow-y: scroll;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    font-size: 0;
    width: 30px;
    height: 30px;
    color: #FFF;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #333;
}
.cd-popup-container .cd-popup-close::before {
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  transform: rotate(-45deg);
  right: 8px;
}
/*
check out
*/
.validate-phone {
    float: right;
    width: 48%;
}
.woocommerce-billing-fields input {
    width: 100%;
    height: 40px;
    box-shadow: 0 0 0 0;
    border: 1px solid #eee;
}
.woocommerce-billing-fields label {
    font-weight: 500;
    color: #444;
    font-family: "Lexend", sans-serif;
}
.woocommerce-checkout-review-order-table thead {
    display: none !important;
}
.woocommerce-checkout-review-order .item-cart {
overflow: hidden;
    clear: both;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #eee; */
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce-checkout-review-order .item-cart:last-child {
    border-bottom: 0;
}
.woocommerce-checkout-review-order .item-cart .cart-img {
    float: left;
    width: 75px;
    margin-right: 15px;
    position: relative;
}
.woocommerce-checkout-review-order .item-cart .cart-img img {
    width: auto;
    height: auto;
    max-height:75px;
}
.woocommerce-checkout-review-order .item-cart .cart-name {
    float: left;
    width: 53%;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.woocommerce-checkout-review-order .item-cart .product-price {
    float: left;
    width: 20%;
}

.woocommerce-checkout-review-order .item-cart  .cart-quantity {
    position: absolute;
    top: 0;
    right: -7px;
    z-index: 999;
    display: inline-block;
    background: #a3a3a3;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
}
.woocommerce-checkout #wrapper,
.woocommerce-checkout  #main {
    background: #fff !important;
}

.order-total .woocommerce-Price-amount{
    color: #da251c !important;
    font-size: 16px !important;
}
form.checkout h3 {
    text-transform: none;
    margin: 0 0 20px 0;
}
.woocommerce-cart-form__contents thead tr th {
    text-transform: none;
}
.checkout-page-title .breadcrumbs a {
    text-transform: capitalize;

}
.checkout-page-title .page-title-inner {
    padding-top: 0;
}
.checkout-page-title {
    background-color: #eee;
}
.woocommerce-table--order-details .order_item {
    line-height: 50px;
    height: 50px;
}
.woocommerce-table--order-details  tfoot tr {
    height: 40px;
    line-height: 40px;
}
.woocommerce-Tabs-panel h2 {
    font-size: 19px;
    font-weight: 600;
}

/*
css box thumb pro
*/
#main .category-page-row .col.large-3 {
    max-width: 260px;
}
#main .category-page-row .col.large-9 {
    max-width: calc(100% - 260px);
    padding-left: 5px;
}
.products > .product-small {
padding: 0 15px;
    margin-bottom: 15px;
    overflow: hidden;

    border: 1px solid transparent;
}
.products .product-small .product__box.col-inner {
/*    box-shadow: 0 0px 0px 0px #eeeeee, 0 0px 0px 1px #eeeeee;
    padding: 12px 12px 15px 12px;
    background: #fff;*/
}
.des__pro {
    display: none;
}
.layout__active .des__pro {
    display: block;
}
.box__thumb__pro {
display: table;
    width: 100%;
    table-layout: fixed;
    height: 210px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.box__thumb__pro a {
    text-align: center;
    display: table-cell !important;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.box__thumb__pro a img {
    width: auto !important;
    height: auto;
    max-height: 185px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.box__thumb__pro:hover a img {
-webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
}
.product__box .badge-container {
    margin: 0;
}
.product__box .badge-container  .badge-circle {
    margin: 0 !important;
}
.product__box .badge-container .on-sale {
    width: 38px;
    height: 38px;
    background: url(images/sale2.png)no-repeat;
    line-height: 38px;
    padding: 0 !important;
    border-radius: 0;
    color: #da251c;
    display: block;
    font-size: 12px;
}
.product__box .box-text-products {
    padding: 8px 0 0 0;
    overflow: hidden;
    text-align: center;
}
.product__box .box-text-products .product-title a {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0;
}
.product__box .box-text-products .price-wrapper {
/*	float: left;
	width: calc(100% - 85px);*/
    float: left;
    width: 100%;
    overflow: hidden;
}
.product__box .box-text-products .add-to-cart-button {
    float: right;
    width: 85px;
    margin-top: 9px;
    display: none;
}
.product__box .box-text-products .add-to-cart-button a {
    display: block;
    padding: 0;
    margin: 0;
    border: 1px solid #0dbbb6;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    border-radius: 4px;
}
.product__box .box-text-products .price-wrapper ins {
    float: left;
    width: 50%;
}
.product__box .box-text-products .price-wrapper del {
    float: right;
    width: 50%;
}
.product__box .box-text-products .price-wrapper ins ,
.product__box .box-text-products .price-wrapper del {
    display: inline;
    line-height: 22px;

}
.product__box .box-text-products .price-wrapper del {
	margin-bottom: 3px;
}
.product__box .box-text-products .price-wrapper del ,
.product__box .box-text-products .price-wrapper del span {
    color: #999999;
    font-size: 14px;
}
.product__box .box-text-products .price-wrapper ins ,
.product__box .box-text-products .price-wrapper ins span {
    color: #ee1f1f;
    font-size: 16px;
    font-weight: 600;

}
.product__box .box-text-products .price-wrapper span {
	margin: 0;
}
.product__box .box-text-products .price-wrapper > .price > span {
    color: #ee1f1f;
    font-size: 16px;
    font-weight: 600;
    display: block;
    line-height: 47px;	
}
.star i {
	color: #f6952d;
	font-size: 13px;
	margin-right: 3px;
}

.list__show__pro {
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    clear: both;
}
.title__cate__pro{
    float: right;
    text-align: right;
}
.title__cate__pro .woocommerce-result-count{
    display: none;
}
.title__cate__pro .woocommerce-ordering{
    display: inline-block;
    margin-right: 5px;
}
.title__cate__pro .woocommerce-ordering select{
    border-radius: 4px;
}
.title__cate__pro .icon__layout{
    display: inline-block;
}
.title__cate__pro .icon__layout > a{
    background: url(images/list1.png)no-repeat;
    width: 25px;
    height: 19px;
    display: inline-block;
    text-indent: -999px;
    font-size: 0;
    margin-left: 10px;
}
.title__cate__pro .icon__layout a.icon_active {
    background: url(images/list2.png)no-repeat;
}
.products.row {
    /*margin: 0 -15px !important;*/

}
.list__pro {
    overflow: hidden;
    clear: both;
    margin: 0 -15px;
}
.product-item, .news-box {
    float: left;
    width: 33.333%;
    position: relative;
    padding: 0 15px;
    border-radius: 8px;
    margin: 0 0 20px 0;

}
.news-box .cangiua{
    border: 1px solid #e1e1e1;
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 220px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.news-box a.img{
    text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.news-box a.img img{
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    position: relative;
    z-index: 9;
    max-height: 180px;
}
.news-box a.img span.bg{
    background:#000;
    position: absolute;
    z-index: 10;
    opacity: 0;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.news-box h3 {
    overflow: hidden;
    margin: 10px 0 0 0;
    text-align: center;
}
.news-box a.img span.bg:hover{
    opacity:0.5;
}

.news-box a.titlepro{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #084671;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    display: block;
    text-align: center;
}
p.price {
    color: #ff0000;
    text-align: left;
    font-weight:bold
}
p.gachngang{
    text-decoration:line-through;
}
.Information {
    overflow: hidden;
    clear: both;
}
.Information .anhspsp {
    float: left;
    width: 45%;
}
.Information .thongso {
    float: right;
    width: calc(100% - 45% - 30px);
}
.term-description {
    padding: 0;
}

.term-description p {
    color: #333;
    font-size: 15px;
    line-height: 27px;
    margin: 0 0 15px 0;
}
#shop-sidebar .widget, .box__right__layout .widget {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
}

/*
heading
*/
.heading {
	overflow: hidden;
	clear: both;
}
.heading > span {
	float: left;
	color: #333;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 35px;
}
.heading .box_cate_pro {
	float: right;
	margin: 0;
	padding: 0;
}
.box_cate_pro li {
	list-style: none;
	display: inline-block;
	margin-left: 15px;
}
.box_cate_pro li a {
    color: #333;
    font-size: 13px;
    font-family: "Lexend", sans-serif;
    line-height: 35px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
/*
list__post__home
*/
.list__post__home {
	overflow: hidden;
	clear: both;
}
.list__post__home .news__home__item {

}
.list__post__home .news__home__item .boxx__innner {
	overflow: hidden;
	position: relative;
}
.news__home__item .news-thumb {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 250px;
    overflow: hidden;
    position: relative;
}
.news__home__item .news-thumb a {
	text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.news__home__item .news-thumb a  img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.list__post__home .news__home__item .boxx__innner .box__title__news {
    padding: 20px 5px 0;
    text-align: center;
}

.list__post__home .news__home__item .boxx__innner .box__title__news h4 {
    margin: 0 0 9px 0;

}
.date__times {
    margin-bottom: 6px;
}
.date__times span {
    font-size: 13px;
}
.date__times i {
    color: #7f3b2d;

    font-size: 13px;
    margin-right: 3px;
}
.des__post p {
    font-size: 14px;
    color: #555555;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}

.list__post__home .news__home__item .boxx__innner .box__title__news h4 a {
    display: block;
    color: #333;
    font-size: 16px;

    font-weight: 500;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
}
.news__home__item .date__time {
    width: 45px;
    text-align: center;
    margin-right: 12px;
    padding: 5px;
    background: #099;

}
.date__time span {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 25px;
    border-bottom: 1px solid #fff;
}
.date__time span:last-child {
	border-bottom: 0;
}
.news__home__item .news-thumb:hover img {
	    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
}
.pro-widget-pro .product-small.col,
.pro-widget-pro_1  .product-small.col {
    padding: 0;
}
/*
pro-pro_home
*/
.pro-pro_home .box-text-products {
	text-align: center;
	padding-top: 15px;
}
.pro-pro_home .box-text-products .price-wrapper {
	float: none;
	width: 100%;
}
.pro-pro_home .box-text-products .add-to-cart-button {
margin: 35px 0 0 0;
    float: none;
    width: inherit;
    text-align: center;
}


.pro-pro_home .product__box .box-text-products .price-wrapper ins,
.pro-pro_home .product__box .box-text-products .price-wrapper del {
	display: inline-block;
	padding: 0 5px;
}
.pro-pro_home  .product__box .box-text-products .add-to-cart-button a {
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 20px 1px;
    border-radius: 40px;
    position: relative;
}
.pro-pro_home .product__box .box-text-products .add-to-cart-button a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	top: 0;
	right: 0;
	margin: auto;
	height: 90%;
	border: 1px dashed #fff;
	border-radius: 40px;
}
.pro-pro_home  .product__box .box-text-products .product-title a {
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.pro-pro_home  .product__box  .star {
	display: none;
}


.pro-pro_home   .product__box .box-text-products .price-wrapper ins,
.pro-pro_home   .product__box .box-text-products .price-wrapper ins span {
	font-size: 18px;
	color: #fff;
}
.pro-pro_home .product__box .box-text-products .price-wrapper del,
.pro-pro_home .product__box .box-text-products .price-wrapper del span {
	color: #fff;
}

.pro-pro_home .product__box .badge-container {
	display: none !important;
}
.section_sanpham {
	position: relative;
}
.section_sanpham:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 35px;
	height: 295px;
	margin: auto;
	top: 0;
	background: url(images/giaohang.png)no-repeat;
}

/*
sanphamdacbiet
*/
.home__product__noibat {
	overflow: hidden;
	clear: both;
}
.home__product__noibat .box__item__pro {
	width: 100%;
	clear: both;
	padding: 75px 0;
	border-bottom: 1px solid #057373;
	border-top: 1px solid #01aeae;
	overflow: hidden;
}
.home__product__noibat .box__item__pro:last-child {
	border-bottom: 0;
}
.home__product__noibat .box__item__pro:nth-child(1) {
	border-top: 0;
}
.box__item__pro .box__inner__pr {
	overflow: hidden;
	clear: both;
}
.box__item__pro .box__inner__pr .box__left__pr {
    float: left;
    width: 50%;
    padding: 0 80px;


}
.box__item__pro .box__inner__pr .box__right__pr {
	float: right;
	width: 50%;
}
.views__pr {
	margin-bottom: 15px;
}
.views__pr a {
	display: inline-block;
	color: #fff;
	background: #027575;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	padding: 0 15px;
}
.title__dactrung a  {
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0 0 15px 0;
	display: block;
	line-height: 35px;
}
.motadactrung {
	margin-bottom: 40px;
}
.motadactrung p {
	color: #fff;
	font-size: 15px;
	line-height: 26px;
}
.chucnang {
	overflow: hidden;
	clear: both;
	border-left: 1px solid #2fa9a9;
}
.chucnang .item__cn {
    float: left;
    width: 33.333%;
    padding: 15px 30px;
    text-align: center;
    border-right : 1px solid #2fa9a9;
    border-top : 1px solid #2fa9a9;
}
.chucnang .item__cn:nth-child(1),
.chucnang .item__cn:nth-child(2),
.chucnang .item__cn:nth-child(3) {
	border-top: 0;
}

.icon__cn {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 35px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.icon__cn a {
    text-align: center;
    display: table-cell !important;
    position: relative;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    line-height: 0;
    transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -web-transition: all 400ms ease-in-out;
}
.icon__cn a img {
    width: auto;
    height: auto;
    max-height: 33px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.text__cn h5 {
margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Lexend", sans-serif;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}
.box__item__pro .box__inner__pr .box__left__pr .badge-container ,
.box__item__pro  .image-tools {
	display: none !important;
}
/*
box__table
*/
.box__table {
	overflow: hidden;
	clear: both;
	padding-top: 20px;
display: flex;
    justify-content: space-between;
    align-items: center;
}
.box__table .title-wrapper {
    float: right;
    width: calc(100% - 30% - 15px);
    border-left: 1px solid #027575;
    padding-left: 15px;
}
.box__table .title-wrapper a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.box__table .title-wrapper p {
	margin: 0;
}
.box__table  .price-wrapper {
	float: left;
	width: 30%;
}
.box__table  .price-wrapper del,
.box__table  .price-wrapper ins{ 
    display: block;
    line-height: 24px;
}
.box__table  .price-wrapper ins span,
.box__table  .price-wrapper ins  {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.box__table  .price-wrapper del span,
.box__table  .price-wrapper del   {
	color: #fff;
	font-size: 14px;
}
.box__table  .product-short-description p {
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
}
.star_star i {
	color: #fff;
	font-size: 13px;
	margin-left: 3px;
	color: #f4a712;
}
.box__thumb__pr  .product-thumbnails a {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.box__thumb__pr .product-thumbnails .is-selected  a{
    background: #fff !important;
}
.home .woocommerce-product-gallery__image a {
	display: block;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    height: 120px;
}
.home .woocommerce-product-gallery__image a img {
    position: absolute;
    width: auto !important;
    height: auto;
    max-height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.owl-nav {
    display: block !important;
}
.owl-nav .owl-prev {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 0;
    min-height: inherit;
    width: 25px;
    height: 25px;
    line-height: 22px !important;
    display: block;
    border-radius: 100%;
    color: #7f3b2d;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    text-align: center;
    -webkit-transition: all .1s cubic-bezier(.4,0,.6,1);
    transition: all .1s cubic-bezier(.4,0,.6,1);
}

.owl-nav .owl-next {
    margin: 0;
    position: absolute;
    top: 40%;
    right: 0;
    min-height: inherit;
    color: #7f3b2d;
    width: 25px;
    height: 25px;
    line-height: 22px !important;
    display: block;
    border-radius: 100%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    text-align: center;
    -webkit-transition: all .1s cubic-bezier(.4,0,.6,1);
    transition: all .1s cubic-bezier(.4,0,.6,1);
}
.box__thumb {
	margin-bottom: 70px;
}
/*
section_danhmuc
*/
.section_danhmuc .elementor-widget-nav-menu {
    background: #fff;
}
.section_danhmuc .elementor-widget-nav-menu ul li  {
    margin: 0;
}
.section_danhmuc .elementor-widget-nav-menu ul li a {
    font-family: "Lexend", sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    padding: 8.5px 15px !important;
    border-bottom: 1px solid #ececec;
}

.section_danhmuc .elementor-widget-nav-menu ul li a img {
    width: 15px;
    height: 16px;
    object-fit: contain;
    margin-right: 8px;

}
.section_danhmuc .elementor-widget-nav-menu ul li ul.sub-menu {
    min-width: 200px !important;
}
.section_danhmuc .elementor-widget-nav-menu ul li ul.sub-menu li:hover a{
    background: #7f3b2d !important;
}
.title_danhmuc  {
    margin: 0 !important;
}
.title_danhmuc .elementor-heading-title {
    color: #fff;
    line-height: 40px;
    margin: 0;
    padding-left: 40px;
    background: url(images/left.jpg)left center no-repeat #7f3b2d;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;

}

/*
title__heading
*/
.title__heading {
    margin: 0 0 15px 0;
}
.title__heading {
    border-top: 3px solid #7f3b2d;
    margin: 0 0 15px 0 !important;
}
.title__heading .elementor-heading-title {
display: inline-block !important;
    line-height: 37px;
    width: initial;
    background: url(images/left.jpg)left center no-repeat #7f3b2d;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 60px;
    padding-right: 15px;
    position: relative;
    margin-top: -3px;
    min-width: 265px;
    text-align: center;
}
.title__heading .elementor-heading-title:after {
    content: "";
    position: absolute;
    top: 0;
    right: -45px;
    width: 46px;
    height: 37px;
    background: url(images/right.png)no-repeat;
}
.slider__news  .boxx__innner {
    position: relative;
}
.slider__news  .news-thumb a img {
width: 100%;
    height: 300px;
    object-fit: cover;
}
.slider__news  .box__title__news {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}
.slider__news  .box__title__news h4 {
    margin: 0;
}
.slider__news  .box__title__news h4 a {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.swiper-pagination-bullet {
    border-radius: 0 !important;
    width: 20px !important;
    height: 5px !important;
}
#masthead .header-nav > li{
    margin: 0 !important;
}
#masthead .header-nav > li > a{
    position: relative;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 51px;
    text-transform: uppercase;
    padding: 0 16px;
}
#masthead .header-nav > li > a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#masthead .search-field{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 320px;
}
#masthead .submit-button{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sec_chantrang{
    background: #252525;
    padding: 45px 0 30px 0 !important;
}
.sec_chantrang .row .large-2{
    max-width: 20% !important;
    flex-basis: 20% !important;
}
.sec_chantrang .row .large-2{
    max-width: 20% !important;
    flex-basis: 20% !important; 
}
.sec_chantrang .row .large-2{
     max-width: 20% !important;
    flex-basis: 20% !important;
}
.sec_chantrang .row .large-2{
     max-width: 20% !important;
    flex-basis: 20% !important;
}
.sec_chantrang .row .large-2{
     max-width: 20% !important;
    flex-basis: 20% !important;
}
.sec_chantrang .row .large-2{
    padding-bottom: 0 !important;
}
.sec_chantrang .widgettitle{
    color: #fff;
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
}
.sec_chantrang .widgettitle:after{
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background: #ea9d02;
    bottom: -7px;
    left: 0;
}
.sec_chantrang .menu li{
    border:none !important;
}
.sec_chantrang .menu li a{
    display: block;
    padding:0;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
}
.sec_chantrang .menu li a:hover{
    color: #ea9d02;
}
.sec_chantrang .widget_nav_menu{
    margin: 0 !important;
}
.sec_chantrang .custom-html-widget h4{
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    line-height: 30px;
}
.sec_chantrang .custom-html-widget a{
    font-size: 24px;
    color: #e19704;
}
.sec_chantrang .custom-html-widget h3{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
    color: #fff;
    margin-top: 20px;
}
.absolute-footer{
    padding-bottom: 0px;
    
}
.absolute-footer {
    color: rgba(0, 0, 0, .5);
    padding: 10px !important;
    font-size: .9em;
}
.absolute-footer .footer-primary{
    display: block;
    width: 100%;
    
    text-align: center;
    
}
.absolute-footer h2{
    font-size: 22px;
    line-height: 30px;
    color: #6b6b6b;
    margin-bottom: 5px;
}
.absolute-footer p{
    margin-bottom: 0;
    color: #6b6b6b;
    font-size: 15px;
    line-height: 23px;
}
.elementor-editor-active  .slider_nxp{
    display: none;
}
.slider_nxp .left_right {
    height: 371px;
    overflow: hidden;
}
.slider_nxp .slick-prev{
    position: absolute;
    top: 45%;
    left: 10px;
    color: #fff;
    z-index: 9;
}
.slider_nxp .slick-next{
    position: absolute;
    top: 45%;
    right: 10px;
    color: #fff;
    z-index: 9;
}
.slider_nxp .slider-nav{
    background: #fff;
    border:1px solid #efefef;
    border-top:none !important;
    padding: 12px 10px;
}
.slider_nxp .slider-nav .slick-list{
    padding: 0 !important;
}
.slider_nxp .slider-nav .slick-list .text_nxp{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    outline: none !important;
    cursor: pointer;
    padding: 4px 7px;
}
.slider_nxp .slider-nav .slick-list .slick-current{
    font-weight: 600;
    color: #333;
}
.news-style-3 .news-item-bottom{
    overflow: hidden;
    margin-bottom: 15px;
}
.news-style-3 .news-item-bottom:hover img{
    border:1px solid red;
}
.news-style-3 .news-thumb{
    width: 70px;
    height: 46px;
    float: left;
}
.news-style-3 .news-thumb img{
    width: 100%;
    height: 46px;
    object-fit: cover;
    border-radius: 3px;
}
.news-style-3 .box__slider{
    width: calc(100% - 80px);
    float: right;
}
.news-style-3 .box__slider .news-title{
    font-size: 15px;
    line-height: 21px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
}
.news-style-3 .box__slider .time p{
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
    color: #7b7b7b;
}
.sec_slide .left > div{
    padding-right: 0 !important;
}
.sec_slide .right .elementor-widget-image{
    margin-bottom: 10px !important;
}
.hdd{
    line-height: 30px;
    margin-bottom: 0;
}
.hdd .title{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2e2e2e;
}
.hdd .view{
    float: right;
    font-size: 13px;
    color: #2e2e2e;
    position: relative;
    top: 3px;
}
.sec_ph01 .box .elementor-row > .elementor-element{
    background: #fff;
    border:1px solid #efefef;
}
.sec_ph01 .box .elementor-row > .elementor-element:hover{
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.pro-widget-pro > .products{
    margin: 0 -10px;
}
.pro-widget-pro > .products > .product-small{
    width: 25%;
    float: left;
    padding: 0 10px;
}
.pro-widget-pro-slide{
    padding-bottom: 20px !important;
}
.pro-widget-pro-slide .slick-track > div{
    padding: 0 10px !important;
}
.pro-widget-pro-slide  .slick-prev{
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 9;
    color: #d7d9db;
    cursor: pointer;
}
.pro-widget-pro-slide  .slick-next{
    position: absolute;
    top: 40%;
    right: 0;
    z-index: 9;
    color: #d7d9db;
    cursor: pointer;
}
.elementor-editor-active .pro-widget-pro{
    display: none;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected{
    box-shadow: 0 0 0 1px #c10000 !important;
}
.rt_woocommerce_single_product_summary .left{
    width: 60%;
    float: left;
    border-right: 1px solid #e3e3e3;
    padding: 20px 20px 0px 0;
    position: relative;
}
.rt_woocommerce_single_product_summary .right{
    width: 40%;
    padding: 20px;
    float: right;
}
.rt_woocommerce_single_product_summary .right h3{
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    color: #4c4c4c;
}
.rt_woocommerce_single_product_summary .right .box1 p{
    padding-left: 23px;
    font-size: 14px;
    line-height: 20px;
    background: url(images/p1.png) 0px 2px no-repeat;
    margin-bottom: 10px;
}
.rt_woocommerce_single_product_summary .right .custom-html-widget p{
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #4c4c4c;
    padding-left: 23px;
    background: url(images/p2.png) 0px 2px no-repeat;
}
.rt_woocommerce_single_product_summary .right .custom-html-widget p:nth-child(2){
    background: url(images/p3.png) 0px 2px no-repeat;
}
.rt_woocommerce_single_product_summary .right .custom-html-widget p:nth-child(3){
    background: url(images/p4.png) 0px 2px no-repeat;
}
.rt_woocommerce_single_product_summary .right .custom-html-widget p:nth-child(4){
    background: url(images/p5.png) 0px 2px no-repeat;
}
.rt_woocommerce_single_product_summary .right .is-divider{
    display: none;
}
.rt_woocommerce_single_product_summary .right .widget{
    margin-bottom: 0 !important;
}
.rt_woocommerce_single_product_summary .right .widget-title{
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    display: block;
    color: #4c4c4c;
    text-transform: initial;
    margin-bottom: 10px;
}
.rt_woocommerce_single_product_summary .right .box2{
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 10px;
}
.rt_woocommerce_single_product_summary .right .box2 p{
    margin-bottom: 0;
}
.single-product .product-main{
    padding-top: 0 !important;
}
.home .container_bre{
    display: none;
}
.rt-breadcrumbs{
    margin-bottom: 0;
    line-height: 52px;
}
.box_title{
    padding: 20px  15px;
    border-bottom: 1px solid #e3e3e3;
}
.pro_title{
    margin-bottom: 0;
    font-size: 25px;
    color: #373737;
}
.pro_title span{
    font-weight: 400;
    font-size: 14px;
    color: #959595;
    margin-left: 15px;
    position: relative;
    top: -1px;
}
.product-page-price{
   
}
.product-page-price > span:nth-child(1){
    font-size: 26px;
    color: #4c4c4c;
    padding-right:0px;
}
.product-page-price > span:nth-child(2){
    /*font-size: 16px;
    color: #888888;
    font-weight: 500;
    position: relative;*/
    font-size: 26px;
    color: #4c4c4c;
}
.product-page-price > span:nth-child(2):after{
    width: 100%;
    height: 1px;
    background: #919191;
    position: absolute;
    bottom: 8px;
    content: "";
    left: 0;
    z-index: 9;
    display: none;
}
.product-page-price > span:nth-child(2) span{
    font-size: 16px;
    font-weight: 400;
}
.tra_gop{
    display: inline-block;
    background: #ff2842;
    border-radius: 2px;
    color: #fff;
    line-height: 22px;
    padding: 0 5px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.ship_product{
    display: block;
    background: #f8f8f8;
    border:1px solid #eeeeee;
    line-height: 35px;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ship_product span{
    font-size: 15px;
    text-transform: uppercase;
    color: #4c4c4c;
    position: relative;
    left: 18px;
}
.ship_product span:after{
    content: "";
    position: absolute;
    background: url(images/time.png);
    width: 33px;
    height: 27px;
    left: -38px;
    bottom: -5px;
}
.product-short-description{
    margin-bottom: 15px;
}
.product-short-description .title{
    background: #d0352e;
    display: block;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    position: relative;
}
.product-short-description .title:before{
    content: "";
    position: absolute;
    background: url(images/bf.png);
    width: 15px;
    height: 9px;
    left: 23px;
    top: -9px;
}
.product-short-description .cnt{
    border:1px dashed #e0e0e0;
    padding: 15px 20px;
    border-top:none;
}
.product-short-description .cnt p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
    color: #3a3a3a;
    background: url(images/li.png) 0px 11px no-repeat;
    padding-left: 15px;
}
.product-short-description .cnt p a{
    color: #d0352e;
}
.woocommerce-variation-add-to-cart{
    padding: 0 !important;
}
.woocommerce-variation-add-to-cart .quantity{
    display: none !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button{
    display: block;
    width: 100%;
    background-color: #d0352e !important;
    border-radius: 4px;
    font-size: 23px;
    opacity: 1;
    position: relative;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.woocommerce-variation-add-to-cart .loading:after{
    display: none !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:after{
    position: absolute;
    content: "Giao hàng trong 1 giờ hoặc nhận hàng tại shop";
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: initial;
}
.rt_woocommerce_single_product_summary .left .widget{
    list-style: none;
}
.tra_gop_rt{
    overflow: hidden;
}
.tra_gop_rt a{
    width: 49%;
    float: left;
    display: block;
    background: #fc7e0f;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
}
.tra_gop_rt a p{
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.tra_gop_rt a span{
    font-size: 14px;
    color: #fff;
}
.tra_gop_rt a:nth-child(2){
    float: right;
}
.rt_tel{
    margin-top: 10px;
    font-size: 15px;
    color: #474747;
    text-align: center;
    display: block;
}
.rt_tel a{
    color: #d0352e;
    font-weight: 600;
}
.title__related{
    margin-bottom: 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
}
.title__related span{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #434343;
    position: relative;
}
.title__related span:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d0352e;
    bottom: -7px;
    left: 0;
    display: none;
}
.product-small .box-image{
    width: 100%;
    height: 210px;
    position: relative;
    line-height: 210px;
    border: 1px solid #ddd;
    padding: 10px;
}
.product-small .box-image img{
    width: auto;
    max-height: 190px;
    height: auto;
    display: block;
    margin: auto !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.product-small .box-image:hover img{
    /* max-height: 240px; */
}
.sale_rt{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #263563;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    padding: 0 8px;
    line-height: 30px;
}
.product-small .product-title a{
    display: block;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin-bottom: 10px;
}
.product-small .product-title a:hover{
    color: #d0352e;
}
.product-small .price{
    margin-bottom: 15px;
}
.product-small .price > span:nth-child(1){
    display: inline-block;
    background: #d0352e;
    line-height: 33px;
    color: #fff;
    border-radius: 30px;
    padding: 0 15px;
    font-size: 19px;
    margin-right: 20px;
}
.product-small .price > span:nth-child(2){
    font-size: 14px;
    font-weight: 400;
    color: #a7a7a7;
    position: relative;
}
.product-small .price > span:nth-child(2):before{
    width: 100%;
    height: 1px;
    background: #a9a9a9;
    content: "";
    bottom: 7px;
    left: 0;
    position: absolute;
}
.rt_add_pro a{
    width: 49%;
    display: block;
    float: left;
    line-height: 35px !important;
    text-align: center;
    border: 1px solid #d3d3d3;
    color: #d0352e;
    font-size: 15px;
    font-weight: 600;
}
.rt_add_pro a:nth-child(2){
    float: right;
    color: #8b8b8b;
    font-weight: 400;
}
.entry-summary .product-title{
    display: none;
}
.fs-imggalary{
    display: block;
    width: 100%;
    clear: both;
}
.fs-imggalary .imggalary{
    width: 100%;
    border:1px solid #dddddd;
    height: 81px;
    line-height: 81px;
    outline: none;
    margin: 0 10px;
}
.fs-imggalary .imggalary img{
    width: 100%;
    max-height: 79px;
    object-fit: contain;
}
.fs-imggalary .slick-prev{
    position: absolute;
    top: 41%;
    left: -5px;
    z-index: 9;
    cursor: pointer;
}
.fs-imggalary .slick-next{
    position: absolute;
    top:41%;
    right: -7px;
    z-index: 9;
    cursor: pointer;
}
.new-single .item{
    padding: 15px;
    border:1px solid #efefef;
    border-top: none;
    background: #fff;
    overflow: hidden;
}
.new-single .item .thumb__img__p{
    width: 76px;
    height: 58px;
    float: left;
}
.new-single .item .thumb__img__p img{
    width: 100%;
    height: 58px;
    object-fit: cover;
}
.new-single .item  h4{
    display: block;
    width: calc(100% - 86px);
    float: right;
}
.new-single .item  h4 a{
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
    font-weight: 400;
    display: block;
}
.product_view{
    background: #fff;
    padding: 20px 20px 0 20px;
    border: 1px solid #efefef;
    border-radius: 4px;
    margin-bottom: 30px;
}
.product_view_slider .slick-prev{
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 9;
    cursor: pointer;
}
.product_view_slider .slick-next{
    position: absolute;
    top: 40%;
    right: 0;
    z-index: 9;
    cursor: pointer;
}
.cd-popup-trigger{
    cursor: pointer;
    display: block;
    margin: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    color: #337ab7;
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #337ab7;
}
.content_form h2{
    font-size: 18px;
    color: #4a4a4a;
    padding-right: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.content_form h4{
    color: #d0021b;
    display: table;
    width: 100%;
    font-size: 16px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0;
}
.content_form li{
    list-style: none;
    border-bottom: 1px solid #ebebeb;
    line-height: 22px;
    margin-bottom: 0;
    padding: 8px 0;
    overflow: hidden;
}
.content_form li .left__if{
    float: left;
    width: 170px;
    font-weight: 500;
    font-size: 14px;
}
.content_form li .right__if{
    float: right;
    width: calc(100% - 180px);
    font-size: 14px;
}
.tax-product_cat .shop-container{
    background: #fff;
    margin-top: 30px;
    padding: 20px;
    border:1px solid #efefef;
    border-radius: 4px;
}
.nav-pagination  .page-number{
    border-radius: 0 !important;
}
.nav-pagination   .current{
    background: #ffffff !important;;
    color: #878787 !important;
    border-color: #d0352e !important;
}
.title__cate{
    position: relative;
    font-size: 22px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #373737;
    font-weight: 600;
    padding-left: 25px;
    background: url(images/dt.png) 0px -1px no-repeat;
}
.layout__active > div{
    max-width: 100% !important;
    flex-basis: 100% !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px !important;
}
.layout__active > div:hover{
    border:1px solid #ccc;
    border-radius: 6px;
}
.layout__active > div .box-image{
    width: 260px;
    float: left;
}
.layout__active > div .box-text{
    width: calc(100% - 260px);
    float: right;
    padding-top: 30px;
}
.layout__active > div .box-text .rt_add_pro{
    width: 250px;
}
.pro-widget-pro{
    overflow: hidden;
    background: #fff;
    padding: 20px 20px 0 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    border:1px solid #efefef;
    border-radius: 4px;
}
.pro-widget-pro .hdd_pro .title{
    position: relative;
    font-size: 22px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #373737;
    font-weight: 600;
    padding-left: 30px;
    background: url(images/dt.png) 0px -1px no-repeat;
}
.pro-widget-pro-slide .hdd_pro .title{
    color: #d0352e;
    background: url(images/lua.png) 0px -7px no-repeat;
}
.news-style-2 .news-item-sidebar-clear{
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}
.news-style-2 .news-item-sidebar-clear .boxx__innner{
    position: relative;
}
.news-style-2 .news-item-sidebar-clear .boxx__innner .news-thumb img{
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.news-style-2 .news-item-sidebar-clear .boxx__innner .box__slider{
    background: hsla(0, 0%, 0%, 0.35);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    overflow: hidden;
    margin-bottom: 0;
}
.news-style-2 .news-item-sidebar-clear .boxx__innner .box__slider a{
    font-size: 15px;
    line-height: 20px;
    max-height: 40px;
    color: #fff;
    display: block;
    overflow: hidden;
}
.single-post .box__left__layout{
    background: #fff;
    padding: 20px;
    border:1px solid #eee;
}
.box__nth__2_2 .news-post-news .box__news__inner{
    overflow: hidden;
    margin-bottom: 20px;
}
.box__nth__2_2 .news-post-news .box__news__inner .box__thumb__img{
    width: 240px;
    height: 200px;
    float: left;
}
.box__nth__2_2 .news-post-news .box__news__inner .box__thumb__img img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}   
.box__nth__2_2 .news-post-news .box__news__inner .box__content{
    width: calc(100% - 250px);
    float: right;
}
.box__nth__2_2 .news-post-news .box__news__inner .box__content .title__t a {
    font-size: 16px;
    font-weight: 600;
    display: block;
    line-height: 23px;
}
.single-post .page-right-sidebar{
    padding-top: 0 !important;
}
.zalo-container:not(.right){
    left: 27px;
    bottom: 105px;
}
.mess{
    position: fixed;
    left: 34px;
    bottom: 180px;
    z-index: 9;
    width: 48px;
    height: 48px;
}
.rt_woocommerce_single_product_summary  .single_add_to_cart_button{
    display: block;
    width: 100%;
    background-color: #d0352e !important;
    border-radius: 4px;
    font-size: 23px;
    opacity: 1;
    position: relative;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.rt_woocommerce_single_product_summary  .single_add_to_cart_button:after{
    position: absolute;
    content: "Giao hàng trong 1 giờ hoặc nhận hàng tại shop";
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: initial;
}
.rt_woocommerce_single_product_summary .loading:after{
    display: none;
}
.rt_woocommerce_single_product_summary ins{
    float: left;
    padding-right: 15px;
}
.box-text .price {
    overflow: hidden;
    display: block;
}
.box-text .price  ins{
    display: inline-block;
    background: #d0352e;
    line-height: 33px;
    color: #fff;
    border-radius: 30px;
    padding: 0 15px;
    font-size: 19px;
    margin-right: 20px;
    float: left;
}
.box-text .price  ins span{
    color: #fff;
}
.box-text .price del{
    font-size: 14px;
    font-weight: 400;
    color: #a7a7a7;
    position: relative;
    top: 10px;
}
#top-bar,.header-top{
    background: unset !important;
}
.header-bg-container{
    display: none;
}
.html1 span{
    display: inline-block;
    line-height: 35px;
    border-radius: 6px;
    background: #24a8e0;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
}
.html1 a{
    display: inline-block;
    line-height: 35px;
    border-radius: 6px;
    background: #ec0909;
    color: #fff;
    padding: 0 13px;
    font-size: 14px;
    margin: 0 8px;
}
#logo{
    margin: 0 !important;
}
#logo img{
    width: 233px;
    height: 82px;
    max-height: 82px !important;
    position: relative;
    top: -40px;
    z-index: 9999999;
    object-fit: contain;
}
.stuck #logo img {
    top: 0;
}
#masthead{
    z-index: 99;
}
#masthead .nav-dropdown-default{
    padding: 0 !important;
}
.anhvideo .elementor-element-populated{
    padding-top: 0 !important;
}
.sec_slide .left > div{
    padding-left: 0 !important;
}
.sec_slide .right > div{
    padding-left: 5px !important;
    padding-right: 0 !important;
}
.sec_slide .right img{
    width: 100%;
    height: 185px;
    border-radius: 6px;
    overflow: hidden;
    object-fit: cover;
}
.truocchantrang{
    background: #fff;
}
.truocchantrang li{
    margin: 0 !important;
}
.truocchantrang .widgettitle{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    position: relative;
    margin-bottom: 20px;
}
.truocchantrang .widgettitle:after{
    position: absolute;
    width: 20px;
    height: 1px;
    background: #ea9d02;
    bottom: 0;
    left: 0;
    content: "";
}
.truocchantrang .row > div:nth-child(1){
    max-width: 41%;
    flex-basis: 41%;
    padding-right: 30px !important;
}
.truocchantrang .row > div:nth-child(1) img{
    margin-bottom: 10px;
}
.truocchantrang .row > div:nth-child(1) p{
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
}
.truocchantrang .row > div:nth-child(2){
    max-width: 28%;
    flex-basis: 28%;
}
.truocchantrang .row > div:nth-child(3){
    max-width: 31%;
    flex-basis: 31%;
}
.truocchantrang .row > div:nth-child(3) p{
    margin-top: 25px;
}
.truocchantrang .menu > li{
    border: none !important;
}
.truocchantrang .menu > li a{
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
    color: #333;
}
.truocchantrang .col{
    padding-bottom: 0 !important;
}
.chantrang1{
    background: url(images/ft4.png) no-repeat !important;
    background-size: cover !important;
    padding-bottom: 65px !important;
}
.chantrang1 .row > div:nth-child(1){
    max-width: 35%;
    flex-basis: 35%;
}
.chantrang1 p{
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    display: block;
    margin-bottom: 0;
}
.chantrang1 li{
    margin: 0 !important;
}
.chantrang1 .widgettitle{
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px solid #1b2647;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.chantrang1 .row > div:nth-child(2){
    max-width: 12%;
    flex-basis: 12%;
    padding-right: 0 !important;
}
.chantrang1 .row > div:nth-child(2) img{
    width: auto !important;
    margin-top: 10px;
}
.chantrang1 .row > div:nth-child(3){
    max-width: 53%;
    flex-basis: 53%;
}
.chantrang1 .large-12{
    padding: 0 15px !important;
}
.chantrang1 .large-12 p{
    border-top: 1px solid #1b2647;
    text-align: center;
    padding-top: 15px;
    display: none;
}
.chantrang1 i{
    width: 18px;
    text-align: center;
}
.hotline_ft{
    background: #24a8e0;
    line-height: 49px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
.hotline_ft .row{
    padding: 0 15px;
    text-align: center;
    display: block;
}
.hotline_ft .row span{
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    margin: 0 55px;
}
.hotline_ft .row span a{
    display: inline-block;
    line-height: 35px;
    color: #fff;
    background: #ec0909;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
    margin-left: 10px;
}
.back-to-top{
    bottom: 55px !important;
}
.page-id-2243 .container_bre{
    display: none;
}
.page-id-2243 #content{
    padding-top: 0;
}
.home .truocchantrang{
    display: none;
}
.trangchu01 .left{
    width: 250px !important;
    float: left;
    order:1;
}
.trangchu01 .left .widget-title  span{
    display: block;
    text-align: center;
    background: #1f7ec2;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    border-radius: 6px 6px 0 0;
}
.trangchu01 .left .menu{
    border: 1px solid #ececec;
    background: #fff;
}
.trangchu01 .left .menu > li > a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 22px;
    background: url(images/rrr.png) 8px 11px no-repeat;
    padding-left: 25px;
}
.widget .is-divider{
    display: none;
}
.trangchu01 .right{
    width: calc(100% - 250px) !important;
    float: right;
    order: 2;
    padding-left: 30px !important;
}
.trangchu01 .right p{
    margin-bottom: 0;
    line-height: 27px;
}
.hd{
    display: block;
    background: url(images/hd.png) repeat-x;
    line-height: 33px;
    border-radius: 6px 0 0 0 !important;
    overflow: hidden;
    margin-bottom: 0;
}
.hd span,.hd a{
    display: inline-block;
    background: #1f7ec2;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
    line-height: 40px;
}
.hd span:after,.hd a:after{
    position: absolute;
    content: "";
    width: 22px;
    height: 40px;
    top: 0;
    right: -22px;
    background: url(images/hdf.png) no-repeat;
}
.news-widget-style-5{
    margin: 0 -15px;
}
.news-widget-style-5 .news-item-clear{
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 0px;
}
.news-widget-style-5 .news-item-clear .news-thumb img{
    width: 100%;
    height: 190px;
    object-fit: cover;
    margin-bottom: 15px;
}
.news-widget-style-5 .news-item-clear .news-title{
    display: block;
    font-size: 15px;
    line-height: 21px;
    height: 42px;
    color: #333;
}
.news-widget-style-5 .news-item-clear .box__description p{
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    color: #969696;
}
.news-widget-style-5 .slick-prev{
    position: absolute;
    top: -50px;
    right: 50px;
    z-index: 9;
    cursor: pointer;
}
.news-widget-style-5 .slick-next{
    position: absolute;
    top: -50px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
}

.bottom-contact{display:none}
@media  (max-width: 767px) {    
.bottom-contact{display: block;
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px  #0000008a;
    border-top: 1px solid #eaeaea;}
.bottom-contact ul li{width: 25%; margin-bottom:0; 
    float: left;
    list-style: none;
    text-align: center; font-size:13.5px;}
.bottom-contact ul li span{color:black}
.bottom-contact ul li img{    width: 35px;
    margin-top: 3px;
    margin-bottom: 0px;}
 
.float-contact{display:none}
}

.float-contact {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 99999;
}
.chat-zalo {
    background: #8eb22b;
    border-radius: 20px;
    padding: 0px 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.chat-face {
    background: #125c9e;
    border-radius: 20px;
    padding: 0px 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.float-contact .hotline {
    background: #d11a59 !important;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}

.chat-zalo a, .chat-face a, .hotline a {
    font-size: 15px;
    color: white;
    font-weight: normal;
    text-transform: none;
    line-height: 0;
}
.header-nav li:before,.header-nav li:after{
    display: none;
}

.header-nav .full > .nav-dropdown {
    width: 1170px !important;
    /*top: 132px !important;*/
    top: 99px !important;
    max-width: 1170px !important;
    left: 0px !important;
    min-width: 1170px !important;
    box-shadow: unset !important;
    border: none !important;
    position: fixed;
    margin: 0 auto;
    display: none;
    right: 0 !important;
}
.logged-in .header-nav .full > .nav-dropdown {
    top: 132px !important;
}
.header-nav .full:hover > .nav-dropdown{
    display: block;
}
.header-nav .full > .nav-dropdown > li{
    width: 16.6% !important;
    float: left !important;
    margin: 0 !important;
    display: block !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0,165,229,.1) !important;
    border-right: 1px solid rgba(0,165,229,.1);
}
.header-nav .full > .nav-dropdown > li:nth-child(6n){
    border-right: none !important;
}
.header-nav .full > .nav-dropdown > li > a{
    display: block;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding: 7px 15px 7px 26px !important;
    clear: both !important;
    font-size: 14px;
    line-height: 20px !important;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    position: relative;
}
.header-nav .full > .nav-dropdown > li > a:before{
    font: normal normal normal 11px/1 FontAwesome;
    content: "\f005";
    margin-right: 6px;
    color: #24a8e0;
    font-size: 7px;
    position: absolute;
    left: 5px;
    top: 12px;
    font-size: 13px;
}
.header-nav .full > .nav-dropdown > li > a:hover{
    color: #24a8e0;
}
.muangay{
    display: block;
    width: 100%;
    background-color: #d0352e !important;
    border-radius: 4px;
    font-size: 23px;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    padding:15px 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.header-wrapper{
    background: url(images/bghd.png) center center no-repeat #10152b !important;
    position: relative;
}
.stuck{
    position: fixed !important;
    background: #0f1428 !important;
}
.stuck #logo img{
    object-fit: contain;
    padding: 5px;
}











@media only screen and (max-width: 1024px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .section_sanpham:after {
        content: "";
        background: none;
    }
    .products > .product-small {
        padding: 0 10px;
        margin-bottom: 20px;

    }
    .box__item__pro .box__inner__pr .box__left__pr {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .box__item__pro .box__inner__pr .box__right__pr {
        width: 100%;
    }
    .product__box .box-text-products .add-to-cart-button {
        width: 100%;
    }
    .box__right__layout,
    .box__left__layout,
    #main .category-page-row .col.large-9,
    #main .category-page-row .col.large-3  {
        float: none;
        width: 100%;
        padding: 0 5px;
        max-width: 100%;
    }
    .product-main .product-info {
        padding: 10px;
    }
    .product-footer .woocommerce-tabs {
        width: 100%;
    }
    .box__thongtin__right{
        width: 100%;
    }
    #masthead .header-nav > li > a{
        font-size: 12px;
        padding: 0 16px;
    }
    .tra_gop_rt a p{
        font-size: 14px;
    }

}

@media only screen and (max-width: 768px) {
.header-wrapper{
    background: #10152b !important;
}
.slider_nxp .left_right {
    height: 151px;
}
.sec_ph01 .box .elementor-row > .elementor-element {
    border: none;
    width: 25%;
    float: left;
}
#logo img{
    top: 0;
    max-height: 51px !important;
    width: auto !important;
    height: auto !important;
}
.layout__active .des__pro {
    display: none;
}
.title__cate__pro {
    float: right;
    text-align: center;
}
    .product-footer .woocommerce-tabs {
        margin-top: 20px;
    }
    .footer-widgets .widget {
        max-width: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important; 
    }
    .box__thumb__pro {
        height: 150px;
    }
    .box__thumb__pro a img {
        max-height: 145px;
    }
    .list__post__home .news__home__item {
        width: 100%;
    }
    .product__box .box-text-products .price-wrapper {
        width: 100%;
    }
    .text__cn h5 {
        font-size: 12px;
        text-transform: none;
        line-height: 20px;
        height: 40px;
    }
        .validate-phone {
        width: 100%;
    }
    .video-center {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
    #logo {
        margin-top: 0;
    }
    .hinhanh__banner .items__ha img {
        height: auto;
    }
    .hinhanh__banner_2 {
        margin-bottom: 0;
    }

    .product-main .product-gallery.col.large-4 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 5px;
    }
    .product-main #product-sidebar {
        max-width: 100%;
        float: none;
        flex-basis: 100%;
        display: none !important;
        padding-bottom: 0;
    }
    .product-main .product_title {
        font-size: 23px;
    }
    .heading {
        display: block;
    }
    .box__thumb__pro {
        height: 130px;
    }
    .box__thumb__pro a img {
        max-height: 125px;
         width: auto !important;
    }
    .product__box .box-text-products .price-wrapper {
        width: 100%;
    }
    .pro-pro_home .product__box .box-text-products .price-wrapper {
        width: 100%;
    }
    .pro-pro_home .product__box .box-text-products .add-to-cart-button {
       width: 100%;
    margin: 25px auto 0;
    }
    .product__box .box-text-products .add-to-cart-button {
        width: 67px;
    }
     .product__box .box-text-products .price-wrapper del, .product__box .box-text-products .price-wrapper del {
        margin: 0;
     }
    .product__box .box-text-products .price-wrapper ins, .product__box .box-text-products .price-wrapper ins span {
          font-size: 13px;
    }
    .product__box .box-text-products .price-wrapper del, .product__box .box-text-products .price-wrapper del span {
        font-size: 12px;
    }
    .product__box .box-text-products .add-to-cart-button a {
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        border-radius: 4px;
    }
    .product__box .box-text-products .product-title a {
        font-size: 15px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }
    .products .product-small .product__box.col-inner {
        padding: 6px;
    }

  /*  .product__box .box-text-products .price-wrapper ins, .product__box .box-text-products .price-wrapper del {
        width: 50%;
        margin: 0;
        float: left;
    }
    
    .product__box .box-text-products .add-to-cart-button {
        width: 100%;
        margin-top: 10px;
    }*/
    .product__box .box-text-products .price-wrapper > .price > span {
        font-size: 14px;
        line-height: 44px;
    }
    .heading .box_cate_pro li.item_cate {
        display: none;
    }
    .video__nth1 {
        width: 100%;
        margin-bottom: 15px;
    }
    .video__ntn2 {
        width: 100%;
    }
    .video__nth1 .video__thumb__img img {
        height: auto;
    }
    .video__ntn2 .video__post .video__thumb__img ,
    .video__ntn2 .video__post .video__thumb__img a img {
        height: 130px;
    }
    .box__dv .items__ht {
          width: 50%;
        margin-bottom: 15px;
    }
    .box__thumb__ht ,
    .box__thumb__ht a img {
        height: 115px;
    }
    .list__post .news-post-news {
        width: 100%;
        margin-bottom: 15px;
    }
    .list__infomation .item__info {
        width: 100%;
        padding: 0;
        border: 0;
        margin-bottom: 10px;
    }
    .list__infomation .item__info:last-child {
        margin-bottom: 0;
    }
    .footer-2 .widget:nth-child(1),
    .footer-2 .widget:nth-child(2),
    .footer-2 .widget:nth-child(3),
    .footer-2 .widget:nth-child(4),
    .footer-2 .widget:nth-child(5) {
         max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;   
    }
    .list__show__pro {
        display: block;
    }
    .woocommerce-ordering {
        width: 50%;
    }
    .box__nth__1 .news-post-news .box__thumb__img a img {
        height: 180px;
    }
    .box__nth__2 .news-post-news .box__thumb__img {
        width: 120px;
    }
    .box__nth__2 .news-post-news .box__content {
        width: calc(100% - 120px - 10px);
    }
    .box__nth__2 .news-post-news .box__content h3 a {
        font-size: 14px;
        line-height: 20px;
    }
    .box__nth__2 .news-post-news .box__content > span{
        font-size: 13px;
    }
    .box__nth__2 .news-post-news .box__content .box__des p {
        font-size: 13px;
        line-height: 21px;
        max-height: 42px;
    }
    .box__nth__2 .news-post-news .box__content > a {
        font-size: 13px;
        display: none;
    }
    .box__nth__2 .news-post-news .box__thumb__img a img{
        height: 110px;
    }
    .list__video__archive .news__video {
        width: 50%;
    }
    .list__video__archive .news__video .box__thumb__img,
    .list__video__archive .news__video .box__thumb__img a img {
        height: 130px;
    }
    .list__video__archive .news__video .box__content h3 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        height: 44px;
    }
    .pro-pro_home .box__thumb__pro  {
        height: auto;
    }
    .pro-pro_home .box__thumb__pro a img {
         max-height: 250px;
    }
    .home__product__noibat .box__item__pro {
        padding: 35px 0;
    }
    .form_dangkytin {
        display: block;
        padding: 0 10px;
    }
    .form_dangkytin .f_left {
        margin-bottom: 10px;
        width: 100%;
    }
    .form_dangkytin .f-right {
        width: 100%;
    }
    .header-cart-link{
        color: #fff !important;
    }
    .icon-menu{
        color: #fff;
    }
    .sidebar-menu img{
        width: 20px;
        text-align: center;
        background: #333;
    }
    .slider-nav{
        display: none !important;
    }
    .sec_ph01 .elementor-row > .elementor-element{
        border:none;
        width: 25%;
        float: left;
    }
    .sec_ph01 > div{
        border-radius: 4px;
    }
    .product-small .box-image{
        height: 160px;
        line-height: 160px;
    }
    .pro-widget-pro-slide .slick-prev{
        left: -4px;
    }
    .product-small .price > span:nth-child(1){
    margin-bottom: 10px;
    font-size: 11px;
    list-style: 25px;
    padding: 0 5px;
    line-height: inherit;
    background: none;
    color: red;
font-size: 12px;
    margin: 0;
    }
    .rt_add_pro a{
    width: 49%;
    line-height: 30px !important;
    font-size: 11px;
    }
    .pro-widget-pro > .products > .product-small{
        width: 50%;
        overflow: hidden;
        display: block;
    }
    .sec_chantrang .row .large-2{
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .layout__active > div .box-image{
        width: 50%;
    }
    .layout__active > div .box-text{
        width: 50%;
        padding-top: 0;
    padding-left: 10px;
    }
    .layout__active > div .box-text .rt_add_pro{
        width: 100%;
    }
    .rt_woocommerce_single_product_summary .left{
        width: 100%;
        border-right:none;
        padding: 0;
    }
    .tra_gop{
        position: relative;
        top: 5px;
        right: 0;
    }
    .tra_gop_rt a p{
        font-size: 16px;
    }
    .tra_gop_rt a span{
        font-size: 12px;
    }
    .pro_title{
        font-size: 21px;
    }
    .rt_woocommerce_single_product_summary .right{
        width: 100%;
        padding: 0;
    }
    .title__related span:after{
        display: none;
    }
    .box_one .box__nth__1{
        width: 100%;
        margin-bottom: 15px;
    }
    .box_one .box__nth__2{
        width: 100%;
    }
    .box_one .box__nth__1 .box__content h3 a{
        font-size: 16px;
        line-height: 22px;
        max-height: 44px;
    }
    .box_one .box__nth__1 .box__content > span{
        font-size: 13px;
    }
    .box_one{
        padding: 10px;
    }
    .box__nth__3 {
        padding: 10px;
    }
    .box__nth__3 .news-post-news .box__thumb__img{
        width: 100%;
    }
    .box__nth__3 .news-post-news .box__content{
        width: 100%;
    }
    .box__nth__3 .news-post-news .box__content h3 a{
        font-size: 16px;
        list-style: 24px;
        margin-top: 10px;
    }
    .box__right__layout{
        margin-top: 20px;
    }
    .single-post .rt-breadcrumbs{
        display: none;
    }
    .box__nth__2_2 .news-post-news .box__news__inner .box__thumb__img{
        width: 100%;
    }
    .box__nth__2_2 .news-post-news .box__news__inner .box__content{
        width: 100%;
    }
    .box__nth__2_2 .news-post-news .box__news__inner .box__thumb__img img{
        height: 200px;
    }
    .box__nth__2_2 .news-post-news .box__news__inner  .box__des{
        display: none;
    }
.box-text .price del {
    top: 0;
    display: inherit;
    margin: 0;
    top: initial;
    font-size: 12px;
    float: left;
    width: 50%;
}
.box-text .price ins {
    font-size: 13px;
    padding: 0;
    margin: 0;
    background: none;
    color: #333;
    float: right;
    width: 50%;
    line-height: inherit;
}
.pro-widget-pro > .products > .product-small .box-text {

    overflow: hidden;
    padding-bottom: 0;

}
.pro-widget-pro > .products > .product-small .box-text .price-wrapper {
    height: 35px;
}
.product-small .product-title a {
    display: block;
    font-size: 12px;
    color: #3a3a3a;
    font-weight: 600;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 10px;
}
    .hotline_ft{
        display: none;
    }
    .trangchu01 .left{
        width: 100% !important;
        order: 2 !important;
    }
    .trangchu01 .right{
        width: 100% !important;
        padding-left: 0px !important;
        margin-bottom: 20px;
    }
    .hd span, .hd a{
        line-height: 25px;
        padding: 5px 15px;
    }
    .chantrang1 .row > div:nth-child(1){
        max-width: 100%;
        flex-basis: 100%;
        padding-right: 0px;
    }
    .chantrang1 .row > div:nth-child(2){
        max-width: 20%;
        flex-basis: 20%;
    }
    .chantrang1 .row > div:nth-child(3){
        max-width: 80%;
        flex-basis: 80%;
    }
    .truocchantrang .row > div:nth-child(1),.truocchantrang .row > div:nth-child(2),.truocchantrang .row > div:nth-child(3){
        max-width: 100%;
        flex-basis: 100%;
        padding-right: 0px !important;
        margin-bottom: 20px;
    }
    .pro-widget-pro {

    padding: 20px 5px 0 5px;
    }
    .price-wrapper .price {
        display: block;
        overflow: hidden;
    }
    .box-text .price ins span {
         color: red;
    }
    .product-small .box-image img {
        max-height: 100px;
    }
    .product-small .box-image {
    height: 110px;
    line-height: 110px;
}
.product-small .price {
    margin-bottom: 10px;
}
}
.header-block.block-html-after-header.z-1 {
    display: none;
}
/* =========================================================================
   Indangnguyen custom elements
   ========================================================================= */

/* ---- 1) Logo thương hiệu (Brands slider) ---- */
.idn-brands {
    padding: 30px 10px 0 10px;
    text-align: center;
}
.idn-brands__title {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
 
    color: #111111;
    margin-bottom: 12px;
}
.idn-brands__grid {
    position: relative;
    border: 1px solid #ededec;
    border-radius: 4px;
}
.idn-brands__slider {
    margin: 0;
}
/* trước khi slick init: xếp ngang để không nhảy layout */
.idn-brands__slider:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.idn-brands__slider:not(.slick-initialized) > .idn-brand {
    flex: 0 0 16.666%;
    max-width: 16.666%;
}
.idn-brand__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 24px;
}
.idn-brand__link {
    display: block;
}
.idn-brand__img {
    height: 100px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: filter 0.25s ease;
}

.idn-brands--gray .idn-brand__item:hover .idn-brand__img {
    filter: grayscale(0%);
}
/* nút điều hướng */
.idn-brands__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 34px !important;
    height: 34px !important;
    min-width: 0;
    min-height: 0;
    padding: 0 !important;
    margin: 0;
    line-height: 1 !important;
    background: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer;
    color: var(--primary-color, #2496ea);
    transition: all 0.3s;
}
.idn-brands__nav svg {
    width: 15px;
    height: 15px;
}
.idn-brands__nav:hover {
    background: var(--primary-color, #2496ea) !important;
    color: #fff;
}
.idn-brands__nav.idn-brands__prev,
.idn-brands__nav.slick-prev { left: -14px; }
.idn-brands__nav.idn-brands__next,
.idn-brands__nav.slick-next { right: -14px; }
.idn-brands__nav.slick-prev:before,
.idn-brands__nav.slick-next:before { content: none; }

/* ---- 2) Lưới danh mục (Category grid) ---- */
.idn-catgrid {
    margin-bottom: 0px;
}
/* Slider danh mục: 2 hàng, mỗi "khung nhìn" 5 cột; track trượt theo từng cột.
   --idn-cat-arrow-out: khoảng đẩy mũi tên ra ngoài 2 bên (tăng nếu muốn xa hơn). */
.idn-catgrid__slider {
    position: relative;
    --idn-cat-arrow-out: 58px;
}
.idn-catgrid__viewport {
    overflow: hidden;       /* full width, không bị mũi tên chiếm chỗ */
}
.idn-catgrid__row {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: calc((100% - 4 * 16px) / 5);   /* 5 cột nhìn thấy */
    gap: 16px;
    transition: transform 0.4s ease;
    will-change: transform;
}
.idn-catgrid__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    box-sizing: border-box;
    width: 45px !important;
    height: 45px !important;
    min-width: 45px;
    min-height: 45px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: none;
    background: var(--primary-color, #2496ea);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #fff;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}
.idn-catgrid__prev { left: calc(-1 * var(--idn-cat-arrow-out)); }
.idn-catgrid__next { right: calc(-1 * var(--idn-cat-arrow-out)); }
.idn-catgrid__arrow svg {
    width: 18px;
    height: 18px;
    display: block;
}
.idn-catgrid__arrow:hover {
    background: var(--primary-color, #2496ea);
    color: #fff;
}
.idn-catgrid__arrow:disabled { opacity: 0.35; cursor: default; transform: translateY(-50%); }
.idn-catgrid__intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}
.idn-catgrid__brand {
    font-weight: 700;
    font-size: 30px;
    margin: 0;
}
.idn-catgrid__lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #444;
    font-size: 15px;
}
.idn-catgrid__cell {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 11px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    transition: box-shadow 0.25s ease;
}
.idn-catgrid__cell:hover {
    box-shadow: rgba(100, 100, 163, 0.2) 0px -4px 15px 4px;
}
.idn-catbox__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.idn-catbox__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.idn-catbox__icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.idn-catbox__title {
    display: block;
    font-weight: 500;
    font-size: 17px;
    transition: color 0.2s ease;
}
.idn-catgrid__cell:hover .idn-catbox__title {
    color: var(--primary-color, #2496ea);
    font-weight: 600;
    font-size: 16px;
}
.idn-catgrid__viewall {
    border: 1px solid #000;
    box-shadow: none;
}
@media (max-width: 849px) {
    .idn-catgrid__row { grid-auto-columns: calc((100% - 2 * 16px) / 3); }  /* 3 cột */
    /* màn nhỏ: mũi tên nằm đè sát mép trong để không lòi ra ngoài gây cuộn ngang */
    .idn-catgrid__prev { left: 4px; }
    .idn-catgrid__next { right: 4px; }
}
@media (max-width: 549px) {
    body .idn-hp__header {
        text-align: left;
        margin-bottom: 20px;
    }
    .idn-catgrid__row {
        grid-auto-columns: calc((100% - 1 * 10px) / 2);                    /* 2 cột */
        gap: 10px;
    }
    /* Tiêu đề (ô giới thiệu) trải hết chiều ngang */
    .idn-catgrid__intro {
        grid-column: 1 / -1;
        padding: 4px 2px;
        gap: 4px;
    }
    .idn-catgrid__brand { font-size: 22px; }
    .idn-catgrid__lines { font-size: 13px; }
    /* Card danh mục gọn: viền nhạt, bo góc, vuông vắn */
    .idn-catgrid__cell {
        height: auto;
        min-height: 118px;
        border: 1px solid #ededed;
        border-radius: 10px;
        box-shadow: none;
    }
    .idn-catgrid__viewall { border-color: #000; }
    .idn-catbox__inner { padding: 12px 6px; }
    .idn-catbox__icon { margin-bottom: 8px; }
    .idn-catbox__icon img { width: 44px; height: 44px; }
    .idn-catbox__title { font-size: 13px; line-height: 1.3; }
    .idn-catgrid__cell:hover .idn-catbox__title { font-size: 13px; }

    .idn-brands__slider:not(.slick-initialized) > .idn-brand {
        flex-basis: 33.3333%; max-width: 33.3333%;
    }
    /* Ẩn mũi tên slider logo trên mobile */
    .idn-brands__nav { display: none !important; }
}

/* ---- 3) Thư viện sản phẩm (Tabs theo danh mục) ---- */
.idn-lib {
    margin-bottom: 0px;
}
.idn-lib__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
.idn-lib__title {
    flex: 0 0 auto;
    width: auto; /* ghi đè rule h1..h6{width:100%} của Flatsome */
    margin: 0;
    padding: 2px 6px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    color: #000;
    background: linear-gradient(transparent 45%, var(--idn-hl, #f9c5b6) 45%);
}
.idn-lib__bar {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}
.idn-lib__tabnav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    gap: 40px;
    padding-left: 24px;
    overflow-x: auto;
    scrollbar-width: none;
}
.idn-lib__tabnav::-webkit-scrollbar {
    display: none;
}
.idn-lib__tab {
    flex: 0 0 auto;
    position: relative;
    margin: 0;
    padding: 6px 0;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    font-weight: 500;
    color: #8a8a8a;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s ease;
}
.idn-lib__tab:hover {
    color: #000;
}
.idn-lib__tab.is-active {
    color: #000;
    font-weight: 700;
    border-bottom-color: #000;
}
.idn-lib__tools {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}
.idn-lib__nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.idn-lib__arrow {
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    color: #000;
    cursor: pointer;
    transition: color 0.2s ease;
}
.idn-lib__arrow:hover {
    color: #666;
}
.idn-lib__viewall {
    color: #000;
    font-weight: 500;
    white-space: nowrap;
}
.idn-lib__viewall:hover {
    color: #666;
}
/* Lưới mặc định (kể cả trang danh mục .idn-lib--archive): nhiều cột, xuống hàng */
.idn-lib__grid {
    display: grid;
    grid-template-columns: repeat(var(--idn-lib-cols, 5), 1fr);
    gap: 16px;
}

/* Slider (chỉ trong [idn_libtabs], grid nằm trong .idn-lib__viewport):
   track 2 hàng - mỗi "trang" 5 cột (10 sp/trang) */
.khoi-me { position: relative; }            /* phòng khi muốn neo theo khối mẹ */
.idn-lib__slider { position: relative; }    /* mốc canh giữa theo chiều cao slider */
.idn-lib__panels { position: relative; }
.idn-lib__viewport { overflow: hidden; }
.idn-lib__viewport > .idn-lib__grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: calc((100% - 4 * 16px) / 5);
    transition: transform 0.45s ease;
    will-change: transform;
}

/* Mũi tên tròn nổi bật, đẩy hẳn ra ngoài 2 bên slider.
   --idn-arrow-out: khoảng cách đẩy ra ngoài; tăng số này nếu muốn sát mép .khoi-me hơn. */
.idn-lib__slider {
    --idn-arrow-out: 72px;
}
.idn-lib__slider > .idn-lib__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    box-sizing: border-box;
    width: 45px !important;
    height: 45px !important;
    min-width: 45px;
    min-height: 45px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: none;
    background: var(--primary-color, #2496ea);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #fff;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}
.idn-lib__slider > .idn-lib__prev { left: calc(-1 * var(--idn-arrow-out)); }
.idn-lib__slider > .idn-lib__next { right: calc(-1 * var(--idn-arrow-out)); }
.idn-lib__slider > .idn-lib__arrow svg {
    width: 18px;
    height: 18px;
    display: block;
}
.idn-lib__slider > .idn-lib__arrow:hover {
    background: var(--primary-color, #2496ea);
    color: #fff;
}
.idn-lib__card {
    display: block;
    color: #000;
}
.idn-lib__imgwrap {
    overflow: hidden;
}
.idn-lib__img {
    width: 100%;
    height: auto;        /* theo đúng tỉ lệ ảnh đã cấu hình trong Flatsome Theme Options */
    display: block;
}
/* Tên sp: thẻ thường (div), style gắn class — không phụ thuộc h3 */
.idn-lib__name,
div.idn-lib__name {
    margin: 10px 0 6px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: #000;
    text-align: center;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.idn-lib__meta {
    display: none;
}
.idn-lib__stat {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.idn-lib__ico {
    display: inline-block;
    width: 15px;
    height: 15px;
}
.idn-lib__ico--star {
    color: #f5a623;
}
.idn-lib__ico--heart {
    color: red;
}
/* Giá (chỉ hiện ở trang danh mục/shop) */
.idn-lib__price {
    text-align: center;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--primary-color, #2496ea);
}
.idn-lib__price del {
    color: #9ca3af;
    font-weight: 500;
    font-size: 13px;
    margin-right: 6px;
}
.idn-lib__price ins {
    text-decoration: none;
}
.idn-lib__btn {
    margin-top: 10px;
    padding: 6px 8px;
    border: 1px solid #959595;
    border-radius: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}
.idn-lib__card:hover .idn-lib__btn {
    background: var(--primary-color, #2496ea);
    border-color: var(--primary-color, #2496ea);
    color: #fff;
}
.idn-lib__empty {
    padding: 20px 0;
    color: #777;
}
/* Xem trước trong UX Builder */
.idn-lib--builder .idn-lib__buildertabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.idn-libtab {
    padding: 12px 14px;
    min-width: 180px;
    background: #fafafa;
    border-radius: 6px;
}
.idn-libtab strong {
    display: block;
    font-size: 14px;
}
.idn-libtab__hint {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #888;
}
@media (max-width: 849px) {
    .idn-lib__grid { grid-template-columns: repeat(3, 1fr); }
    .idn-lib__head { flex-wrap: wrap; }
    .idn-lib__title { font-size: 24px; }
}
@media (max-width: 549px) {
    .idn-lib__grid { grid-template-columns: repeat(2, 1fr); }
}
/* Mobile: header gọn + tab dạng pill (giống thiết kế gốc) */
@media (max-width: 767px) {
    .idn-lib__head {
        position: relative;
        display: block;
        margin-bottom: 12px;
    }
    .idn-lib__title {
        font-size: 18px;
        line-height: 1.2;
        padding: 0;
        background: none; /* bỏ highlight trên mobile */
        margin: 0 96px 10px 0; /* chừa chỗ cho "Xem tất cả" */
    }
    .idn-lib__bar {
        display: block;
        position: static; /* để "Xem tất cả" định vị theo .idn-lib__head */
        border: 0;
    }
    /* Tab -> pill, cuộn ngang */
    .idn-lib__tabnav {
        gap: 8px;
        padding-left: 0;
        padding-bottom: 2px;
    }
    .idn-lib__tab {
        padding: 5px 14px;
        border: 1px solid #e0e0e0;
        border-radius: 999px;
        background: #fff;
        color: #333;
        font-weight: 500;
        font-size: 13px;
        line-height: 1.4;
        text-transform: none;
    }
    .idn-lib__tab:hover { color: #333; }
    .idn-lib__tab.is-active {
        background: var(--primary-color, #2496ea);
        border-color: var(--primary-color, #2496ea);
        color: #fff;
        font-weight: 600;
    }
    /* Ẩn mũi tên chuyển tab */
    .idn-lib__nav { display: none; }
    /* "Xem tất cả" đỏ + mũi tên, đưa lên góc phải ngang tiêu đề */
    .idn-lib__tools {
        position: absolute;
        top: 2px;
        right: 0;
        gap: 0;
    }
    .idn-lib__viewall {
        display: inline-flex;
        align-items: center;
        color: #f5402c;
        font-size: 13px;
        font-weight: 500;
    }
    .idn-lib__viewall:hover { color: #f5402c; }
    .idn-lib__viewall::after {
        content: '';
        margin-left: 5px;
        border-left: 6px solid currentColor;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }

    /* Slider sản phẩm trên mobile: bỏ khung 5 cột chật cứng, chuyển sang
       cuộn ngang vuốt tay (scroll-snap) hiển thị 2 thẻ/khung nhìn.
       JS tương ứng tắt clone/transform ở mobile (idn-elements.js). */
    /* Mũi tên tròn giữ nguyên kiểu như .idn-catgrid__arrow (45px, nền xanh,
       icon trắng); chỉ kéo vào sát mép trong để không tràn màn hình gây
       cuộn ngang — giống cách .idn-catgrid xử lý trên màn nhỏ. */
    .idn-lib__slider > .idn-lib__prev { left: 4px; }
    .idn-lib__slider > .idn-lib__next { right: 4px; }
    .idn-lib__viewport {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;                 /* ẩn thanh cuộn (Firefox) */
    }
    .idn-lib__viewport::-webkit-scrollbar { display: none; } /* ẩn thanh cuộn (WebKit) */
    .idn-lib__viewport > .idn-lib__grid {
        grid-auto-columns: calc((100% - 16px) / 2); /* 2 thẻ vừa khung nhìn */
        transform: none !important;                 /* huỷ dịch chuyển do JS đặt */
    }
    .idn-lib__viewport > .idn-lib__grid > * {
        scroll-snap-align: start;
    }
}

/* ---- 4) Sàn thiết kế (Design section) ---- */
.idn-ds {
    margin-bottom: 0px;
}
.idn-ds__header {
    text-align: center;
    margin-bottom: 40px;
}
/* H2 chính — đứng trước sub trong DOM (đúng phân cấp) */
.idn-ds__title,
h2.idn-ds__title {
    font-size: 32px;
    font-weight: 800;
    color: #000;
    margin: 0 0 8px;
    line-height: 1.25;
}
/* Dòng phụ sau H2 (h3) — style gắn class, không phụ thuộc thẻ */
.idn-ds__sub,
h3.idn-ds__sub {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #333;
    margin: 0;
    line-height: 1.4;
}
.idn-ds__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: stretch;
}
.idn-ds__left {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.idn-ds__expert {
    color: #f3a638;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 12px;
}
/* H3 mô tả cột trái — style giữ y hệt khi hạ từ h2 → h3 */
.idn-ds__heading,
h3.idn-ds__heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    margin: 0 0 20px;
}
.idn-ds__desc {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 25px;
}
.idn-ds__list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}
.idn-ds__item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #333;
}
.idn-ds__check {
    flex: 0 0 auto;
    display: inline-flex;
    color: var(--primary-color);;
    font-size: 20px;
}
li.idn-ds__item {
    margin-left: 0px !important;
}
.idn-ds__check svg {
    width: 1em;
    height: 1em;
}
.idn-ds__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 0 30px;
    background-color: #ee4d2d;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.2s ease;
}
.idn-ds__btn:hover {
    background-color: #d8431f;
    color: #fff;
}
section.related.related-products-wrapper.product-section {
    margin-top: 20px;
}
.nav.tab-title.idn-related__head {
    margin-bottom: 20px;
}
.idn-ds__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.idn-ds__card {
    display: block;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    height: 100%;
    color: inherit;
    transition: box-shadow 0.25s ease;
}
.idn-ds__card:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
}
.idn-ds__imgwrap {
    width: 100%;
    overflow: hidden;
}
.idn-ds__img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}
.idn-ds__cardbody {
    padding: 18px 15px;
}
.idn-ds__cardname {
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.idn-ds__cardnote {
    font-size: 13px;
    color: #000;
}
/* Xem trước trong UX Builder (dùng chung cho Sàn thiết kế & Dự án nổi bật) */
.idn-ds__buildertabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.idn-dschip {
    padding: 10px 14px;
    min-width: 160px;
    background: #fafafa;
    border-radius: 6px;
    font-size: 13px;
}
.idn-dschip strong {
    display: block;
}
.idn-dschip__hint {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #888;
}
/* Chip thẻ thiết kế: hiển thị luôn ảnh đã úp trong builder */
.idn-dschip--card {
    width: 150px;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
}
.idn-dschip__img {
    display: block;
    width: 100%;
    height: 84px;
    object-fit: cover;
    background: #f0f0f0;
}
.idn-dschip__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 12px;
}
.idn-dschip--card .idn-dschip__meta {
    display: block;
    padding: 8px 10px;
}
@media (max-width: 991px) {
    .idn-ds__row { grid-template-columns: 1fr; }
    .idn-ds__title { font-size: 26px; }
}
@media (max-width: 549px) {
    body .idn-ds__header {
        text-align: left;
        margin-bottom: 20px;
    }
    body .idn-news__head {
        text-align: left;
        padding-top: 30px;
        margin-bottom: 20px;
    }
    body .idn-faq__head {
        text-align: left;
        margin-bottom: 20px;
    }
    .idn-ds__cards { gap: 12px; }
    .idn-ds__img { height: 130px; }
    .idn-ds__left { padding: 20px; }
}

/* ---- 5) Dự án nổi bật (Hot projects) ---- */

.idn-hp__header {
    text-align: center;
    margin-bottom: 45px;
}
.idn-hp__sub {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
}
.idn-hp__title {
    font-size: 32px;
    font-weight: 800;
    color: #000;
    margin: 0;
}
.idn-hp__row {
    --hp-small: 260px;
    --hp-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--hp-gap);
    align-items: stretch;
}
.idn-hp__smalls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--hp-gap);
}
.idn-hp__card {
    position: relative;
    display: block;
    border-radius: 16px;
    overflow: hidden;
    color: #fff;
}
.idn-hp__card--large {
    height: calc(var(--hp-small) * 2 + var(--hp-gap));
}
.idn-hp__card--small {
    height: var(--hp-small);
}
.idn-hp__imgwrap {
    width: 100%;
    height: 100%;
}
.idn-hp__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.idn-hp__card:hover .idn-hp__img {
    transform: scale(1.05);
}
.idn-hp__overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 15px 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);
}
.idn-hp__name {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.idn-hp__card--large .idn-hp__name {
    font-size: 20px;
}
.idn-hp__more {
    text-align: center;
    margin-top: 20px;
}
.idn-hp__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #eb573d;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 45px;
    border-radius: 10px;
    transition: background 0.2s ease;
}
.idn-hp__btn:hover {
    background-color: #d8431f;
    color: #fff;
}
.idn-hp__btn span {
    line-height: 1;
}
@media (max-width: 767px) {
    .idn-hp__row {
        --hp-small: 280px;
        grid-template-columns: 1fr;
    }
    .idn-hp__card--large {
        height: 320px;
    }
    .idn-hp__title {
        font-size: 24px;
    }
}

/* ---- 6) Đánh giá khách hàng (Testimonials carousel) ---- */
.idn-tm {
    margin-bottom: 0px;
    margin-top: 0px;
}
.idn-tm__title {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    color: #000;
    margin: 0 0 10px;
}
.idn-tm__wrap {
    position: relative;
    margin: 0 auto;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.1), inset -10px 0 10px -10px rgba(0, 0, 0, 0.1);
}
/* Trước khi slick init: xếp ngang để không nhảy layout */
.idn-tm__slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}
.idn-tm__slider:not(.slick-initialized) > .idn-tm__card {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
.idn-tm__card {
    padding: 30px 0;
    outline: none;
    opacity: 0.4;
    transform: scale(0.85);
    transition: opacity 0.45s ease, transform 0.45s ease;
}
/* Slick gán .slick-center TRỰC TIẾP lên .idn-tm__card (slide), nên target chính nó */
.idn-tm__slider .slick-center {
    position: relative;
    z-index: 2;
    opacity: 1;
    transform: scale(1.05);
}
.idn-tm__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 300px;
    background: transparent;          /* thẻ hai bên: phẳng, trong suốt */
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 40px 25px;
    box-shadow: none;
    transition: background 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease;
}
/* Thẻ trung tâm: nền trắng, bóng đổ rõ, nổi bật */
.idn-tm__slider .slick-center .idn-tm__inner {
    background: #fff;
    border-color: #f0f0f0;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}
.idn-tm__quote {
    position: absolute;
    top: 18px;
    right: 28px;
    font-size: 100px;
    line-height: 1;
    color: #000;
    opacity: 0.1;
    user-select: none;
    pointer-events: none;
}
.idn-tm__avatar {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden; /* bo tròn cả khi ảnh bị plugin bọc <picture> */
    border: 3px solid #eee;
    background: #eee;
    object-fit: cover; /* khi là <img> trực tiếp */
    line-height: 0;
}
.idn-tm__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
/* Caption tên/chức danh (p/strong) — style gắn class, không phụ thuộc h3 */
.idn-tm__name,
p.idn-tm__name {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 15px;
    line-height: 1.3;
}
.idn-tm__name strong {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.idn-tm__desc {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    font-style: italic;
    margin: 0;
}
/* Nút điều hướng (tròn teal) */
.idn-tm__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 45px;
    height: 45px;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    color: #fff;
    transition: all 0.3s;
}
.idn-tm__nav svg { width: 18px; height: 18px; }
.idn-tm__nav,
.idn-tm__nav:hover {
    background: var(--primary-color, #2496ea);
    color: #fff;
}
.idn-tm__nav.idn-tm__prev,
.idn-tm__nav.slick-prev { left: -22px; }
.idn-tm__nav.idn-tm__next,
.idn-tm__nav.slick-next { right: -22px; }
.idn-tm__nav.slick-prev:before,
.idn-tm__nav.slick-next:before { content: none; }
/* Chip avatar trong builder */
.idn-dschip--tm {
    display: flex;
    align-items: center;
    gap: 10px;
    width: auto;
    padding: 8px 12px;
}
.idn-dschip__ava {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
    background: #e6e6e6;
}
@media (max-width: 767px) {
    .idn-tm__title { font-size: 22px; }
    .idn-tm__inner { padding: 30px 18px; min-height: 0; }
}

/* ----------------------------------------------------------------------
 * 8) Tin tức / Bài viết mới
 * -------------------------------------------------------------------- */
.idn-news {
    margin-bottom: 20px;
}
.idn-news__head {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 40px;
}
.idn-news__subtitle {
    font-size: 27px;
    font-weight: 900;
    color: #000;
    margin: 6px 0 0;
}
.idn-news__container {
    max-width: 1234px;
    padding: 0 25px;
    margin: 0 auto;
}
.idn-news__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.idn-news__col {
    width: 25%;
    padding: 0 8px;
}
/* Thẻ bài nổi bật */
.idn-news__card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 420px;
    background: #f7f6fa;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.idn-news__cardbody {
    flex: 1 1 auto;
}
.idn-news__thumb {
    display: block;
}
.idn-news__img {
    display: block;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover;
}
.idn-news__meta {
    display: flex;
    gap: 20%;
    width: 74%;
    margin-left: 32px;
    padding: 12px 0 8px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.idn-news__metaitem {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.75);
}
.idn-news__icon {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin-right: 5px;
}
.idn-news__icon svg {
    width: 1em;
    height: 1em;
}
.idn-news__icon--accent {
    color: var(--idn-news-accent, #2dbeb3);
    font-size: 14px;
}
.idn-news__icon--gold {
    color: #f7d560;
    font-size: 14px;
}
.idn-news__title {
    padding: 0 30px;
    margin: 7px 0 0;
    font-size: 15px;
    line-height: 22px;
    height: 44px; /* đúng 2 dòng × 22px */
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.idn-news__card a:hover .idn-news__title {
    color: var(--primary-color, #2496ea);
}
.idn-news__excerpt {
    padding: 0 30px;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 21px;
    height: 63px; /* đúng 3 dòng × 21px */
    color: #616161;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.idn-news__btnwrap {
    text-align: right;
    margin-top: auto;
    padding: 14px 16px 18px;
}
.idn-news__btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: var(--idn-news-accent, #2dbeb3);
    transition: opacity 0.3s;
}
.idn-news__btn:hover {
    opacity: 0.88;
}
/* Cột danh sách bài nhỏ — 1 DOM duy nhất (desktop list / mobile card qua CSS) */
.idn-news__col--list {
    display: flex;
}
.idn-news__listcard {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 420px;
    padding: 8px 0 0;
    background: #f7f6fa;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
/* Desktop: ẩn ảnh + excerpt — chỉ hiện tiêu đề + meta (kiểu list) */
.idn-news__listcard .idn-news__thumb--item,
.idn-news__listcard .idn-news__excerpt {
    display: none;
}
.idn-news__item {
    padding: 6px 0;
}
.idn-news__item-body {
    min-width: 0;
}
.idn-news__smalltitle {
    padding: 5px 30px 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.idn-news__item a:hover .idn-news__smalltitle,
.idn-news__small a:hover .idn-news__smalltitle {
    color: var(--primary-color, #2496ea);
}
.idn-news__smallmeta {
    display: flex;
    justify-content: space-between;
    width: 74%;
    margin-left: 32px;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.idn-news__morebtn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    background: #fff000;
    transition: opacity 0.3s;
}
.idn-news__morebtn:hover {
    opacity: 0.88;
}

/* ====== Tablet trở xuống (≤991px): lưới 2 cột thẻ ảnh ĐỀU NHAU ====== */
@media (max-width: 991px) {
    .idn-news__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin: 0;
    }
    .idn-news__col {
        display: flex;
        width: auto;
        margin: 0;
        padding: 0;
    }
    /* Cột list “vỡ” ra — item + nút tham gia lưới cha (1 DOM, không bản song song) */
    .idn-news__row .idn-news__col--list {
        display: contents;
    }
    .idn-news__listcard {
        display: contents;
        min-height: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
    }
    /* Mọi thẻ cùng cấu trúc + chiều cao */
    .idn-news__card,
    .idn-news__item {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 380px;
        margin: 0;
        padding: 0;
        background: #f7f6fa;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }
    .idn-news__cardbody,
    .idn-news__item-body {
        flex: 1 1 auto;
    }
    /* Hiện lại ảnh + excerpt trên mobile/tablet */
    .idn-news__listcard .idn-news__thumb--item {
        display: block;
    }
    .idn-news__listcard .idn-news__excerpt {
        display: -webkit-box;
    }
    .idn-news__img {
        height: 180px !important;
    }
    .idn-news__meta {
        width: auto;
        margin-left: 0;
        gap: 16px;
        padding: 10px 16px 8px;
    }
    .idn-news__title,
    .idn-news__excerpt {
        padding: 0 16px;
    }
    .idn-news__btnwrap {
        padding: 12px 16px 14px;
    }
    .idn-news__item .idn-news__smalltitle {
        padding: 10px 16px 0;
        height: auto;
        font-size: 15px;
        line-height: 1.4;
    }
    .idn-news__item .idn-news__smallmeta {
        width: auto;
        margin-left: 0;
        padding: 8px 16px;
        border-bottom: none;
    }
    .idn-news__item-body {
        padding-bottom: 14px;
    }
    /* Nút "Xem nhiều hơn" full hàng */
    .idn-news__col--list .idn-news__morewrap,
    .idn-news__listcard > .idn-news__morewrap {
        display: block;
        grid-column: 1 / -1;
        text-align: center;
        margin: 4px 0 0;
        padding: 0;
    }
}

@media (max-width: 600px) {
    .idn-news__card,
    .idn-news__item {
        min-height: 250px;
    }
    .idn-news__img {
        height: 140px !important;
    }
    .idn-news__container {
        padding: 0 12px;
    }
    .idn-news__subtitle {
        font-size: 22px;
    }
    .idn-news__item .idn-news__smalltitle,
    .idn-news__title {
        font-size: 14px;
    }
    .idn-news__excerpt {
        display: none;
    }
    .idn-news__btnwrap:not(.idn-news__morewrap) {
        display: none;
    }
}

/* =========================================================================
 * 7) HƯỚNG DẪN ĐẶT IN (How it works) — [idn_howto] + [idn_howstep]
 * ====================================================================== */
.idn-howto {
    position: relative;
    margin: 1% 0;
    padding: 60px 0 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.idn-howto__head {
    text-align: center;
    padding-bottom: 40px;
}
.idn-howto__pretext {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}
.idn-howto__title {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 900;
    color: rgba(0, 0, 0, .85);
    margin: 0;
    line-height: 1.35;
}
.idn-howto__line {
    display: block;
    width: 10%;
    height: 2px;
    background: #000;
    margin: 20px auto 0;
}
.idn-howto__container {
    max-width: 1234px;
    padding: 0 25px;
    margin: auto;
}
.idn-howto__row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -3px;
}
.idn-howto__col {
    padding: 0 3px;
    flex: 0 0 50%;
    max-width: 50%;
}
/* Cột video (trái) */
.idn-howto__videobox {
    position: relative;
    height: 100%;
    min-height: 320px;
}
.idn-howto__videobtn {
    text-align: center;
    display: block;
    background: #ff3d89;
    color: #fff;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 28px;
    position: absolute;
    /* Tâm nút đặt tại toạ độ (left/top) do người dùng chọn (%) */
    left: 75%;
    top: 100%;
    transform: translate(-50%, -50%);
    width: 243px;
    max-width: 90%;
    cursor: pointer;
    text-decoration: none;
}
a.idn-howto__videobtn:hover { color: #fff; opacity: .92; }
/* Cột các bước (phải) */
.idn-howto__step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-top: 20px;
}
.idn-howto__icon {
    flex: 0 0 85px;
    max-width: 85px;
}
.idn-howto__icon img {
    width: 85px;
    height: 85px;
    object-fit: contain;
}
.idn-howto__body { flex: 1 1 auto; min-width: 0; }
.idn-howto__steptitle {
    margin: 0;
    font-weight: 900;
}
.idn-howto__steptext {
    padding-top: 5px;
    color: rgba(0, 0, 0, .85);
}
.idn-howto__steptext > :first-child { margin-top: 0; }
.idn-howto__steptext > :last-child { margin-bottom: 0; }
.idn-howto__steptext p { margin: 0 0 .6em; }
@media (max-width: 849px) {
    .idn-howto__col { flex: 0 0 100%; max-width: 100%; }
    .idn-howto__col--video { display: none; }
    .idn-howto__title { font-size: 22px; }
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: 0px;
}

/* =========================================================================
 * 9) CÂU HỎI THƯỜNG GẶP (FAQ accordion) — [idn_faq] + [idn_faqitem]
 * ====================================================================== */
.idn-faq {
    
    padding: 0 25px;
}
.idn-faq__head {
    text-align: center;
    margin-bottom: 40px;
}
.idn-faq__sub {
    
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    margin: 0 0 .5em;
}
.idn-product__acc-inner > *:last-child {
    margin-bottom: 0;
    padding-left: 15px;
}
.idn-faq__title {
   
    font-weight: 800;
    color: rgba(0, 0, 0, .85);
    margin: 0;
}
.idn-faq__list {
    display: grid;
    grid-template-columns: repeat(var(--idn-faq-cols, 2), 1fr);
    gap: 12px;
    align-items: start;
}
.idn-faq__item {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
}
.idn-faq__header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 10px 52px 10px 20px;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    font: inherit;
}
.idn-faq__qtitle {
    flex: auto;
    font-weight: 700;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
}
.idn-faq__icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    transition: all .3s ease;
}
.idn-faq__icon svg {
    display: block;
    transition: transform .24s ease;
}
.idn-faq__item.is-open .idn-faq__icon {
    background: #2dbeb3;
    color: #fff;
}
.idn-faq__item.is-open .idn-faq__icon svg {
    transform: rotate(180deg);
}
.idn-faq__panel {
    padding: 0 20px 16px;
}
.idn-faq__answer {
    color: rgba(0, 0, 0, .75);
    font-size: 14px;
    line-height: 1.65;
}
.idn-faq__answer > :first-child { margin-top: 0; }
.idn-faq__answer > :last-child { margin-bottom: 0; }
.idn-faq__answer p { margin: 0 0 .6em; }
@media (max-width: 768px) {
    .idn-faq__list { grid-template-columns: 1fr; }
    .idn-faq__title { font-size: 22px; }
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: 0px;
    box-shadow: none !important;
    color: #fff !important;
}
@media (max-width: 500px){
    .idn-hp__card--small {
        height: auto !important;
    }
    .idn-faq {
        padding: 0px;
    }
    .idn-brands {
        padding: 0px;
        text-align: center;
    }
    body .idn-catgrid {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    body .idn-hp__btn {
        padding: 10px 40px !important;
    }
    body .idn-tm__title {
        text-align: center;
        font-size: 28px;
        font-weight: 800;
        color: #000;
        margin: 0 0 20px;
    }
    body .idn-ft {
        position: relative;
        margin-top: 0px;
        bottom: 0;
        color: #fff;
    }
}
span.idn-news__pretext {
    display: none;
}
.idn-catdesc.is-collapsed {
    padding: 0 25px;
}

/* ==========================================================================
   Sửa cấu trúc Heading (giữ nguyên giao diện)
   ========================================================================== */

/* Tên danh mục là <h1> (thay <nav>): trung hòa mặc định của thẻ h1
   (font-size 2em, margin .67em) để hiển thị y hệt breadcrumb cũ. */
.shop-page-title h1.woocommerce-breadcrumb {
    font-size: inherit;
    margin: 0;
}

/* Dòng phụ FAQ đổi từ <h3> sang <p>: giữ đúng cỡ chữ như h3 cũ (1.25em). */
p.idn-faq__sub {
    font-size: 1.25em;
}
/* Login popup: nhгn form (p) thay h3 — gi? style heading cu, khфng dщng heading SEO */
.account-login-inner > p.uppercase.account-form-label,
.account-register-inner > p.uppercase.account-form-label,
p.account-form-label.uppercase {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 0.5em;
	color: inherit;
}