.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: visible !important;
}#tabs_content_container img
{
	max-width: 100% !important;
	height: auto !important;
}



/* =====================================================================
   MÀU SẮC CHỦ ĐẠO PHONG THỦY: XANH LÁ (MỘC) & ĐỎ (HỎA)
   GIỮ NGUYÊN 100% CẤU TRÚC VÀ BỐ CỤC GỐC - CHỈ THAY ĐỔI MÀU SẮC
   ===================================================================== */

/* 1. KHẮC PHỤC TRIỆT ĐỂ NỀN VÀ KHÔNG GIAN HEADER */
.full_tab,
.full_tab#scrollTopHeader,
.headerScroll {
    position: relative !important;
    top: auto !important;
    background-color: #065f46 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
}
#featureProductScroll {
    margin-top: 18px !important;
    margin-bottom: 28px !important;
    clear: both !important;
}
.lineCompany {
    background-color: #065f46 !important;
    position: relative;
    z-index: 10;
    margin: 0 !important;
    padding: 0 !important;
}
.headerDesk {
    background: #065f46 !important;
    min-height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.text_login_new {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#header {
    margin: 0 !important;
    padding: 0 !important;
}
.company-title,
.company-title span,
.clsTitleCty,
.clsTitleCty span,
.clsTitleCty ul li span {
    color: #ffffff !important;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    display: inline-block;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
}
.clsLinkSocial ul li a, .clsLinkSocial a.text-gray {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 41px !important;
    display: inline-block;
}
.clsLinkSocial ul li a i {
    color: #34d399 !important;
    margin-right: 6px;
    font-size: 15px;
}
.clsLinkSocial ul li a:hover {
    color: #fca5a5 !important;
}

/* 2. VỊ TRÍ VÀ KÍCH THƯỚC LOGO (.clsBanner-wrapper) */
.clsBanner-wrapper img,
.clsBanner img {
    height: 78px !important;
    width: auto !important;
    background-color: #ffffff !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
    border: 2px solid #15803d !important;
}

/* 3. KHẮC PHỤC LỖI MENU (#mbt-menu): 8 MỤC NẰM GỌN GÀNG TRÊN 1 HÀNG DUY NHẤT */
.header-nav-bar {
    background-color: #15803d !important;
    height: 44px !important;
}
.content_slider_menu {
    background-color: #15803d !important;
    min-height: 44px !important;
    height: 44px !important;
}
#mbt-menu {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    height: 44px !important;
}
#mbt-menu > li,
#mbt-menu .client-nav-item {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    height: 100% !important;
    position: relative !important;
    border-right: 1px solid rgba(255,255,255,0.15) !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
#mbt-menu > li:last-child,
#mbt-menu .client-nav-item:last-child {
    border-right: none !important;
}
#mbt-menu > li > a,
#mbt-menu .client-nav-item > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 8px !important;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
#mbt-menu > li.active_menu,
#mbt-menu .client-nav-item.active_menu,
#mbt-menu > li:hover,
#mbt-menu .client-nav-item:hover {
    background-color: #dc2626 !important;
    background: #dc2626 !important;
    border-radius: 0 !important;
}
#mbt-menu > li.active_menu > a,
#mbt-menu .client-nav-item.active_menu > a,
#mbt-menu > li:hover > a,
#mbt-menu .client-nav-item:hover > a,
#mbt-menu > li > a:hover,
#mbt-menu .client-nav-item > a:hover {
    background-color: #dc2626 !important;
    background: #dc2626 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#mbt-menu ul.sub-menu {
    background: #0d7a4d !important;
    border-top: 3px solid #dc2626 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
#mbt-menu ul.sub-menu li a {
    color: #ffffff !important;
    padding: 10px 16px !important;
}
#mbt-menu ul.sub-menu li:hover a {
    background: #15803d !important;
    color: #ffffff !important;
}

/* 4. TÔNG MÀU XANH LÁ CHỦ ĐẠO TOÀN TRANG (MỘC) */
.headerMobile, .menumobilenew {
    background-color: #065f46 !important;
}
.clsSearch .clsButtonSearch, .clsSearch .clsButtonSearch i.fa {
    background-color: #15803d !important;
    color: #ffffff !important;
}
.groupSearch {
    border-color: #15803d !important;
}
/* Khắc phục triệt để lỗi Menu danh mục dịch vụ bị đẩy xuống dưới do top: 100% của style20211024.css */
#mega_menu,
.BarMenu #mega_menu,
div.BarMenu ul#mega_menu,
body #mega_menu {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: calc(100% - 44px) !important;
    min-height: 0 !important;
    max-height: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
}

#mega_menu > li {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    box-shadow: none !important;
    position: relative !important;
    background: #ffffff !important;
    min-height: 40px !important;
}

#mega_menu > li:last-child {
    border-bottom: none !important;
}

#mega_menu > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    line-height: normal !important;
    background: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

#mega_menu > li:hover > a {
    background-color: #ecfdf5 !important;
    color: #065f46 !important;
}

#mega_menu > li > a i {
    color: #065f46 !important;
    margin-right: 10px !important;
    width: 18px !important;
    text-align: center !important;
    font-size: 14px !important;
}

#mega_menu > li:hover > a i {
    color: #15803d !important;
}

.titleNewCommon, .title_cat a, .breadcrumb.clsTitleCommon li a {
    color: #0d7a4d !important;
}
.title_cat {
    border-bottom: 2px solid #0d7a4d !important;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
    color: #15803d !important;
}
#footer {
    border-top: 4px solid #15803d !important;
}
.footer {
    background: #05261b !important;
}
.footer h4, .footer h3, .footer .title-footer, .footer a {
    color: #a7f3d0 !important;
}
.footer a:hover,
.footer-widget .contact-info-page li a:hover,
footer .footer-widget .contact-info-page li a:focus,
.contact-info-page li a:hover {
    color: #ffffff !important;
}
.scroller, .srollVerticalLeft {
    border-color: #15803d !important;
}
#bttop, .back-to-top {
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #ffffff !important;
}
#bttop:hover, .back-to-top:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}
.support-online a span {
    background: #15803d !important;
    color: #ffffff !important;
}
.support-online a span::before {
    border-color: transparent #15803d transparent transparent !important;
}
.title_sp_home a:hover,
.boxHover h2 a:hover,
.boxsp_machine h2 a:hover {
    color: #15803d !important;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
}
.pagination > li > a:hover {
    color: #15803d !important;
}

/* 5. TÔNG MÀU ĐỎ ĐIỂM NHẤN & CHUYỂN ĐỔI (HỎA) */
.section-title-normal span.section-title-main {
    background: #dc2626 !important;
    color: #ffffff !important;
}
.section-title-normal span.section-title-main:before {
    background: #fca5a5 !important;
}
.section-title-normal span.section-title-main:after {
    background: #dc2626 !important;
}
.call-now {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}
.fix_hotline2 {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}
.codeprodduct_price .order_now, .order, input.button, .btn_contact, input[type="submit"].btn {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}
.codeprodduct_price .order_now:hover, .order:hover, .btn_contact:hover {
    background-color: #b91c1c !important;
}
.item-price, .price, .boxsp_machine h3, div.info h3 {
    color: #dc2626 !important;
    font-weight: bold;
}
.clsLinkSocial a.text-gray {
    color: #ffffff !important;
}
.clsLinkSocial a.text-gray:hover {
    color: #fca5a5 !important;
}
.tittlenew a[style*="color: red"] {
    color: #dc2626 !important;
    font-weight: bold;
}
.text-red, .clsHotline, .hotline {
    color: #dc2626 !important;
}
.regis_login ul li.viewCart .countGioHang {
    background-color: #dc2626 !important;
}

/* --- TỐI ƯU HIỂN THỊ TRÊN ĐIỆN THOẠI (FIX LỖI CHE CHỮ / CHE SẢN PHẨM) --- */
@media (max-width: 768px) {
    /* 1. Tiêu đề danh mục và bài viết trên mobile - Tuyệt đối không bị vỡ dọc */
    .tittlenew,
    .category-header-bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-bottom: 2px solid #065f46 !important;
        margin-bottom: 14px !important;
        padding-bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    .tittlenew .section-title-normal,
    .section-title-normal,
    .tittlenew h3.section-title {
        display: inline-flex !important;
        align-items: center !important;
        border-bottom: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        max-width: calc(100% - 95px) !important;
        flex: 0 1 auto !important;
        overflow: hidden !important;
    }
    .tittlenew .section-title-normal span.section-title-main,
    .section-title-normal span.section-title-main,
    .section-title-main {
        display: inline-block !important;
        font-size: 13.5px !important;
        line-height: 1.4 !important;
        padding: 6px 12px !important;
        border-radius: 4px 4px 0 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        position: relative !important;
        background: #dc2626 !important;
        color: #fff !important;
        float: none !important;
    }
    .section-title-normal span.section-title-main:before,
    .section-title-normal span.section-title-main:after {
        display: none !important;
        content: none !important;
    }
    .section-title-normal span.section-title-main a,
    .tittlenew .section-title-main a {
        color: #ffffff !important;
        font-size: 13.5px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: inline !important;
    }
    .section-title-normal a[title="Xem toàn bộ"],
    .tittlenew a[title="Xem tất cả"],
    .tittlenew a:not(.section-title-main a) {
        float: none !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        margin-left: auto !important;
        color: #dc2626 !important;
        font-weight: 700 !important;
        padding-bottom: 4px !important;
        flex-shrink: 0 !important;
        text-decoration: none !important;
    }

    /* 2. Slider trên mobile không tràn và không lọt viền slide kế */
    #featureProductScroll {
        margin-top: 10px !important;
        margin-bottom: 16px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    #featureProductScroll .row {
        margin: 0 !important;
    }
    .rightSlider {
        width: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    #wowslider-container1 {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        margin: 0 auto 10px !important;
        border-radius: 6px !important;
    }
    #wowslider-container1 .ws_images {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        border-radius: 6px !important;
    }
    #wowslider-container1 .ws_images ul {
        overflow: hidden !important;
    }
    #wowslider-container1 .ws_images ul li {
        overflow: hidden !important;
    }
    #wowslider-container1 .ws_images ul li img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
    }
    .sub-category {
        margin-bottom: 25px !important;
        clear: both !important;
        overflow: visible !important;
    }
    .boxsp_machine {
        width: 100% !important;
        margin: 10px auto !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        float: none !important;
        height: auto !important;
    }
    .boxsp_machine .imgsp_home {
        text-align: center !important;
        position: relative !important;
    }
    .boxsp_machine .imgsp_home img {
        max-height: 380px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        object-fit: contain !important;
    }
    .titlesp_home {
        height: auto !important;
        min-height: 52px !important;
        padding: 8px 10px !important;
        background: linear-gradient(135deg, #065f46 0%, #047857 100%) !important;
        background-color: #065f46 !important;
        overflow: hidden !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 0 10px 0 !important;
    }
    .titlesp_home a {
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        white-space: normal !important;
        padding: 0 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    }
    .titlesp_home div {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #fef08a !important;
        line-height: 1.2 !important;
        padding: 0 !important;
    }
    .block-mobile-buttons {
        right: 6px !important;
        bottom: 55px !important;
    }
    .block-mobile-buttons .pulse {
        margin: 6px 0 !important;
        width: 38px !important;
        height: 38px !important;
        padding: 4px !important;
    }
    .block-mobile-buttons .pulse img {
        width: 18px !important;
        height: 18px !important;
    }
    .block-mobile-buttons .pulse::before,
    .block-mobile-buttons .pulse::after {
        width: calc(100% + 6px) !important;
        height: calc(100% + 6px) !important;
    }
    .boxsp_machine .product-thumbnail {
        top: 8px !important;
        right: 8px !important;
    }
    .boxsp_machine .product-thumbnail a {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        opacity: 0.8 !important;
    }
    .owl-buttons .owl-prev {
        left: 2px !important;
        font-size: 24px !important;
    }
    .owl-buttons .owl-next {
        right: 2px !important;
        font-size: 24px !important;
    }
}




.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{
	    z-index: 1;
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgI…Y4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff; */
    width: 132px;
    /* height: 34px; */
    text-align: center;
    bottom: 131px;
    border: 0;
    right: 1px;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0,0,0,.06), 0 2px 32px rgba(0,0,0,.16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out;
    font-size: 16px;
    width: 116px;
    background: #4267B2;
    padding: 5px 5px;
    font-size: 15px;
    text-align: center;
    border-radius: 20px; 
	 }.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}

/* Card Hover & Layout Enhancements */
.boxsp_machine {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.boxsp_machine:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    border-color: #10b981 !important;
}
.boxsp_machine .imgsp_home img {
    transition: transform 0.3s ease !important;
}
.boxsp_machine:hover .imgsp_home img {
    transform: scale(1.05) !important;
}

/* Visibility classes */
@media (min-width: 992px) {
    .hideDesktop { display: none !important; }
    .hideMobile { display: block !important; }
}
@media (max-width: 991px) {
    .hideDesktop { display: block !important; }
    .hideMobile { display: none !important; }
    .desktop-header { display: none !important; }
    .BarMenu { display: none !important; }
    .rightSlider { width: 100% !important; padding: 0 !important; }
}

/* WOWSlider modern controls & phong thủy styling */
#wowslider-container1 {
    margin: 0 !important;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
#wowslider-container1 .ws_bullets {
    bottom: 12px !important;
    z-index: 70;
}
#wowslider-container1 .ws_bullets a {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.7) !important;
    border: 2px solid #ffffff !important;
    margin: 0 4px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
    transition: all 0.25s ease !important;
}
#wowslider-container1 .ws_bullets a.ws_selbull,
#wowslider-container1 .ws_bullets a:hover {
    background: #dc2626 !important;
    border-color: #ffffff !important;
    transform: scale(1.25) !important;
}
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev {
    opacity: 0.75;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev {
    opacity: 1;
}
#wowslider-container1 .ws_playpause {
    display: none !important;
}

/* --- ĐỒNG BỘ HIỂN THỊ TIÊU ĐỀ SẢN PHẨM SẮC NÉT (FIX LỖI CHỮ CHÌM) --- */
.titlesp_home {
    background: linear-gradient(135deg, #065f46 0%, #047857 100%) !important;
    background-color: #065f46 !important;
    border-radius: 6px !important;
    padding: 10px 8px !important;
    min-height: 52px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    box-shadow: 0 2px 4px rgba(6, 95, 70, 0.25) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

.titlesp_home a {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
    transition: color 0.2s ease, text-shadow 0.2s ease !important;
    width: 100% !important;
    letter-spacing: 0.2px !important;
}

.titlesp_home a:hover,
.boxsp_machine:hover .titlesp_home a {
    color: #fef08a !important; /* Vàng kim phong thủy sang trọng, siêu nổi bật */
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    text-decoration: none !important;
}

.boxsp_machine:hover .titlesp_home {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
    box-shadow: 0 4px 8px rgba(6, 95, 70, 0.35) !important;
}

/* 7. KHẮC PHỤC HEADER & FOOTER ĐỒNG BỘ */
.client-header {
    position: relative !important;
    top: auto !important;
    background: #065f46 !important;
    border-bottom: none !important;
    z-index: 1000 !important;
}

.client-footer {
    border-top: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

/* 8. KHẮC PHỤC LỖI HOVER CHỮ TRẮNG NỀN TRẮNG DƯỚI FOOTER (ĐIỀU HƯỚNG) */
.client-nav--footer,
.client-footer .client-nav-list {
    flex-direction: column !important;
    gap: 0 !important;
}

.client-nav--footer .client-nav-item,
.client-footer .client-nav-item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.client-nav--footer .client-nav-item > a,
.client-footer .client-nav-item > a,
.footer-widget .list-menu li a,
.footer-widget .widget-menu li a {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 4px 0 !important;
    color: #e2e8f0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: none !important;
    transition: color 0.2s ease, padding-left 0.2s ease !important;
    text-decoration: none !important;
}

.client-nav--footer .client-nav-item > a:hover,
.client-footer .client-nav-item > a:hover,
.footer-widget .list-menu li a:hover,
.footer-widget .widget-menu li a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #fca5a5 !important; /* Đỏ hồng nổi bật */
    padding-left: 6px !important;
    box-shadow: none !important;
}

.client-nav--footer .client-nav-item.active_menu > a {
    background: transparent !important;
    color: #34d399 !important;
    font-weight: 700 !important;
}

/* 9. KHẮC PHỤC BANNER CAM KẾT (HOME-SUPPORT): THAY NỀN TÍM ĐÀ NẴNG THÀNH NỀN XANH PHONG THỦY SANG TRỌNG */
.home-support {
    background: #064e3b !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

.home-support .mark {
    background: linear-gradient(135deg, #065f46 0%, #047857 50%, #064e3b 100%) !important;
    padding: 30px 0 !important;
    border-top: 2px solid #10b981 !important;
    border-bottom: 2px solid #047857 !important;
}

.home-support .box-sup {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    transition: transform 0.25s ease, background 0.25s ease !important;
}

.home-support .box-sup:hover {
    transform: translateY(-3px) !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.home-support .box-sup i {
    color: #fbbf24 !important; /* Vàng kim */
    font-size: 28px !important;
    margin-bottom: 8px !important;
}

.home-support .box-sup h4 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 6px 0 !important;
    text-transform: uppercase !important;
}

.home-support .box-sup p {
    color: #a7f3d0 !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* =====================================================================
   BẢNG BIỂU & BẢNG GIÁ SẢN PHẨM / TRANG NỘI DUNG (TABLE STYLING)
   ===================================================================== */
.cms-page-content table,
.product-description table,
.content_sp_detail table,
table.price-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 16px 0 !important;
    font-size: 14px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.cms-page-content table th,
.product-description table th,
.content_sp_detail table th,
table.price-table th {
    background-color: #065f46 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
    border: 1px solid #cbd5e1 !important;
    text-align: center !important;
}

.cms-page-content table td,
.product-description table td,
.content_sp_detail table td,
table.price-table td {
    padding: 9px 14px !important;
    border: 1px solid #e2e8f0 !important;
    vertical-align: middle !important;
    color: #334155 !important;
}

.cms-page-content table tr:nth-child(even) td,
.product-description table tr:nth-child(even) td,
.content_sp_detail table tr:nth-child(even) td,
table.price-table tr:nth-child(even) td {
    background-color: #f8fafc !important;
}

.cms-page-content table tr:hover td,
.product-description table tr:hover td,
.content_sp_detail table tr:hover td,
table.price-table tr:hover td {
    background-color: #f1f5f9 !important;
}

/* =====================================================================
   10. CHỐNG TRÀN VÀ TỐI ƯU GIAO DIỆN CHÂN TRANG TRÊN THIẾT BỊ DI ĐỘNG
   (MOBILE VIEWPORT OVERFLOW GUARD & RESPONSIVE FOOTER FIX)
   ===================================================================== */
html {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100vw !important;
}

body {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
}

#box-wrapper {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Footer & Home support full-width container protection */
.footer,
.site-footer,
.client-footer,
.home-support {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.footer .setWrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.footer .footer-inner .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer .footer-widget {
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

.footer .footer-widget h4 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
}

.footer .widget-menu,
.footer .list-menu,
.footer .contact-info-page,
.footer-nav-wrap ul,
.client-nav--footer ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

footer ul,
footer ul li,
.footer ul,
.footer ul li,
.site-footer ul,
.site-footer ul li,
.footer-widget ul,
.footer-widget li,
.client-nav--footer ul,
.client-nav--footer li {
    list-style: none !important;
    list-style-type: none !important;
    background-image: none !important;
}

.footer-widget .list-menu li,
.client-nav--footer .client-nav-item {
    list-style: none !important;
    list-style-type: none !important;
}

.footer-widget .list-menu li a,
.client-nav--footer .client-nav-item > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
    color: #e2e8f0 !important;
    text-decoration: none !important;
}

.footer-widget .list-menu li a i,
.client-nav--footer .client-nav-item > a i,
.footer i.fa-angle-right,
.footer-widget i.fa-angle-right {
    margin-right: 8px !important;
    color: #34d399 !important;
    font-size: 13px !important;
    display: inline-block !important;
}

.footer-widget .list-menu li a:hover,
.client-nav--footer .client-nav-item > a:hover {
    color: #fca5a5 !important;
    padding-left: 4px !important;
}

.footer .contact-info-page li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.footer .contact-info-page li a,
.footer .contact-info-page a {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

.footer .copyright {
    padding: 15px 10px !important;
    word-break: break-word !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #a7f3d0 !important;
}

.home-support .mark.setWrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.home-support .mark .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Mobile specific responsive adjustments */
@media (max-width: 767px) {
    .setWrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    .row.product-grid-custom,
    .row[style*="margin: 0 -8px"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .footer .footer-widget {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 22px !important;
    }

    .footer .footer-widget:last-child {
        margin-bottom: 10px !important;
    }

    .home-support .col-xs-12 {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-bottom: 10px !important;
    }
}

/* =====================================================================
   11. SLIDER VUỐT NGANG SẢN PHẨM TRÊN MOBILE THEO YÊU CẦU KHÁCH HÀNG
   (MOBILE PRODUCT HORIZONTAL CAROUSEL WITH CENTERED FLOATING ARROWS)
   ===================================================================== */
.product-slider-wrapper {
    position: relative;
    width: 100%;
}

.btn-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1.5px solid #10b981;
    color: #065f46;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    outline: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    z-index: 25;
    -webkit-tap-highlight-color: transparent;
}

.btn-slider-arrow:hover,
.btn-slider-arrow:active {
    background: #065f46;
    color: #ffffff;
    border-color: #065f46;
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 6px 16px rgba(6, 95, 70, 0.35);
}

.btn-slider-prev {
    left: 2px;
}

.btn-slider-next {
    right: 2px;
}

.category-slider-nav {
    display: none !important;
}

/* Desktop: standard 3-column grid */
@media (min-width: 768px) {
    .product-slider-mobile {
        display: flex;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
    }
    .product-slide-item {
        width: 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .btn-slider-arrow {
        display: none !important;
    }
}

/* Mobile: smooth horizontal swipeable carousel with arrows centered in product box */
@media (max-width: 767px) {
    .btn-slider-arrow {
        display: flex !important;
    }

    .product-slider-mobile {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 12px !important;
        padding: 4px 4px 14px 4px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE 10+ */
    }

    .product-slider-mobile::-webkit-scrollbar {
        display: none !important; /* Chrome / Safari / Edge */
    }

    .product-slide-item {
        flex: 0 0 78% !important;
        max-width: 78% !important;
        min-width: 255px !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .product-slide-item .boxsp_machine {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

/* =====================================================================
   12. STICKY HEADER & CĂN CHỈNH NÚT MENU TRÊN MOBILE
   ===================================================================== */
.client-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
}

.mobile-sticky-header {
    position: relative !important;
    width: 100% !important;
    background: #065f46 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

.desktop-header {
    position: relative !important;
    width: 100% !important;
    background-color: #065f46 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

/* Nút bấm hamburger chuẩn chỉnh, không bị lệch */
.btn-mobile-hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

.btn-mobile-hamburger:hover,
.btn-mobile-hamburger:active {
    background: #15803d !important;
    color: #ffffff !important;
    border-color: #34d399 !important;
}

/* Triệt tiêu hoàn toàn style20211024.css đã giật icon sang top: 0 left: 16px */
.btn-mobile-hamburger i,
.clickButtonMenu i,
.clickButtonMenuNew i {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    font-size: 20px !important;
    color: #ffffff !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Dropdown menu di động */
.menumobilenew {
    position: relative !important;
    width: 100% !important;
    max-width: 100vw !important;
    background: #052e16 !important;
    border-bottom: 3px solid #dc2626 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    z-index: 1000 !important;
}

.menu-mobile-inner,
#menu-mobile,
.menumobilenew #menu-mobile {
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    overflow: visible !important;
    background: transparent !important;
}

.menu-mobile-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.menu-mobile-list li a:hover,
.menu-mobile-list li a:active {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #34d399 !important;
    padding-left: 14px !important;
}