/*
Theme Name: Điện máy triều dương
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.20.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cong-trinh .box {
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    padding: 10px;
    text-align: center;
    transition: 0.5s;
}
.box:hover{
    border-color: #148a00;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* css taglist */
.tag-list a {
    display: inline-block;
    padding: 6px 12px;
    margin: 5px;
    background: #f1f1f1;
    border-radius: 20px;
    text-decoration: none;
    font-size: 13px;
}

.tag-list a:hover {
    background: #ff6600;
    color: #fff;
}
/* css lien he tu van */
.contactbar {
    z-index: 9999;
    position: fixed;
    bottom: 8px;
    right: 8px;
    max-width: 100%;
    text-align: center;
}

.contactbar a {
    font-size: 11px;
    color: #fff;
    font-weight: 300;
    background-color: #09b512;
    display: inline-block;
    padding-bottom: 3px;
    text-decoration: none;
    box-sizing: border-box;
}
@media screen and (min-width: 481px) {
    .contactbar>a {
        width: 66px;
        margin: 0 0 0 1px;
        border-radius: 8px;
    }
}
.contactbar a div {
    width: 24px;
    height: 24px;
    margin: 6px auto 0px;
    background-image: url(/wp-content/themes/dienmaytrieuduong/contact-bar.png);
}
.gate1 div {
    background-position: 0 24px;
}
.gate2 div {
    background-position: 96px 0;
}
.gate5 div {
    background-position: 24px 0;
}
/****************/
@font-face {
  font-family: Poppins-Medium;
  src: url(/wp-content/themes/dienmaytrieuduong/fonts/SVN-Poppins-Medium.otf);
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url(/wp-content/themes/dienmaytrieuduong/fonts/SVN-Poppins-SemiBold.otf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(/wp-content/themes/dienmaytrieuduong/fonts/SVN-Poppins-Bold.otf);
}
@font-face {
  font-family: Poppins-Regular;
  src: url(/wp-content/themes/dienmaytrieuduong/fonts/SVN-Poppins-Regular.otf);
}


h1, h2, h3, h4, h5, h6, .heading-font { font-family: Poppins-Bold !important; font-weight: 400 !important; }

body, p, .nav>li>a, .nav-sidebar.nav-vertical>li>a, th, td {font-family: Poppins-Regular !important; font-weight: 400 !important; } 
/************css flashsale*******/
.single-product .isures-flashsale{
    background-image: url(/wp-content/themes/dienmaytrieuduong/bg-flashsale.jpg);
}
.single-product .isures-flashsale{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
}
.single-product .isures-flashsale span.title {
    margin-top: 10px;
    margin-right: 25px;
}
 
.single-product .isures-flashsale .ux-timer {
    margin: 0;
 
}
.single-product .isures-flashsale .ux-timer span {
    font-size: 20px;
}
.single-product .isures-flashsale .ux-timer span strong{
    font-size: 10px;
    text-transform: none
}
 
.single-product .isures--flashsale .ux-timer span {
    color: var(--isures-secondary-color)!important;
}
.single-product .isures--flashsale .ux-timer span  strong{color: #222}
/**********code nut mua hang***************/
.custom-product-box {
    margin-top: 15px;
}

/* Box ưu điểm */
.product-benefits {
    border: 1px dashed #ccc;
    padding: 10px;
    border-radius: 8px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.product-benefits ul {
    padding-left: 20px;
    margin: 0;
}

.product-benefits li {
    margin-bottom: 5px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.product-benefits li::before {
    content: "✔";
    color: green;
    position: absolute;
    left: 0;
}

/* Nút chính */
.main-buttons {
    display: flex;
    gap: 10px;
}

.main-buttons .button {
    flex: 1;
    text-align: center;
    font-weight: bold;
}

.custom-add-to-cart {
    background: #1b5e20;
    color: #fff;
}

.buy-now {
    background: #2e7d32;
    color: #fff;
}

/* Nút phụ */
.sub-buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.sub-buttons .button {
    flex: 1;
    text-align: center;
    background: #1b5e20;
    color: #fff;
}

/* text nhỏ dưới nút */
.button span {
    display: block;
    font-size: 12px;
    font-weight: normal;
}
/**************css lam toi nen khi chon vao menu*****************/
/* lớp nền tối */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

/* khi active thì hiện */
.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* đảm bảo menu nổi lên trên */
.mega-menu-wrap {
  position: relative;
  z-index: 1;/*99999*/
}
/******************cố định menu bên trên*******************/

/*******them vao tu trang truoc kim k*/

:root {
                --primary-color: #000000;
            }

            .full-width .ubermenu-nav, .container, .row {
                max-width: 1340px
            }

            .row.row-collapse {
                max-width: 1310px
            }

            .row.row-small {
                max-width: 1332.5px
            }

            .row.row-large {
                max-width: 1370px
            }

            .header-main {
                height: 118px
            }

            #logo img {
                max-height: 118px
            }

            #logo {
                width: 100px;
            }

            #logo img {
                padding: 6px 0;
            }

            .header-bottom {
                min-height: 100px
            }

            .header-top {
                min-height: 31px
            }

            .transparent .header-main {
                height: 103px
            }

            .transparent #logo img {
                max-height: 103px
            }

            .has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
                padding-top: 153px;
            }

            .header.show-on-scroll,.stuck .header-main {
                height: 70px!important
            }

            .stuck #logo img {
                max-height: 70px!important
            }

            .search-form {
                width: 29%;
            }

            .header-bottom {
                background-color: #007a33
            }

            .top-bar-nav > li > a {
                line-height: 16px
            }

            .header-main .nav > li > a {
                line-height: 56px
            }

            .header-wrapper:not(.stuck) .header-main .header-nav {
                margin-top: -6px
            }

            .stuck .header-main .nav > li > a {
                line-height: 50px
            }

            .header-bottom-nav > li > a {
                line-height: 16px
            }

            @media (max-width: 549px) {
                .header-main {
                    height: 70px
                }

                #logo img {
                    max-height: 70px
                }
            }

            .nav-dropdown {
                font-size: 100%
            }

            /* Color */
            .accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary {
                color: #000000;
            }

            /* Color !important */
            [data-text-color="primary"] {
                color: #000000!important;
            }

            /* Background Color */
            [data-text-bg="primary"] {
                background-color: #000000;
            }

            /* Background */
            .scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
                background-color: #000000;
            }

            /* Border */
            .nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
                border-color: #000000
            }

            .nav-tabs > li.active > a {
                border-top-color: #000000
            }

            .widget_shopping_cart_content .blockUI.blockOverlay:before {
                border-left-color: #000000
            }

            .woocommerce-checkout-review-order .blockUI.blockOverlay:before {
                border-left-color: #000000
            }

            /* Fill */
            .slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow {
                fill: #000000;
            }

            /* Background Color */
            [data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
                background-color: #2a83e9;
            }

            [data-text-bg="secondary"] {
                background-color: #007a33;
            }

            /* Color */
            .secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary {
                color: #007a33
            }

            /* Color !important */
            [data-text-color="secondary"] {
                color: #007a33!important;
            }

            /* Border */
            .secondary.is-outline:hover {
                border-color: #007a33
            }

            .success.is-underline:hover,.success.is-outline:hover,.success {
                background-color: #fa8314
            }

            .success-color, .success.is-link, .success.is-outline {
                color: #fa8314;
            }

            .success-border {
                border-color: #fa8314!important;
            }

            /* Color !important */
            [data-text-color="success"] {
                color: #fa8314!important;
            }

            /* Background Color */
            [data-text-bg="success"] {
                background-color: #fa8314;
            }

            .alert.is-underline:hover,.alert.is-outline:hover,.alert {
                background-color: #e42929
            }

            .alert.is-link, .alert.is-outline, .color-alert {
                color: #e42929;
            }

            /* Color !important */
            [data-text-color="alert"] {
                color: #e42929!important;
            }

            /* Background Color */
            [data-text-bg="alert"] {
                background-color: #e42929;
            }

            body {
                font-size: 100%;
            }

            @media screen and (max-width: 549px) {
                body {
                    font-size: 100%;
                }
            }

            body {
                font-family: "Roboto", sans-serif
            }

            body {
                font-weight: 0
            }

            body {
                color: #3a3a3a
            }

            .nav > li > a {
                font-family: "Roboto", sans-serif;
            }

            .mobile-sidebar-levels-2 .nav > li > ul > li > a {
                font-family: "Roboto", sans-serif;
            }

            .nav > li > a {
                font-weight: 500;
            }

            .mobile-sidebar-levels-2 .nav > li > ul > li > a {
                font-weight: 500;
            }

            h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
                font-family: "Roboto", sans-serif;
            }

            h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {
                font-weight: 0;
            }

            h1,h2,h3,h4,h5,h6,.heading-font {
                color: #000000;
            }

            .alt-font {
                font-family: "Viaoda Libre", sans-serif;
            }

            .alt-font {
                font-weight: 0!important;
            }

            .header:not(.transparent) .header-bottom-nav.nav > li > a {
                color: #ffffff;
            }

            a {
                color: #000000;
            }

            a:hover {
                color: #fa9537;
            }

            .tagcloud a:hover {
                border-color: #fa9537;
                background-color: #fa9537;
            }

            .has-equal-box-heights .box-image {
                padding-top: 100%;
            }

            @media screen and (min-width: 550px) {
                .products .box-vertical .box-image {
                    min-width: 500px!important;
                    width: 500px!important;
                }
            }

            .absolute-footer, html {
                background-color: #2a83e9;
            }

            .page-title-small + main .product-container > .row {
                padding-top: 0;
            }

            button[name='update_cart'] {
                display: none;
            }

           /* .header-vertical-menu__opener, .header-vertical-menu__fly-out {
                width: 313px
            }
              */
            /* Custom CSS */
            /*General*/
            h3.section-title {
                font-size: 250%;
            }

            h1, h2, h3, h4, h5, h6 {
                margin-bottom: 0.5em;
            }

            .col-inner.text-center h3.section-title {
                display: block;
            }

            .success.is-outline:hover {
                background-color: #fa8314;
                border-color: #fa8314;
                color: #fff;
            }

            /*header*/
            img.ux-menu-icon {
                display: none;
            }

            .stuck img.ux-menu-icon {
                display: block;
            }

            .stuck .nav li.has-icon-left>a>img {
                margin-right: 10px
            }

            .header.show-on-scroll, .stuck .header-main {
                height: 90px !important;
            }

            .stuck #logo img {
                max-height: 80px !important;
            }

            div#masthead {
                background: url(/wp-content/themes/dienmaytrieuduong/bg-header-1.jpg) no-repeat center center;
                background-size: cover;
            }

            #logo img {
                margin-left: 25px !important;
            }

            .headertxt {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                height: 100%;
                width: 95%;
            }

            .headertxt1 {
                font-size: 32px;
                color: #000000c9;
                font-family: "Great Vibes", sans-serif !important;
                margin-bottom: -12px !important;
                font-weight: 700 !important;
                letter-spacing: 1.2px;
            }

            .headertxt2 {
                font-family: "Viaoda Libre", sans-serif !important;
                font-size: 19px;
                color: #3a3a3a;
                font-weight: 600 !important;
                letter-spacing: 0.5px;
            }

            .headerhotline-block {
                line-height: 44px;
                border-radius: 22px;
                border: solid 1px #bdbdbd;
                background: url(/wp-content/themes/dienmaytrieuduong/phone.png) no-repeat 10px center;
                padding-left: 60px;
                padding-right: 18px;
                background-size: auto 34px;
                font-size: 17px;
                font-weight: 700;
            }

            .headercanlender-block {
                line-height: 44px;
                border-radius: 22px;
                border: solid 1px #bdbdbd;
                background: url(/wp-content/themes/dienmaytrieuduong/calendar.png) no-repeat 10px center;
                padding-left: 60px;
                padding-right: 18px;
                background-size: auto 34px;
                font-size: 17px;
                font-weight: 700;
            }

            /*banner*/
            .bannerhome .banner h3 {
                font-size: 330%;
                text-transform: uppercase;
                font-weight: bolder;
                text-shadow: none;
            }

            .bannerhome .banner p {
                font-size: 145%;
                margin-top: 0px;
                text-shadow: none;
                letter-spacing: 1px;
            }

            /*Giới thiệu */
            h6.sub-title {
                color: #fa8314;
                margin-bottom: 5px;
                font-size: 106%;
            }

            .info-home h3.section-title {
                font-size: 230%;
                margin-bottom: .3em
            }

            .info-home .icon-box-text {
                margin-top: 5px;
            }

            .info-home .icon-box-text h4 {
                margin-bottom: .3em;
                font-size: 132%;
            }

            .info-home .icon-box-text p {
                color: #f48323;
                font-size: 103%;
            }

            /*Danh mục*/
            @-webkit-keyframes shine {
                100% {
                    left: 125%;
                }
            }

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

            .catalog .box .image-zoom::before {
                position: absolute;
                top: 0;
                left: -80%;
                z-index: 2;
                display: block;
                content: '';
                width: 50%;
                height: 100%;
                background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
                background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
                -webkit-transform: skewX(-25deg);
                transform: skewX(-25deg);
            }

            .catalog .box-shade:hover .image-zoom::before {
                -webkit-animation: shine .75s;
                animation: shine .75s;
            }

            /*Dự án - Css blog*/
            .home-blog-post .box-image .image-cover {
                display: inline-block;
                position: relative;
                overflow: hidden;
                background: #000;
                vertical-align: top;
                width: 100%;
            }

            .home-blog-post .box-image .image-cover:before, .home-blog-post .box-image .image-cover:after {
                bottom: 10px;
                content: "";
                left: 10px;
                opacity: 0;
                position: absolute;
                right: 10px;
                top: 10px;
                -webkit-transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
                -o-transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
                transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
                z-index: 1;
            }

            .home-blog-post .box-image .image-cover:before {
                border-bottom: 1px solid #fff;
                border-top: 1px solid #fff;
                -webkit-transform: scale(0, 1);
                -ms-transform: scale(0, 1);
                -o-transform: scale(0, 1);
                transform: scale(0, 1);
            }

            .home-blog-post .box-image .image-cover:after {
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }

            .home-blog-post .box-image .image-cover:hover:before, .home-blog-post .box-image .image-cover:hover:after {
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .home-blog-post .box-image .image-cover img {
                opacity: 1;
                width: 100%;
                filter: alpha(opacity=100);
                -webkit-transition: opacity 0.5s ease 0s;
                -o-transition: opacity 0.5s ease 0s;
                transition: opacity 0.5s ease 0s;
            }

            .home-blog-post .box-image .image-cover:hover img {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            /*Cải tạo*/
            .renovation h3 {
                font-size: 215% !important;
            }

            /*Tuân thủ*/
            .info-follow .banner-bg, .info-follow .banner {
                border-radius: 10px;
            }

            .info-follow h3.section-title {
                font-size: 220%;
            }

            /*Ưu điểm */
            .info-advantage .banner-bg, .info-advantage .banner {
                border-radius: 10px;
            }

            .info-advantage h3.section-title {
                font-size: 220%;
            }

            /*Kinh nghiệm */
            .info-exp .banner-bg, .info-exp .banner {
                border-radius: 10px;
            }

            .info-exp h3.section-title {
                font-size: 220%;
            }

            /*Quy trình*/
            .info-procedure .banner-bg, .info-procedure .banner {
                border-radius: 10px;
            }

            .info-procedure h3.section-title {
                font-size: 220%;
            }

            /*Footer*/
            section.section.subscribed-form.pd0.dark {
                padding-bottom: 30px !important;
            }

            .subscribed-form input.wpcf7-form-control.wpcf7-text {
                width: 35%;
                float: left;
                margin-right: 10px;
                border-radius: 5px;
            }

            span.wpcf7-spinner {
                display: none;
            }

            .subscribed-form h3 {
                margin-bottom: 0.6em;
            }

            .subscribed-form input.wpcf7-form-control.wpcf7-submit {
                width: 25%;
                float: left;
                border-radius: 5px;
                background: #fa8314;
            }

            .subscribed-form .text {
                clear: both !important;
            }

            .item-showroom {
                padding: 6px 15px 5px 15px;
                margin-bottom: 15px;
                font-size: 86%;
            }

            .item-showroom h4, .item-showroom p {
                margin-bottom: 1px;
            }

            .chinhanh {
                overflow-x: hidden;
                overflow-y: auto;
                scrollbar-width: thin;
                max-height: 410px;
                scrollbar-color: #888 #ffffff;
            }

            .chinhanh::-webkit-scrollbar {
                width: 6px;
            }

            .chinhanh::-webkit-scrollbar-track {
                background: #ffffff;
            }

            .chinhanh::-webkit-scrollbar-thumb {
                background-color: #888;
                border-radius: 10px;
                border: 2px solid #ffffff;
            }

            /*popup*/
            div#tu-van input[type=text], div#tu-van input[type=email], div#tu-van input[type=tel], textarea {
                border-radius: 10px;
                box-shadow: none;
            }

            div#tu-van {
                border-radius: 10px;
            }

            #tu-van input[type=submit] {
                border-radius: 10px;
            }

            @media screen and (min-width: 481px) {
                .contactbar>a {
                    width: 66px;
                    margin: 0 0 0 1px;
                    border-radius: 8px;
                }
            }

            @media screen and (max-width: 480px) {
                .contactbar {
                    bottom: 0px;
                    right: 0px;
                    width: 100%;
                    background-color: #007a33;
                }

                .contactbar a {
                    width: calc((100% - 18px) / 4);
                    border-left: 1px solid;
                    border-color: rgba(255,255,255,0.2);
                }
            }

            /* end contactbar */
            .single-product li.header-vertical-menu {
                top: 15px;
            }

            .woocommerce-MyAccount-content, .account-container.lightbox-inner {
                padding-top: 50px;
            }

            ul.woocommerce-error.message-wrapper .message-container {
                max-width: 600px;
                position: absolute;
                left: 30%;
                z-index: 99;
            }

            /*BG Blog*/
            div#content header.archive-page-header {
                background: url(/wp-content/themes/dienmaytrieuduong/bg-2.jpg) no-repeat 50% 50%;
                margin-bottom: 30px;
                background-size: cover;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 450px;
            }

            .page-wrapper {
                padding-top: 0px;
            }

            header.archive-page-header h1.page-title {
                font-size: 40px;
                color: white;
                margin: 0 auto;
            }

            /*Bài viết liên quan*/
            .related-box .related-head {
                font-weight: 700;
                display: block;
                margin-bottom: 10px;
                font-size: 30px;
                color: black;
            }

            .related-box ul li {
                margin-bottom: 3px;
            }

            .related-box ul li a {
                font-weight: 700;
                font-size: 16px;
            }

            .related-box ul li a:hover {
                text-decoration: underline;
            }

            .related-box h3 {
                margin-bottom: 20px;
                text-transform: uppercase;
                font-size: 150%;
            }

            div#vnp_chat {
                bottom: 58px !important;
            }

            .message-container.container.success-color.medium-text-center {
                margin-top: 60px !important;
            }

            ul.woocommerce-error.message-wrapper .message-container {
                position: unset!important;
            }

            .form-flat input:not([type=submit]) {
                background-color: rgba(0,0,0,.03);
                border-color: rgb(162 162 162);
            }

            .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
                display: flex;
                padding: 6.3px 15px;
            }

            .icon-shopping-basket:before {
                color: #ed1b24;
            }

            button.single_add_to_cart_button.button.alt, a.button.primary.dat-mua-nhanh.has-block.tooltipstered, a.button.primary.dat-mua-ngay, a.button.primary.expand.btn-view-showroom {
                background: #2a83e9;
            }

            .tinhome .col.post-item:nth-last-child(1) {
                display: none;
            }

            ul#menu-menu-chinh li a {
                font-weight: bold;
                color: #446084;
                background: url(/wp-content/themes/dienmaytrieuduong/favicon.ico) no-repeat 10px 12px;
                background-size: 18px;
                padding: 9px 15px 7.6px 34px;
            }

            footer#footer {
                z-index: 9;
            }

            .container.section-title-container.hotimg {
                background: url(/wp-content/themes/dienmaytrieuduong/bannerthang.png);
                background-size: 100%;
            }

            .container.section-title-container.hotimg h2.section-title.section-title-center {
                color: #fff;
                padding-top: 12px;
                padding-bottom: 0;
                margin-bottom: 12px;
            }

            .container.section-title-container.hotimg h2.section-title.section-title-center b {
                opacity: 0;
            }

            .sub-menu ul.sub-menu {
                min-width: 243px;
            }

            section {
                z-index: 9;
            }

            .widget a.button.primary.dat-mua-ngay, .widget a.button.success.expand.btn-view-showroom {
                border-radius: 5px;
                padding-bottom: 8px;
                padding-top: 3px;
            }

            form.searchform select option {
                color: #1e73be;
            }

            .js-star-rating.star-rating.star-rating--inline {
                height: 0 !important;
            }

            p.price.product-page-price del bdi {
                font-size: 88%;
            }

            form.woocommerce-form.woocommerce-form-register.register p:nth-last-child(3) {
                color: red;
                font-weight: bold;
                font-style: italic;
                font-size: 90%;
            }

            p.price.product-page-price {
                background: url(/wp-content/themes/dienmaytrieuduong/gia-tot.gif) no-repeat 0px center;
                padding-left: 75px;
                background-size: 68px;
                font-size: 138%;
            }

            form.woocommerce-form input {
                margin-bottom: 6px;
            }

            span.amount {
                color: #dd3333;
            }

            del span.amount bdi {
                color: #111;
            }

            .wcpr-grid.wcpr-grid-loadmore.wcpr-masonry-2-col {
                column-count: 1 !IMPORTANT;
                width: 100%;
                display: inline-block;
                margin-bottom: 0;
            }

            .wcpr-grid.wcpr-grid-loadmore.wcpr-masonry-2-col .wcpr-content .review-content-container {
                width: 75%;
                float: left;
                position: relative;
            }

            .wcpr-grid.wcpr-grid-loadmore.wcpr-masonry-2-col .wcpr-content .reviews-images-container {
                width: 25%;
                float: right;
            }

            .wcpr-modal-light-box .wcpr-comment-helpful-button-container.wcpr-comment-helpful-button-voted-up {
                position: unset;
                font-size: 100%;
            }

            .wcpr-comment-helpful-button-container {
                border: none;
                position: absolute;
                top: 0;
                right: 5px;
            }

            ol.commentlist .wcpr-grid .wcpr-grid-item.wcpr-grid-item-init {
                border-bottom: 1px solid #efefef;
                margin-bottom: 10px;
                padding-bottom: 10px
            }

            .reviews-images-wrap-right .reviews-images {
                height: 68px;
            }

            .review-content-container-top-right .wcpr-comment-author {
                padding-top: 0;
            }

            .product-short-description {
                clear: both;
                border-top: 1px solid #f0f0f0;
                padding-top: 8px;
                font-size: 90%;
                padding-bottom: 3px;
            }

            .wpcf7-response-output {
                clear: both;
            }

            .button i, button i {
                top: -1px;
            }

            .wcpr-comment-helpful-button-container, .wcpr-comment-helpful-button-container ::before {
                font-size: 80%;
                z-index: 999;
            }

            p.comment-form-cookies-consent {
                display: none;
            }

            .wcpr-review-date, .product_meta span.posted_in, span.wpcf7-not-valid-tip, h2.yikes-custom-woo-tab-title {
                display: none;
            }

            .product-page-sections .row .col:nth-child(2) .panel.entry-content {
                padding: 12px;
                border: 1px solid #f0f0f0;
                border-top: 0;
                margin-bottom: 18px;
                border-radius: 0 0 5px 5px;
            }

            ul.product_meta li {
                width: 50%;
                list-style: none;
                margin: 0 0 8px 0;
                border-left: 1px dotted silver;
                padding: 0px 6px;
                float: left;
            }

            .chot-sale {
                font-size: 90%;
                clear: both;
            }

            ul.product_meta li:nth-child(1) {
                width: 100%;
            }

            p.woocommerce-noreviews {
                font-size: 88%;
            }

            .message-container .wc-forward {
                float: right;
                border-radius: 10px;
                font-size: 80%;
                display: block;
            }

            .woocommerce-product-rating {
                float: right;
                margin-top: -3px;
            }

            .product-footer .product-section.description {
                width: 58.5%;
                float: left;
            }

            .secondary.is-underline, .secondary.is-link, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary {
                color: #ffba00;
            }

            .related .row .product-small .product-small {
                border: 1px solid #ececec;
                border-radius: 5px;
            }

            .chot-sale p {
                margin-bottom: 2px;
            }

            .product-info .col {
                padding-bottom: 0;
            }

            div#masthead li.cart-item.has-icon.has-dropdown, div#masthead li.account-item.has-icon.has-dropdown {
                margin: 0 6px;
            }

            .product-info .wpcf7 {
                font-size: 80%;
            }

            .product-info .wpcf7 input.wpcf7-submit {
                background: yellow;
                color: #000;
                border-radius: 99px;
            }

            .product-footer img {
                max-width: 800px;
                margin: 0 auto;
                display: block;
            }

            .product-footer iframe {
                margin: 0 auto;
                display: block;
            }

            .product-page-accordian img {
                max-width: 800px;
            }

            aside#block_widget-2 {
                font-size: 69%;
            }

            .badge-inner {
                background: #f2ab01;
            }

            .sidebar-menu.no-scrollbar ul.nav.nav-sidebar.nav-vertical.nav-uppercase.nav-slide {
                padding-top: 0;
            }

            .archive h3.post-title.is-large {
                border-bottom: 2px solid #e8e8e8;
                margin-bottom: 10px;
                padding-bottom: 10px;
                font-size: 150%;
            }

            li#menu-item-143 ul.sub-menu.nav-dropdown {
                min-width: 300px;
            }

            .nav-dropdown-default {
                padding: 10px;
            }

            .box-text .button {
                margin-top: 6px;
            }

            .bgt, aside span.widget-title {
                background: linear-gradient(357deg, #4f88c9, #2a83e9);
            }

            aside#nav_menu-2 .menu-menu-chinh-container {
                padding: 10px 12px;
                border: 1px solid silver;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
            }

            .is-divider, li#wp-admin-bar-wp-logo, li#wp-admin-bar-flatsome_panel, li#wp-admin-bar-rank-math {
                display: none;
            }

            .title-breadcrumbs.pb-half.pt-half, .pd0, .pd0 .col {
                padding-bottom: 0 !important;
            }

            aside#nav_menu-2 {
                margin-bottom: 0;
            }

            .pd0 a.button {
                margin-bottom: 0;
            }

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

            h3.woocommerce-loop-product_title a {
                color: #000;
            }

            .container.section-title-container {
                margin-bottom: 0.5em;
            }

            .row.hot {
                padding: 15px 10px 0 10px;
                border: 3px solid #ce0814;
                margin-left: 0px !important;
                margin-right: 0px !important;
                margin-top: -2px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
            }

            .page-header-wrapper h1 {
                text-transform: uppercase;
            }

            .text.td p, .text.td span {
                font-weight: bold;
            }

            .product_meta span.sku_wrapper {
                display: none;
            }

            p.hshow, a.hshow {
                display: none;
            }

            .box:hover p.hshow, .box:hover a.hshow {
                display: inline-block;
            }

            h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .heading-font strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .heading-font b {
                font-weight: bold;
            }

            .banner h2, .banner h3, .banner h1 {
                line-height: 1.3;
                font-weight: bold;
            }

            b, strong {
                font-weight: bold;
            }

            pre, blockquote, form, figure, p, dl, ul, ol {
                margin-bottom: 0.5em;
            }

            .tdgp p {
                font-weight: 700;
            }

            .tdgp p:last-child {
                font-weight: normal;
            }

            .frm-footer form.wpcf7-form.init {
                font-size: 70%;
                text-align: center;
            }

            .ft-list .container.section-title-container {
                margin-bottom: 15px !important;
            }

            span.wpcf7-spinner {
                display: none;
            }

            .frm-footer form.wpcf7-form.init .wpcf7-submit {
                background-color: #ff0039;
            }

            .stin-tuc .col.post-item .box-image {
                border: 1px solid #e3e3e3f5;
                border-radius: 2px;
                padding: 3px;
            }

            .tin-phu .col.post-item .col-inner {
                border-bottom: 1px dashed #dddddd;
                margin-bottom: 0.9em;
                padding-bottom: 0.9em;
            }

            .tin-phu .col.post-item:nth-last-child(1) .col-inner {
                border: none;
            }

            .stin-tuc .col.post-item h5.post-title {
                font-weight: 500;
            }

            .yarpp-related h3 {
                padding: 10px 15px 4px 15px!important;
                border-bottom: 1px solid #06539c;
                margin-bottom: 8px!important;
            }

            .yarpp-related {
                border: 1px solid #06539c;
                border-radius: 3px;
                margin-top: 2em;
            }

            .yarpp-related ol {
                margin-left: 9px;
                margin-bottom: 10px;
                margin-right: 10px;
            }

            .yarpp-related ol li {
                margin-bottom: 2px;
            }

            .yarpp-related ol li a {
                font-weight: 500;
            }

            .intro-icon-list h3 {
                font-size: 200%;
            }

            aside span.widget-title {
                border-top-left-radius: 5px !important;
                border-top-right-radius: 5px !important;
                padding: 15px;
                display: inherit;
                text-align: center;
                color: #fff;
                width: auto;
                background-position: 0px;
            }

            aside .menu-sidebar-vi-container,aside .menu-sidebar-ve-chung-toi-vi-container {
                background-color: #f7f7f7;
                padding-left: 5px !important;
                padding-right: 5px !important;
            }

            aside .menu-sidebar-vi-container ul li a, aside .menu-sidebar-ve-chung-toi-vi-container ul li a {
                color: #000;
                padding: 10px 5px 8px 30px;
                display: block;
                margin-top: 3px;
                background: url(/wp-content/uploads/2022/07/icon-arrow.png) no-repeat 7px 16px;
                font-size: 95%;
            }

            .linear-bottom .shade {
                background: linear-gradient(180deg,rgba(6,46,89,0) 40%,#000000 100%) !important;
                opacity: 1
            }

            aside#woocommerce_product_categories-2 ul.product-categories {
                background-color: #f7f7f7;
                padding-left: 5px !important;
                padding-right: 5px !important;
            }

            aside#woocommerce_product_categories-2 ul.product-categories li a {
                padding: 10px;
                font-size: 95%;
            }

            .dmn form {
                background: #cd1818 !important;
                padding: 6px 6px 2px 6px !important;
                margin-bottom: 1em;
            }

            .dmn input {
                width: 50%;
                float: left;
                margin: 0;
                border-radius: 0 !important;
            }

            .dmn input.wpcf7-form-control.wpcf7-text.wpcf7-tel {
                background: #fff !important;
            }

            .dmn input.wpcf7-form-control.wpcf7-submit {
                background: yellow url(/wp-content/uploads/2022/09/sent.png) no-repeat 95% 50% !important;
                color: #000 !important;
            }

            .ttf {
                color: #fff;
                font-weight: bold;
                font-style: italic;
                font-size: 80%;
                padding-top: 8px;
                display: inline-block;
                text-align: center !important;
                width: 100%;
                margin-bottom: 0;
            }

            .dmn form p {
                text-align: center;
                color: white;
            }

            .col.dctd.small-12.large-12 {
                border: 1px dotted red;
                padding: 8px 12px!important;
                font-size: 88%;
            }

            .product-info .col.dctd.small-12.large-12 ul {
                padding-left: 0 !important;
                font-style: italic;
            }

            .product-info .col.dctd.small-12.large-12 ul li {
                margin-left: 0 !important;
                padding-left: 16px;
                background: url(/wp-content/uploads/2022/09/sent.png) no-repeat 0px 9px;
                list-style: none;
                background-size: 10px;
                margin-bottom: 0px;
            }

            .product-short-description li:before {
                content: counter(item);
                width: 15px;
                height: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 5px;
                border-radius: 50px;
                background: #000000;
                font-size: 10px;
                font-weight: 700;
                color: white;
                text-align: center;
                position: absolute;
                top: 6px;
                left: calc(-15px + -5px);
            }

            .product-short-description li {
                counter-increment: item;
                margin-bottom: 5px;
                font-size: 90%;
                position: relative;
            }

            .product-info .product-short-description ul {
                border: 1px solid #ff9800;
                border-radius: 3px;
                margin-bottom: 1em;
                padding: 0.5em 1em;
                background: cornsilk;
            }

            .intro-icon-list p.text.hide-for-small {
                font-size: 85%;
            }


            .icon-home p {
                font-size: 80%;
            }

            .price-wrapper .price ins span.woocommerce-Price-amount.amount {
                color: #dd3333;
                font-size: 110%;
            }

            .quantity.buttons_added {
                display: none;
            }

            .list-hotro .icon-box h4, .list-hotro .icon-box p {
                margin-bottom: 4px;
            }

            .list-hotro .icon-box {
                border-bottom: 1px dotted rgb(255 91 91 / 42%);
                margin-bottom: 8px;
                padding-bottom: 8px;
            }

            .feature {
                position: relative;
                overflow: hidden;
            }

            .feature::before {
                content: "";
                display: block;
                padding-top: 56.25%;
            }

            .feature .image {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                background-size: cover;
                background-position: center;
            }

            ul.row.related-post li {
                list-style: none;
            }

            .related-title {
                line-height: 1.3 !important;
                margin-top: 10px !important;
            }

            .badge-inner.secondary.on-sale {
                background-color: #e81000;
            }

            .product-custom a.button {
                padding: 8px;
                text-transform: uppercase !important;
                font-size: 100%;
                border-radius: 5px;
                font-weight: bold;
                line-height: 28px;
            }

            a.button.primary.dat-mua-ngay:after {
                content: 'Giải pháp từ Chuyên gia';
                display: block;
                text-transform: none;
                opacity: 0.8;
                font-size: 10px;
                line-height: 1;
            }

            a.button.btn-view-showroom:after {
                content: 'Miền Bắc - Miền Trung - Miền Nam';
                display: block;
                text-transform: none;
                opacity: 0.8;
                font-size: 10px;
                line-height: 1;
            }

            .page-id-39 .woocommerce-form-coupon-toggle {
                display: none;
            }

            .page-id-39 .woocommerce-billing-fields {
                border: unset;
                padding-top: 0;
            }

            .page-id-39 .woocommerce-billing-fields h3 {
                font-size: 1.5em;
            }

            .page-id-39 .woocommerce-message.message-wrapper, .page-id-39 .woocommerce-form-login-toggle, .page-id-39 .woocommerce-account-fields {
                display: none;
            }

            form.cart button.single_add_to_cart_button {
                padding: 10px;
                width: 46%;
                border-radius: 5px;
                line-height: 28px;
                margin-bottom: 15px !important;
                float: left
            }

            .flickity-prev-next-button,.flickity-prev-next-button path.arrow {
                width: 48px;
            }

            form.cart button.single_add_to_cart_button:after {
                content: 'Quản lý dễ dàng danh sách cần mua';
                display: block;
                text-transform: none;
                opacity: 0.8;
                font-size: 10px;
                line-height: 1;
            }

            a.button.primary.expand.yctv {
                background-color: #FF9800;
            }

            a.button.primary.expand.yctv:after {
                content: 'Yêu cầu tư vấn qua điện thoại hoặc email';
                display: block;
                text-transform: none;
                opacity: 0.8;
                font-size: 10px;
                line-height: 1;
            }

            .chot-sale ul {
                margin-bottom: 0;
                padding: 0;
                list-style: none;
            }

            .chot-sale ul img {
                margin-right: 10px;
            }

            .chot-sale .col-inner {
                background: #f7f7f7;
                padding: 10px 15px 7px;
                border-radius: 10px;
                margin-bottom: 15px;
                border: 1px dotted ;
            }

            .fttt2 .icon-box {
                background: #f2f2f2;
                border: 1px solid #174292;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                padding: 10px 5px;
                margin-bottom: 15px;
            }

            .fttt2 .icon-box h3 {
                font-size: 95%;
                margin-bottom: 1px;
            }

            h3.woocommerce-loop-product_title, h2.woocommerce-loop-product_title {
                font-size: 100%;
            }

            .product-page-sections h2.uppercase.mt {
                background: #f0f0f0;
                padding: 12px 8px 10px 14px;
                margin: 0;
                border-radius: 5px 5px;
                font-size: 110% !important;
            }

            .breadcrumbs a {
                color: #555;
            }

            .product-page-sections .panel.entry-content {
                padding: 12px;
            }

            .product-page-sections .product-section {
                border-top: none;
            }

            div#review_form_wrapper, .product-container .product-main {
                padding-bottom: 16;
            }

            .review-form-inner.has-border {
                padding: 16px;
                border: 0px solid !important;
            }

            .review-form-inner.has-border p, .wcpr-comment-form-images {
                margin: 0;
                padding-bottom: 0;
            }

            p.form-submit input#submit {
                margin-bottom: 0;
            }

            .product-info a.button.primary.dat-mua-nhanh {
                max-width: 47% !important;
                
                float: right;
                padding: 10px;
                border-radius: 5px;
                line-height: 28px;
                margin-bottom: 15px !important;
            }

            .product-info a.button.primary.dat-mua-nhanh:after {
                content: 'Vận chuyển, lắp đặt, thanh toán tận nhà';
                display: block;
                text-transform: none;
                opacity: 0.8;
                font-size: 10px;
                line-height: 1;
            }

            .row.row-small.product-custom {
                clear: both;
                width: 100% !important;
            }

            /* css review */
            div#review_form {
                font-size: 88%;
            }

            div#comments h3.woocommerce-Reviews-title.normal, div#review_form .wcpr-form-description, .comment-form-rating label {
                display: none;
            }

            div#review_form textarea#comment {
                min-height: 60px;
            }

            div#comments .wcpr-overall-rating-and-rating-count {
                padding-bottom: 10px;
                width: 68%;
                float: left;
            }

            div#comments .wcpr-filter-container {
                float: right;
                width: 32%;
                margin: 0;
                padding-bottom: 5px;
            }

            div#comments .wcpr-filter-container .wcpr-filter-button {
                margin: 5px 5px 0 5px !IMPORTANT;
                padding: 6px 10px !IMPORTANT;
                width: 100%;
                font-size: 80%;
                background: #fff !important;
                color: #174292 !important;
            }

            div#comments ul.wcpr-filter-button-ul li:nth-child(n+2) a.wcpr-filter-button {
                background: #eaeaea !important;
            }

            div#comments ol.commentlist {
                clear: both;
                width: 100%;
                border-top: 1px solid #f0f0f0;
                padding-top: 12px;
            }

            div#reviews div#comments {
                padding-bottom: 0;
            }

            .wcpr-filter-button-wrap.wcpr-filter-button.wcpr-active ul.wcpr-filter-button-ul {
                margin-top: 0;
                padding-top: 6px;
                background: #fff;
                border: 1px solid #e5e5e5;
            }

            .product-section.additional_information {
                display: none;
            }

            .related.related-products-wrapper.product-section {
                clear: both;
            }

            /* Thu nho anh dai dien */
            figure.woocommerce-product-gallery__wrapper.product-gallery-slider.slider .flickity-viewport {
                max-height: 435px !important;
            }

            figure.woocommerce-product-gallery__wrapper.product-gallery-slider.slider .flickity-viewport img {
                max-height: 432px;
                width: auto;
                margin: 0 auto;
            }

            .woocommerce-product-gallery__image.slide {
                text-align: center;
                border: 1px solid silver !IMPORTANT;
                border-radius: 3px;
            }

            .product-gallery-slider img, .product-thumbnails img {
                width: auto !IMPORTANT
            }

            .flex-col.hide-for-medium.flex-right .header-nav li ul li a:nth-child(1) {
                font-weight: bold !important;
                font-size: 95%;
            }

            .flex-col.hide-for-medium.flex-right ul.sub-menu.nav-dropdown.nav-dropdown-default ul li a {
                padding: 5px 0;
                font-size: 95%;
                font-weight: normal !important;
            }

            /* filter */
            .filter-button {
                margin-top: 30px !important;
            }

            p.woocommerce-result-count.hide-for-medium {
                margin-bottom: 30px !important;
            }

            .up-sells.upsells.products.upsells-wrapper.product-section {
                clear: both;
                display: block;
            }

            .up-sells.upsells.products.upsells-wrapper.product-section {
                clear: both;
            }

            .panel.entry-content {
                text-align: justify;
            }

            .menu-item-61897 .sub-menu .sub-menu li a {
                font-size: 75%;
            }

            .term-description ul {
                padding-left: 20px;
                margin-left: 1.5em;
            }

            .term-description h1, .term-description h2, .term-description h3, .term-description h4, .term-description h5, .term-description h6, .term-description p, .term-description ul {
                margin-bottom: 0.9em;
            }

            .term-description ul li {
                margin-bottom: 0.5em;
            }

            .term-description img {
                padding-top: 0.3em;
                padding-bottom: 0.9em;
            }

            div#tu-van button.mfp-close {
                top: 0px !important;
                opacity: 1;
            }

            ul.product-categories {
                max-height: 100vh;
                overflow-y: scroll;
                /* Custom scrollbar cho Webkit browsers (Chrome, Safari, Edge) */
                scrollbar-width: thin;
                /* Firefox */
                scrollbar-color: #ccc transparent;
                /* Firefox */
            }

            /* Webkit scrollbar styling */
            ul.product-categories::-webkit-scrollbar {
                width: 6px;
                /* Độ rộng scrollbar */
            }

            ul.product-categories::-webkit-scrollbar-track {
                background: transparent;
                /* Nền track trong suốt */
            }

            ul.product-categories::-webkit-scrollbar-thumb {
                background-color: #ccc;
                /* Màu thanh scroll */
                border-radius: 3px;
                /* Bo góc */
                transition: background-color 0.2s ease;
            }

            ul.product-categories::-webkit-scrollbar-thumb:hover {
                background-color: #999;
                /* Màu khi hover */
            }

            /* Phiên bản siêu gọn (chỉ hiện khi hover) */
            ul.product-categories.minimal-scroll {
                scrollbar-width: none;
                /* Ẩn scrollbar Firefox */
                -ms-overflow-style: none;
                /* Ẩn scrollbar IE/Edge */
            }

            ul.product-categories.minimal-scroll::-webkit-scrollbar {
                width: 0px;
                background: transparent;
            }

            ul.product-categories.minimal-scroll:hover::-webkit-scrollbar {
                width: 4px;
            }

            ul.product-categories.minimal-scroll:hover::-webkit-scrollbar-thumb {
                background-color: rgba(0,0,0,0.3);
                border-radius: 2px;
            }

            .badge-container.absolute.left.top.z-1 {
                display: none;
            }

            /* Custom CSS Mobile */
            @media (max-width: 549px) {
                /*general*/h3.section-title {
                    font-size: 160% !important;
                }

                .accordion {
                    font-size: 86%;
                }

                /*header*/
                .stuck .header-main {
                    display: block;
                }

                .header-main {
                    height: 80px;
                }

                #logo img {
                    max-height: 70px !important;
                }

                .stuck #logo img {
                    max-height: 70px !important;
                }

                .header.show-on-scroll, .stuck .header-main {
                    height: 80px !important;
                }

                /*banner*/
                .bannerhome .banner h3 {
                    font-size: 255% !important;
                }

                .bannerhome .banner p {
                    font-size: 160%;
                    margin-top: 10px;
                    letter-spacing: 0px;
                }

                .bannerhome a.button.white.is-outline {
                    font-size: 115%;
                }

                /*Giới thiệu*/
                h6.sub-title {
                    font-size: 100%;
                    text-align: center
                }

                .info-home h3.section-title {
                    font-size: 144% !important;
                }

                .info-home .icon-box-text p {
                    color: #f48323;
                    font-size: 82%;
                }

                .info-home .icon-box-img {
                    width: 44px !important;
                }

                .info-home .icon-box-text {
                    margin-top: 2px;
                }

                .info-home .icon-box-text h4 {
                    margin-bottom: 0px;
                    font-size: 88%;
                }

                /*Danh mục */
                .catalog .image-zoom {
                    padding-top: 120% !important;
                }

                .catalog .box-text h4 {
                    font-size: 120%;
                }

                /*Dự án*/
                .project p.from_the_blog_excerpt {
                    display: none;
                }

                /*Tuân thủ*/
                .info-follow h3.section-title {
                    font-size: 138% !important;
                }

                /*Ưu điểm*/
                .info-advantage h3.section-title {
                    font-size: 145% !important;
                }

                /*Kinh nghiệm*/
                .info-exp h3.section-title {
                    font-size: 175% !important;
                }

                /*Quy trình*/
                .info-procedure h3.section-title {
                    font-size: 175% !important;
                }

                /*Báo giá*/
                .glr .gallery-col.col {
                    padding-bottom: 0px !important;
                }

                /*Tin tức & Sự kiện*/
                .new1 .col:nth-last-child(1) {
                    display: none;
                }

                .page-title.shop-page-title.product-page-title .page-title-inner.flex-row.medium-flex-wrap.container {
                    padding-top: 0;
                    font-size: 68%;
                }

                .page-title.shop-page-title.product-page-title .page-title-inner.flex-row.medium-flex-wrap.container .flex-col.medium-text-center:nth-child(2) {
                    display: none;
                }

                .product-gallery.large-7.col .flickity-viewport {
                    max-height: 80px;
                }

                .last1 .col:nth-child(10) {
                    display: none;
                }

                .last1 .box-text {
                    font-size: 50%;
                }

                .message-container.container a.button.wc-forward.wp-element-button {
                    float: unset;
                    order: -1;
                    margin-bottom: 10px;
                }

                .message-container.container.success-color.medium-text-center {
                    color: green;
                }

                .product-footer img {
                    max-width: 100% !IMPORTANT;
                }

                div#wide-nav input#woocommerce-product-search-field-1, div#wide-nav select.search_categories.resize-select.mb-0 {
                    height: 2em;
                }

                .tinhome .col.post-item:nth-last-child(1) {
                    display: inherit;
                }

                .subscribed-form input.wpcf7-form-control.wpcf7-text, .subscribed-form input.wpcf7-form-control.wpcf7-submit {
                    width: 100% !important;
                }

                .bn2 .text-box {
                    font-size: 50%;
                }

                .bn2 .text-box hr {
                    display: none;
                }

                .tt p:nth-child(1) {
                    text-align: center !IMPORTANT;
                }

                a.button.primary.dat-mua-ngay, a.button.success.expand.btn-view-showroom, form.cart button.single_add_to_cart_button:after, .product-info a.button.primary.dat-mua-nhanh:after {
                    font-size: 68%;
                }

                a.button.primary.dat-mua-nhanh, button.single_add_to_cart_button {
                    font-size: 80% !important;
                }

                .oder1 {
                    order: -1;
                }

                section {
                    padding-top: 18px !important;
                    padding-bottom: 18px !important;
                }

                section.section.fttt.pd0.dark h4, section.section.fttt.pd0.dark h5 {
                    text-align: center;
                }

                section.section.fttt.pd0.dark h4 span, section.section.fttt.pd0.dark h5 span {
                    font-size: 90% !important;
                }

                section.section.fttt.pd0.dark .col a.button {
                    font-size: 80%;
                    margin-top: 12px;
                }

                .ft-list i.fa {
                    font-size: 95%;
                    margin-right: 3px;
                }

                .imgvt .box-image {
                    width: 30% !important;
                    float: left;
                    margin-right: 10px;
                }

                .stin-tuc .col {
                    padding-bottom: 12px;
                }

                section {
                    padding-top: 38px !important;
                    padding-bottom: 30px !important;
                }

                .fttt.bgt.pd0 h2, .fttt.bgt.pd0 h3 {
                    text-align: center;
                    margin-bottom: 15px;
                }

                .fttt p.logoft {
                    text-align: center;
                }

                .intro-icon-list h3 {
                    font-size: 150% !important;
                }

                .intro-icon-list p {
                    font-size: 60%;
                }

                .lvhd .image-zoom.image-cover {
                    padding-top: 100% !important;
                }

                .lvhd p.hshow, a.hshow {
                    display: inline-block;
                }

                .product-custom a.button {
                    font-size: 78%;
                }

                .product-custom a.button:after {
                    font-size: 76% !important;
                }

                .product-footer .product-section.description {
                    width: 100%;
                    float: unset;
                }

                div#comments .wcpr-overall-rating-and-rating-count {
                    padding-bottom: 10px;
                    width: 100%;
                    float: unset;
                }

                div#comments .wcpr-filter-container {
                    float: unset;
                    width: 100%;
                    margin: 0;
                    padding-bottom: 5px;
                }

                .mobile-sidebar-levels-2 .nav > li > ul > li > a {
                    font-family: "Poppins", sans-serif !important;
                }

                .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
                    width: 328px;
                }
            }

            .label-new.menu-item > a:after {
                content: "New";
            }

            .label-hot.menu-item > a:after {
                content: "Hot";
            }

            .label-sale.menu-item > a:after {
                content: "Sale";
            }

            .label-popular.menu-item > a:after {
                content: "Popular";
            }
        
        /***********/
            li.html.header-button-1 a::before {
                content: "\f095";
                font-family: "Font Awesome 6 Free";
                font-weight: 900
            }

            li.html.header-button-2 a::before {
                content: "\f017";
                font-family: "Font Awesome 6 Free";
                font-weight: 900
            }

            .devvn_readmore_taxonomy_flatsome a {
                display: inline-block !important;
                border: 1px solid #007a33;
                border-radius: 5px;
                padding: 4px 12px;
            }
            /* */
            body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button {
             background-color: !important;
}
.header-button .button span {
    display: contents;
    font-size: large;
}
/* css lien he*/
.telfix {
    position: fixed;
    width: 500px;
    left: 35%;
    bottom: 0px;
    text-align: center;
    z-index: 99;
}
.desktop {
    display: block;
}
.telfix .border {
    display: inline-block;
    padding: 10px 5px;
    border-radius: 4px;
}
.telfix .border .li {
    background-color: #1e9516;
    color: #ffffff;
    float: left;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0px 5px;
    position: relative;
}
.telfix .border .li a.r {
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center;
    align-items: center;
    position: relative;
    font-weight: bold;
    font-size: 12px;
}
.telfix .border div.tel .h_menu_sub {
    position: absolute;
    bottom: 23px;
    left: 0px;
}
.h_menu_sub {
    position: absolute;
    z-index: 99;
    display: none;
}
.telfix .border div.tel .h_menu_sub .b {
    padding: 20px 0px;
}
.telfix .border div.tel .h_menu_sub .b1 {
    background-color: #d00;
    width: 314px;
    text-align: left;
    border-radius: 4px;
    padding: 10px 0px;
}
.telfix .border div.tel .h_menu_sub .b a {
    display: flex;
    padding: 7px 10px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: dotted 1px #65a4d4;
    align-items: center;
}
.telfix .border div.tel .h_menu_sub .b a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/media/lib/icon.png) no-repeat -208px -717px transparent;
    vertical-align: middle;
}
.desktop.telfix h4 {
    color: #fff;
}
.telfix .messenger {
    background-position: -24px -144px;
}
.telfix .phone {
    background-position: 0px 48px;
}
.headerphai i, .telfix i {
    background: url(https://khohafelevietnamgiasi.vn/wp-content/themes/dienmaytrieuduong/cc-icons.png);
    width: 24px;
    height: 24px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}
.telfix .zalo {
    background-position: -48px -144px;
}
.telfix .location {
    background-position: -96px -48px;
}
/* Ẩn menu con mặc định */
.telfix .h_menu_sub {
    display: none;
}

/* Rê chuột vào nút thì hiện menu con */
.telfix .h_menu_item:hover > .h_menu_sub {
    display: block;
}
/* Chỉ hiển thị thanh telfix trên máy tính */
.telfix.desktop {
    display: none !important;
}

@media only screen and (min-width: 1025px) {
    .telfix.desktop {
        display: block !important;
    }
    .contactbar {
        display: none !important;
    }
}

/*footer */
.hvn-footer-2026,.hvn-footer-2026 * {
    box-sizing: border-box;
    font-family: inherit!important
}

.hvn-footer-2026 {
    --bg: #383e49;
    --w: #fff;
    --txt: rgba(255,255,255,.86);
    --mut: rgba(255,255,255,.68);
    --bd: rgba(255,255,255,.12);
    --bd2: rgba(255,255,255,.2);
    --red: #d71920;
    --redh: #b91441;
    --red2: #a80f15;
    width: 100%;
    background: var(--bg);
    color: var(--w);
    line-height: 1.55;
    overflow: hidden;
    font-size: 14px
}

.hvn-footer-2026 a {
    color: inherit;
    text-decoration: none
}

.hvn-footer-2026 img {
    max-width: 100%;
    height: auto;
    display: block
}

.hvn-footer-2026__inner {
    width: 100%;
    max-width: 1320px;
    margin: auto;
    padding: 32px 18px 18px
}

.hvn-footer-2026__top {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(380px,.82fr);
    gap: 28px;
    align-items: stretch;
    padding-bottom: 22px
}

.hvn-footer-2026__brand,.hvn-footer-2026__certificate,.hvn-footer-2026__box,.hvn-footer-2026__showroom-row {
    background: linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
    border: 1px solid var(--bd);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0,0,0,.12)
}

.hvn-footer-2026__brand {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    padding: 30px 34px
}

.hvn-footer-2026__brand-main {
    max-width: 680px
}

.hvn-footer-2026__logo {
    width: 205px;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
    margin: 0 0 14px
}

.hvn-footer-2026__brand-line {
    display: block;
    width: 44px;
    height: 2px;
    margin: 0 0 16px;
    background: var(--red);
    border-radius: 99px
}

.hvn-footer-2026__brand-title {
    max-width: 660px;
    margin: 0 0 9px;
    color: #fff;
    font-size: 25px;
    font-weight: 600!important;
    line-height: 1.32;
    letter-spacing: 0!important
}

.hvn-footer-2026__brand-desc {
    display: block!important;
    width: 100%!important;
    max-width: 690px;
    margin: 0!important;
    padding: 0!important;
    color: rgba(255,255,255,.82);
    font-size: 15.5px!important;
    font-weight: 400!important;
    line-height: 1.58!important;
    letter-spacing: 0!important;
    text-indent: 0!important;
    text-align: left!important
}

.hvn-footer-2026__brand-points {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    gap: 15px!important;
    margin: 26px 0 22px!important;
    padding: 22px 0!important;
    border-top: 1px solid rgba(255,255,255,.10)!important;
    border-bottom: 1px solid rgba(255,255,255,.10)!important;
    flex: 1 1 auto!important
}

.hvn-footer-2026__brand-point {
    display: grid!important;
    grid-template-columns: 22px minmax(0,1fr)!important;
    gap: 12px!important;
    align-items: start!important;
    padding: 0!important;
    border: 0!important;
    background: transparent!important
}

.hvn-footer-2026__brand-point-icon {
    width: 20px;
    height: 20px;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 50%;
    background: var(--red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

.hvn-footer-2026__brand-point-text strong {
    display: block!important;
    margin: 0 0 2px!important;
    color: #fff!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 1.35!important
}

.hvn-footer-2026__brand-point-text em {
    display: block!important;
    color: rgba(255,255,255,.68)!important;
    font-size: 13px!important;
    font-style: normal!important;
    line-height: 1.45!important
}

.hvn-footer-2026__social {
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    border: 0!important
}

.hvn-footer-2026__social-title {
    margin: 0 0 10px;
    color: rgba(255,255,255,.72);
    font-size: 13.5px;
    font-weight: 500!important;
    line-height: 1.4;
    letter-spacing: 0!important
}

.hvn-footer-2026__social-list {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: center!important;
    gap: 10px!important;
    margin: 0!important;
    padding: 0!important
}

.hvn-footer-2026__social-link {
    position: relative;
    width: 39px;
    height: 39px;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    flex: 0 0 39px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.055);
    box-shadow: none;
    overflow: hidden;
    transition: .22s
}

.hvn-footer-2026__social-link:hover {
    transform: translateY(-2px);
    background: rgba(215,25,32,.18);
    border-color: rgba(215,25,32,.62)
}

.hvn-footer-2026__social-icon {
    display: block!important;
    width: 29px!important;
    height: 29px!important;
    max-width: 29px!important;
    max-height: 29px!important;
    object-fit: contain!important;
    object-position: center!important
}

.hvn-footer-2026__social-icon[src^="LINK_"] {
    display: none!important
}

.hvn-footer-2026__social-link:has(.hvn-footer-2026__social-icon[src^="LINK_"])::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.28);
    display: block
}

.hvn-footer-2026__certificate {
    padding: clamp(20px,2.4vw,28px);
    border-color: rgba(215,25,32,.32)
}

.hvn-footer-2026__cert-title,.hvn-footer-2026__box-title {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(18px,1.65vw,24px);
    font-weight: 600!important;
    line-height: 1.28;
    text-transform: uppercase;
    letter-spacing: 0!important
}

.hvn-footer-2026__box-title {
    font-size: 18px;
    margin-bottom: 22px
}

.hvn-footer-2026__cert-title:after,.hvn-footer-2026__box-title:after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 10px;
    background: var(--red);
    border-radius: 99px
}

.hvn-footer-2026__cert-image-link {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 100%!important;
    height: clamp(300px,25vw,420px)!important;
    min-height: 300px!important;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--bd2);
    background: rgba(0,0,0,.22)
}

.hvn-footer-2026__cert-image {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
    object-position: center!important;
    transition: .28s
}

.hvn-footer-2026__cert-image-link:hover .hvn-footer-2026__cert-image {
    transform: scale(1.018)
}

.hvn-footer-2026__cert-note {
    margin: 14px 0 0;
    color: var(--txt);
    font-size: 14px
}

.hvn-footer-2026__cert-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px
}

.hvn-footer-2026__cert-btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600!important;
    letter-spacing: 0!important;
    transition: .22s
}

.hvn-footer-2026__cert-btn:hover {
    transform: translateY(-1px)
}

.hvn-footer-2026__cert-btn--red {
    background: var(--red);
    color: #fff;
    border: 1px solid var(--red)
}

.hvn-footer-2026__cert-btn--outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(215,25,32,.72)
}

.hvn-footer-2026__cert-btn--outline:hover {
    background: rgba(215,25,32,.12)
}

.hvn-footer-2026__commitments {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    padding-bottom: 24px
}

.hvn-footer-2026__commitment {
    min-height: 76px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    background: rgba(255,255,255,.035);
    border: 1px solid var(--bd);
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600!important
}

.hvn-footer-2026__commitment-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--red);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700
}

.hvn-footer-2026__main-row {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(260px,.85fr) minmax(300px,.9fr);
    gap: 18px;
    padding: 0 0 24px;
    border-top: 0
}

.hvn-footer-2026__box {
    padding: 24px
}

.hvn-footer-2026__business,.hvn-footer-2026__policies,.hvn-footer-2026__hotline {
    min-width: 0
}

.hvn-footer-2026__info-group {
    margin: 0 0 15px
}

.hvn-footer-2026__label {
    display: block;
    margin-bottom: 4px;
    color: var(--mut);
    font-size: 13px;
    font-weight: 500!important
}

.hvn-footer-2026__info-group strong {
    color: #fff;
    font-size: 15px;
    font-weight: 600!important;
    line-height: 1.55;
    letter-spacing: 0!important
}

.hvn-footer-2026__policy-list {
    display: block!important;
    width: 100%!important;
    list-style: none!important;
    padding: 0!important;
    margin: 0!important
}

.hvn-footer-2026__policy-list li {
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    border-bottom: 1px solid rgba(255,255,255,.055)
}

.hvn-footer-2026__policy-list a {
    position: relative!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 12px!important;
    padding: 9px 0!important;
    color: rgba(255,255,255,.86)!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 1.55!important;
    text-transform: none!important;
    letter-spacing: 0!important;
    white-space: normal!important;
    transition: .2s
}

.hvn-footer-2026__policy-list a:after {
    content: "›";
    flex: 0 0 auto;
    margin-left: 12px;
    color: var(--red);
    font-size: 18px;
    line-height: 1
}

.hvn-footer-2026__policy-list a:hover {
    color: #fff!important;
    padding-left: 4px!important
}

.hvn-footer-2026__hotline-card {
    padding: 14px 16px;
    margin-bottom: 12px;
    background: rgba(0,0,0,.16);
    border: 1px solid rgba(215,25,32,.28);
    border-radius: 14px
}

.hvn-footer-2026__hotline-card span {
    display: block;
    color: var(--mut);
    font-size: 13px;
    font-weight: 500!important
}

.hvn-footer-2026__hotline-card a {
    display: inline-block;
    margin-top: 2px;
    color: #fff;
    font-size: 20px;
    font-weight: 600!important;
    line-height: 1.35;
    letter-spacing: 0!important
}

.hvn-footer-2026__showroom-row {
    display: grid;
    grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr);
    gap: 20px;
    align-items: stretch;
    padding: 20px;
    margin-bottom: 22px
}

.hvn-footer-2026__showroom-image-wrap {
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0,0,0,.18);
    border: 1px solid var(--bd);
    min-height: 320px
}

.hvn-footer-2026__showroom-image {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover
}

.hvn-footer-2026__showroom-content {
    min-width: 0;
    display: flex!important;
    flex-direction: column!important
}

.hvn-footer-2026__section-kicker {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    align-self: flex-start!important;
    width: max-content!important;
    max-width: 100%!important;
    min-height: 28px!important;
    padding: 6px 14px!important;
    margin: 0!important;
    line-height: 1!important;
    white-space: nowrap!important;
    color: #fff!important;
    background: var(--redh)!important;
    border: 1px solid var(--redh)!important;
    border-radius: 999px!important;
    font-size: 12.5px!important;
    font-weight: 600!important;
    text-transform: uppercase;
    letter-spacing: 0!important
}

.hvn-footer-2026__showroom-title {
    margin: 12px 0 20px!important;
    color: #fff;
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 1.3!important;
    letter-spacing: 0!important
}

.hvn-footer-2026__showroom-grid {
    display: grid!important;
    grid-template-columns: repeat(2,minmax(0,1fr))!important;
    gap: 14px!important;
    align-items: stretch!important;
    align-content: center!important;
    margin-top: auto!important;
    margin-bottom: auto!important
}

.hvn-footer-2026__showroom-card {
    height: 100%!important;
    min-height: 150px!important;
    padding: 16px 18px!important;
    background: rgba(255,255,255,.028)!important;
    border: 1px solid rgba(255,255,255,.115)!important;
    border-radius: 15px!important;
    display: flex!important;
    flex-direction: column!important
}

.hvn-footer-2026__showroom-tag {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: max-content!important;
    max-width: 100%!important;
    min-height: 26px!important;
    margin: 0 0 10px!important;
    padding: 5px 12px!important;
    line-height: 1!important;
    white-space: nowrap!important;
    color: #fff!important;
    background: var(--redh)!important;
    border: 1px solid var(--redh)!important;
    border-radius: 999px!important;
    font-size: 13px!important;
    font-weight: 600!important
}

.hvn-footer-2026__showroom-card strong {
    display: block;
    margin: 0 0 8px!important;
    color: #fff;
    font-size: 17px!important;
    font-weight: 600!important;
    line-height: 1.38!important;
    letter-spacing: 0!important
}

.hvn-footer-2026__showroom-card p {
    display: block!important;
    margin: 0 0 12px!important;
    color: rgba(255,255,255,.78)!important;
    font-size: 14.5px!important;
    font-weight: 400!important;
    line-height: 1.62!important;
    letter-spacing: 0!important;
    text-indent: 0!important
}

.hvn-footer-2026__showroom-card a {
    display: inline-block!important;
    margin-top: auto!important;
    color: #fff;
    font-size: 17px!important;
    font-weight: 600!important;
    line-height: 1.35;
    letter-spacing: 0!important
}

.hvn-footer-2026__bottom {
    min-height: 58px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #fff;
    background: linear-gradient(135deg,var(--red2),var(--red));
    border-radius: 14px
}

.hvn-footer-2026__copyright {
    font-size: 14px;
    font-weight: 500!important;
    letter-spacing: 0!important
}

.hvn-footer-2026__payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px
}

.hvn-footer-2026__payment span {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 600!important
}

.hvn-footer-2026__payment img {
    width: auto;
    height: 27px;
    max-width: 62px;
    object-fit: contain;
    border-radius: 6px;
    pointer-events: none;
    user-select: none
}

.footer-main {
    padding: 0!important;
    margin: 0!important;
    background-color: #383e49!important;
    overflow: visible!important
}

.footer-main>.container {
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin: auto!important
}

.footer-main>.container>.row {
    display: flex!important;
    flex-wrap: wrap!important;
    width: 100%!important;
    margin: 0!important
}

.footer-main>.container>.row>.item-c1 {
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
    flex: 0 0 100%!important;
    padding: 0!important
}

.footer-main>.container>.row>.item-c2,.footer-main>.container>.row>div:not(.item-c1):not(.item-c2) {
    display: none!important
}

.footer-main .item-c1 .hvn-footer-2026,.footer-main .item-c1>div,.footer-main .item-c1>section {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important
}

.footer-main .item-c1 .hvn-footer-2026__inner {
    width: 100%!important;
    max-width: 1320px!important;
    margin: auto!important
}

.f-product-view-tab-header,#f-pr-page-view-tabid {
    display: none!important
}

.f-product-view-tab>.container>.row {
    display: block!important;
    margin: 0!important
}

.f-product-view-tab>.container>.row>.col-md-3 {
    display: none!important
}

.f-product-view-tab>.container>.row>.col-md-9 {
    width: 100%!important;
    max-width: 100%!important;
    float: none!important;
    padding: 0!important;
    border: 0!important;
    background: transparent!important;
    box-shadow: none!important
}

.f-product-view-tab .tab-content {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
    padding: 20px!important;
    background: #fff!important;
    border: 1px solid rgba(185,20,65,.45)!important;
    border-radius: 4px!important;
    box-sizing: border-box!important;
    min-height: 0!important;
    height: auto!important;
    box-shadow: none!important
}

.f-product-view-tab .tab-pane {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    min-height: 0!important;
    height: auto!important
}

.f-product-view-tab .tab-pane:not(.active) {
    display: none!important
}

.f-product-view-tab img {
    max-width: 100%!important;
    height: auto!important
}

.f-product-view-tab table {
    width: 100%!important;
    max-width: 100%!important
}

@media(max-width: 1180px) {
    .hvn-footer-2026__top {
        grid-template-columns:1fr
    }

    .hvn-footer-2026__main-row {
        grid-template-columns: 1fr 1fr
    }

    .hvn-footer-2026__hotline {
        grid-column: 1/-1
    }

    .hvn-footer-2026__showroom-row {
        grid-template-columns: 1fr
    }

    .hvn-footer-2026__showroom-image-wrap,.hvn-footer-2026__showroom-image {
        min-height: 280px
    }
}

@media(max-width: 860px) {
    .hvn-footer-2026__inner {
        padding:24px 14px 14px
    }

    .hvn-footer-2026__commitments {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .hvn-footer-2026__main-row {
        grid-template-columns: 1fr
    }

    .hvn-footer-2026__showroom-grid {
        grid-template-columns: 1fr!important;
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .hvn-footer-2026__showroom-title {
        font-size: 21px!important
    }

    .hvn-footer-2026__showroom-card {
        min-height: auto!important
    }

    .hvn-footer-2026__bottom {
        flex-direction: column;
        align-items: flex-start
    }

    .hvn-footer-2026__payment {
        justify-content: flex-start
    }
}

@media(max-width: 720px) {
    .hvn-footer-2026__brand {
        justify-content:center;
        padding: 22px
    }

    .hvn-footer-2026__logo {
        width: 178px
    }

    .hvn-footer-2026__brand-title {
        font-size: 21px
    }

    .hvn-footer-2026__brand-desc {
        font-size: 14.5px!important
    }

    .hvn-footer-2026__brand-points {
        gap: 12px!important;
        margin: 22px 0 18px!important;
        padding: 18px 0!important;
        flex: none!important
    }
}

@media(max-width: 767px) {
    .f-product-view-tab .tab-content {
        padding:12px!important;
        border-radius: 3px!important
    }
}

@media(max-width: 560px) {
    .hvn-footer-2026__brand,.hvn-footer-2026__certificate,.hvn-footer-2026__box,.hvn-footer-2026__showroom-row {
        border-radius:14px
    }

    .hvn-footer-2026__certificate,.hvn-footer-2026__box {
        padding: 18px
    }

    .hvn-footer-2026__cert-title {
        font-size: 18px
    }

    .hvn-footer-2026__policy-list a {
        font-size: 13.5px!important
    }

    .hvn-footer-2026__commitments {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .hvn-footer-2026__commitment {
        min-height: 62px
    }

    .hvn-footer-2026__cert-actions {
        flex-direction: column
    }

    .hvn-footer-2026__cert-btn {
        width: 100%
    }

    .hvn-footer-2026__showroom-row {
        padding: 14px
    }

    .hvn-footer-2026__showroom-title {
        font-size: 20px!important
    }

    .hvn-footer-2026__showroom-card {
        padding: 15px!important
    }

    .hvn-footer-2026__showroom-image-wrap,.hvn-footer-2026__showroom-image {
        min-height: 220px
    }

    .hvn-footer-2026__bottom {
        border-radius: 12px
    }

    .hvn-footer-2026__payment img {
        height: 24px;
        max-width: 56px
    }

    .hvn-footer-2026__social-list {
        gap: 10px!important
    }

    .hvn-footer-2026__social-link {
        width: 42px;
        height: 42px;
        flex-basis: 42px
    }

    .hvn-footer-2026__social-icon {
        width: 34px!important;
        height: 34px!important;
        max-width: 34px!important;
        max-height: 34px!important
    }

    .hvn-footer-2026__social-link:has(.hvn-footer-2026__social-icon[src^="LINK_"])::before {
        width: 7px;
        height: 7px
    }

    .hvn-footer-2026__cert-image-link {
        height: 250px!important;
        min-height: 250px!important
    }

    .hvn-footer-2026__cert-image {
        height: 100%!important;
        min-height: 0!important;
        object-fit: contain!important
    }
}

/*css lien he cuoi */
@media only screen and (max-width: 992px) {
    #button-contact-vr {
        bottom: 0;
        left: 0;
        right: auto;
        width: auto;
    }

    #button-contact-vr #gom-all-in-one {
        display: flex;
        flex-direction: column; /* Giữ các nút xếp theo hàng dọc gọn gàng */
        align-items: flex-end;
    }

    #button-contact-vr .button-contact {
        margin: 0;
    }

    .v2_bnc_scrolltop {
        bottom: 100px;
    }
}
#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 99999;
    pointer-events: none; /* Không nhận tương tác ở vùng trống bao quanh */
    width: auto;
    left: 10px;
}
/* 2. Chỉ cho phép tương tác trực tiếp lên nút bấm */
#button-contact-vr .phone-vr-img-circle {
    pointer-events: auto; /* Chỉ vùng tròn chứa icon này mới nhận tương tác */
}

/*phone*/
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 60px;  /* Giảm từ 90px xuống 60px */
    height: 60px; /* Giảm từ 90px xuống 60px */
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    display: block;
    margin: 0 auto;
}

.phone-vr-circle-fill {
    width: 50px;
    height: 50px;
    top: 5px;
    left: 5px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out, zoom 1.3s infinite;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out, zoom 1.3s infinite;
    transition: all .5s;
    transform-origin: 50% 50%;
    pointer-events: none;
}

.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 10px;
    left: 10px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}

.phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
}

@media(max-width: 736px) {
    .phone-bar {
        display: none;
    }
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}

#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}