/* nhatdx-custom-css */

/* =====================================================================
   CSS BỔ SUNG — MỘC MIÊN DECOR
   ===================================================================== */

/* ---------- 1. Font chung + bảo vệ font icon ---------- */
body, p, a, h1, h2, h3, h4, h5, h6, span, li, input, button, select, textarea {
    font-family: var(--nx-font, Tahoma, Verdana, sans-serif);
}
/* Chỉ áp font icon cho đúng phần tử icon. Bản cũ có cả thẻ "i" trần nên chữ in nghiêng <i>
   trong bài viết bị đổi sang font icon. */
[class^="icon-"], [class*=" icon-"],
.fa, .fas, .far, .fab, .dashicons,
.nav-vertical i, .menu-custom-mocmien i {
    font-family: "fl-icons", "Font Awesome 5 Free", dashicons !important;
}
#wpadminbar * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
#wpadminbar .ab-icon:before, #wpadminbar .dashicons:before { font-family: dashicons !important; }

/* ---------- 2. Thứ tự lớp (z-index) ---------- */
#wpadminbar { z-index: 9999999 !important; }
.header-wrapper, #header, .stuck, .header-main { z-index: 99999 !important; }
.col:has(.menu-custom-mocmien), .col-inner:has(.menu-custom-mocmien),
.row:has(.menu-custom-mocmien), .section:has(.menu-custom-mocmien) {
    position: relative !important; z-index: 999 !important; overflow: visible !important;
}
#content > .row, #content > .section,
.page-content > .row, .page-content > .section { position: relative; z-index: 1; }
#cart-popup, .cart-popup, .off-canvas, #off-canvas, .off-canvas-right, .mfp-wrap, .mfp-container {
    z-index: 99999999 !important;
}
.mfp-bg, .off-canvas-overlay, .cart-popup-bg { z-index: 99999990 !important; }

/* ---------- 3. Đầu trang Flatsome (dùng trên điện thoại / khi tắt đầu trang NhatDX) ---------- */
@media (min-width: 850px) {
    .header-main .logo img { margin-left: 15px; }
}
#header-contact li a { text-transform: none; letter-spacing: 0; font-size: 14px; color: #fff; }
.top-bar-nav li a { font-size: 14px; color: #fff !important; }
.header-button a {
    text-transform: none; letter-spacing: 0; background: #1E88E5;
    font-size: 14px !important; font-weight: normal; border-radius: 11px !important;
}
.header-search-form-wrapper input { background: #fff !important; }
.header-block .icon-box .icon-box-text { padding-left: 10px; color: #000; font-size: 15px; }
.header-block .col { padding-bottom: 0; }
.header-bottom-nav > li { margin: 0; }
.header-bottom-nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 15px; font-weight: normal; }
.header-bottom-nav > li > a:hover, .header-bottom-nav > li:hover > a { background: #1E88E5; }
.header-main .nav > li > a, .header-nav .nav > li > a,
.header-wrapper .nav > li > a, .nav-dropdown li > a,
.header-top .nav > li > a { font-weight: 700 !important; }
.nav-line > li > a:before, .nav-line > li.active > a:before { display: none; }
.nav-dropdown-default { padding: 0; }
.nav-dropdown.nav-dropdown-default > li > a { background: #fff !important; color: #333; font-size: 15px; }
.nav-dropdown.nav-dropdown-default > li > a:hover { color: #1E88E5 !important; }

/* Menu ngang NhatDX: bảng đổ xuống rộng theo chữ, mỗi mục nằm trên 1 dòng */
@media (min-width: 850px) {
    .nxdh-nav .nxdh-menu > li > .nav-dropdown { width: max-content !important; min-width: 260px !important; max-width: 480px !important; }
    .nxdh-nav .nxdh-menu > li > .nav-dropdown > li > a { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
}

/* ---------- 4. Widget, menu dọc ---------- */
.section1 .widget_nav_menu h2, span.widget-title {
    background: #1E88E5; letter-spacing: 0; width: 100%; padding: 8px 20px; display: block;
    color: #fff; font-size: 17px; border-radius: 12px; text-transform: uppercase;
}
.widget .is-divider { display: none; }
.widget > ul > li ul { border-left: none; padding-left: 5px; }
.widget .toggle { transform: rotate(-90deg); margin: 0 5px; }

.menu-vertical-menu-container { border: 1px solid #e6e6e6; border-radius: 5px; }
.menu-vertical-menu-container li a { padding: 8.2px 10px 8.2px 34px !important; color: #333; font-size: 15px; }
.menu-vertical-menu-container li a:hover { color: #1E88E5; }
.product-categories { border: 1px solid #dbdbdb; border-radius: 15px; margin-top: 15px !important; }
.product-categories li a { font-size: 15px; padding-left: 34px !important; }
/* Mũi tên tròn dùng chung cho 2 menu trên */
.menu-vertical-menu-container li a, .product-categories li a {
    background-image: url(/wp-content/uploads/2023/09/arrow-circle-right-svgrepo-com.svg);
    background-repeat: no-repeat; background-size: 18px; background-position: 10px center;
}

.widget ul.menu ul.sub-menu {
    display: none; position: absolute; top: 0; left: 99%; width: 100%; min-height: 100%; z-index: 999;
    padding: 10px 0 !important; margin-left: 0; border: 1px solid gainsboro; border-left: none;
    border-radius: 5px; background: #fff; box-shadow: 2px 2px 12px #00000012;
}
.widget ul.menu ul.sub-menu li { border-bottom: 1px solid #e5e5e5; }
.widget ul.menu > li.has-child:hover > .sub-menu,
.widget ul.menu > li.has-child ul li.has-child:hover > .sub-menu { display: block; }

/* Menu dọc trang chủ */
.menu-custom-mocmien {
    border: none !important; background: transparent !important; box-shadow: none !important;
    padding: 0 !important; margin: 0 !important; position: relative !important; z-index: 1000 !important;
}
.menu-custom-mocmien > ul, .menu-custom-mocmien .nav-vertical {
    background: #fff !important; border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 8px 8px !important; box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; overflow: visible !important;
}
.menu-custom-mocmien ul li, .menu-custom-mocmien .nav-vertical > li { position: relative !important; }
.menu-custom-mocmien ul li a {
    font: 600 14px/1.4 Tahoma, Verdana, sans-serif !important; color: #333 !important;
    padding: 11px 16px 11px 40px !important; position: relative !important;
    border-bottom: 1px dashed #e8e8e8 !important; display: block !important;
    transition: background-color .2s, color .2s !important;
}
.menu-custom-mocmien ul li a i, .menu-custom-mocmien ul li a::before {
    position: absolute !important; left: 14px !important; top: 50% !important;
    transform: translateY(-50%) !important; margin: 0 !important;
}
.menu-custom-mocmien ul li a:hover { background-color: #f0f7ff !important; color: #0066CC !important; }
.menu-custom-mocmien ul li:last-child a { border-bottom: none !important; }
.menu-custom-mocmien ul li ul, .menu-custom-mocmien ul li .sub-menu, .menu-custom-mocmien ul li .nav-dropdown {
    top: -1px !important; left: 100% !important; width: auto !important; min-width: max-content !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    padding: 0 !important; margin: 0 !important; border: 1px solid #e2e8f0 !important;
    border-radius: 0 8px 8px 8px !important; box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
    background: #fff !important; z-index: 1001 !important;
}
.menu-custom-mocmien ul li ul li a, .menu-custom-mocmien ul li .sub-menu li a, .menu-custom-mocmien ul li .nav-dropdown li a {
    padding: 10px 20px 10px 40px !important; white-space: nowrap !important; border-bottom: 1px dashed #e8e8e8 !important;
}
/* Giữ đúng hiển thị hiện tại: mục cuối của menu con không có gạch dưới.
   (Dòng .nav-dropdown đang bỏ gạch dưới cho MỌI mục trong bảng .nav-dropdown — xem ghi chú gửi kèm.) */
.menu-custom-mocmien ul li ul li:last-child a, .menu-custom-mocmien ul li .sub-menu li:last-child a,
.menu-custom-mocmien ul li .nav-dropdown li a:last-child { border-bottom: none !important; }

/* ---------- 5. Breadcrumb, tiêu đề mục, ảnh ---------- */
.breadcrumb, .breadcrumbs, nav.woocommerce-breadcrumb,
.breadcrumb a, .breadcrumb span,
nav.woocommerce-breadcrumb a, nav.woocommerce-breadcrumb span {
    text-transform: uppercase !important; font-weight: normal !important; letter-spacing: .5px !important;
}
.rank-math-breadcrumb p { margin-bottom: 5px; }
.section-title-center span {
    margin: 0; letter-spacing: 0; background: #1E88E5; padding: 6px 20px;
    border-radius: 20px; color: #fff; font-size: 20px; text-transform: uppercase;
}
.section-title b { background-color: #1E88E5; opacity: 1; }
.section-title-container { margin-bottom: 10px; }
.nut-xem-them { color: #1E88E5 !important; letter-spacing: 0; }
.img1 img { border-radius: 15px; }
.section1 .col { padding-bottom: 0 !important; }
.section2 { padding-top: 0 !important; }
.section2 .nhatdx-hotsale { margin-top: 10px; }

/* ---------- 6. Sản phẩm, cửa hàng ---------- */
.product-small.box { border: 1px solid #ebebeb; border-radius: 10px; }
.product-small .box-image { border-radius: 12px 12px 0 0; }
.product-small .product-title { margin-bottom: 10px; }
.product-small .product-title a { color: #1c1c1c; font-size: 15px; }
.product-small .product-title a:hover { color: #1E88E5; }
.archive h1.shop-page-title { letter-spacing: 0; color: #333; text-transform: uppercase; font-size: 20px; }
.category-page-row { padding-top: 20px; }
.archive .product-small .add_to_cart_button, .archive .product-small .button,
.category .product-small .add_to_cart_button, .category .product-small .button {
    border-radius: 20px !important; padding-left: 18px !important; padding-right: 18px !important;
    transition: all .3s ease !important;
}
.nav-pagination li a { border-radius: 10px !important; border: 1px solid #b5b5b5; font-weight: normal; }
.nav-pagination li span.current { border-radius: 10px !important; border: 1px solid #1E88E5; background: #1E88E5; }

.devvn_woocommerce_price_filter ul { border: 1px solid #d9d9d9; border-radius: 15px; margin-top: 15px !important; }
.devvn_woocommerce_price_filter ul li { padding: 0 10px; }
.devvn_woocommerce_price_filter ul li span.amount,
.devvn_woocommerce_price_filter ul li a { color: #333; font-weight: normal; font-size: 15px; }
.devvn_woocommerce_price_filter ul li a {
    padding-left: 26px; background-repeat: no-repeat; background-size: 21px; background-position: 0 center;
    background-image: url(/wp-content/uploads/2023/09/checkbox-empty-svgrepo-com.svg);
}
.devvn_woocommerce_price_filter ul li.active a { background-image: url(/wp-content/uploads/2023/09/checkbox-checked-svgrepo-com-1.svg); }
.devvn_woocommerce_price_filter ul li.active span { color: #1E88E5; font-weight: bold; }

.product_list_widget { border: 1px solid #d2d2d2; border-radius: 15px; margin-top: 15px !important; }
.product_list_widget .product-title { font-size: 15px; }
.product_list_widget .product-title:hover { color: #1E88E5; }
ul.product_list_widget span.amount { color: #1E88E5; }
ul.product_list_widget li img { margin-bottom: 0; margin-left: 10px; }

#product-sidebar { padding-left: 0; padding-top: 32px; }
.single-product .large-9 { border-right: none !important; }
.product-info h1.product-title { color: #333; font-size: 23px; }
.star-rating span:before { color: #FFC107; }
.woocommerce-review-link { font-size: 100%; color: #1E88E5; }
.product-info .price del bdi, .product-info .price { color: gray; font-size: 15px; font-weight: normal; }
.product-info .price span.amount, .product-info .price ins bdi { color: #1E88E5; font-weight: 700; font-size: 32px; white-space: nowrap; }
.product-short-description { border-top: 1px solid gray; padding-top: 10px; margin-top: 15px; font-size: 15px; color: gray; }
.single_add_to_cart_button { background: #1E88E5 !important; border-radius: 10px; text-transform: none; letter-spacing: 0; font-weight: normal; }
.product-main { padding-bottom: 20px; }
.product-footer .woocommerce-tabs { border-top: 0; padding: 0; }
.woocommerce-tabs ul li a {
    background: #1E88E5; padding: 5px 10px; border-radius: 9px; color: #fff;
    font-size: 15px; text-transform: none; letter-spacing: 0; font-weight: normal;
}
.woocommerce-tabs ul li.active a { background: #1565C0 !important; color: #fff !important; }
.single-product .tab-panels { border: 1px solid #ebebeb; padding: 15px; border-radius: 10px; margin-top: 15px; font-size: 15px; }
.single-product .tab-panels h2, .single-product .tab-panels h3, .single-product .tab-panels h4,
.single-product .tab-panels h5 { font-weight: normal; color: #4b4b4b; }
.single-product .tab-panels h2 { font-size: 20px; }
.single-product .tab-panels h3 { font-size: 19px; }
.single-product .tab-panels h4 { font-size: 18px; }
.single-product .tab-panels h5 { font-size: 17px; }
.related.product-section { border: 0; padding: 0; margin-top: 20px !important; }
.has-border { border: 0; padding: 0; }
#reviews .col { flex-basis: 100%; max-width: 100%; padding-bottom: 0; }
.comment-form { margin-bottom: 0; }
input[type=submit] { margin-bottom: 0; background: #1E88E5; border-radius: 10px; text-transform: none; letter-spacing: 0; font-weight: normal; }

/* ---------- 7. Blog ---------- */
.list-post .post-item .col-inner { border: 1px solid #dedede; border-radius: 10px; }
.list-post .post-item .box-image { border-radius: 10px 10px 0 0; }
.list-post .post-item .box-text { padding: 10px; }
.list-post .post-item .post-title {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    color: #333; font-size: 16px; margin-bottom: 10px;
}
.list-post .post-item .post-title:hover { color: #1E88E5; }
.list-post .post-item .from_the_blog_excerpt {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
    color: #333; font-size: 15px; margin-bottom: 10px;
}
.box-blog-post .is-divider { display: none; }
.blog-archive .large-3 { padding-right: 0 !important; }
.blog-archive .large-12 { padding-bottom: 0; text-align: left; }
.blog-archive .post-item .post-title { color: #333; margin-bottom: 10px; }
.blog-archive .post-item .post-title:hover { color: #1E88E5; }
.blog-archive .post-item .box-image .image-cover { border-radius: 15px; }
.archive h1.page-title { text-transform: none; letter-spacing: 0; font-size: 30px; font-weight: normal; margin-bottom: 19px; }
.blog-single .entry-title { font-size: 25px; margin-top: 10px; color: #333; }
.blog-single .blog-share { text-align: left; }
.blog-single .is-divider { display: none; }
.blog-single .large-3 { padding-right: 0 !important; }
.entry-content { padding-bottom: 0; padding-top: 0; }
.entry-header-text { padding: 10px 0; }
footer.entry-meta { font-size: 15px; }
.flatsome_recent_posts ul { border: 1px solid #dfdfdf; border-radius: 15px; margin-top: 15px !important; }
.recent-blog-posts { padding: 10px; }
.recent-blog-posts a { font-size: 15px; color: #333; }
.recent-blog-posts a:hover { color: #1E88E5; }
.xem-them { margin-top: 15px; }
.xem-them ul li { margin-bottom: 2px; margin-left: 15px; }
.xem-them ul li a { color: #333; font-size: 15px; }
.xem-them ul li a:hover { color: #1E88E5; }
.page-right-sidebar .large-9 { border-right: none !important; }
.page-right-sidebar .large-3 { border-left: none !important; padding-left: 0; }

/* ---------- 8. Giỏ hàng, thanh toán ---------- */
.widget_shopping_cart .button { margin: .5em 0 0; width: 100%; background: #1565C0; border-radius: 5px; text-transform: none; letter-spacing: 0; font-weight: normal; }
.widget_shopping_cart .button.checkout { background: #1E88E5; }
.widget_shopping_cart_content ul { border: none !important; }
.cart_totals .button { text-transform: none; letter-spacing: 0; border-radius: 5px; background: #1E88E5; }
.button-continue-shopping { border-radius: 5px; text-transform: none; letter-spacing: 0; font-weight: normal; color: #1E88E5; }
.shop_table thead th, .cart_totals th.product-name { border-width: 3px; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: normal; }
.form-row .fl-is-active select, .woocommerce-billing-fields input, .woocommerce-additional-fields textarea { box-shadow: none; border-radius: 5px; font-size: 15px; }
.woocommerce-checkout-payment button { background: #1E88E5 !important; border-radius: 5px; text-transform: none; letter-spacing: 0; font-weight: normal; }

/* ---------- 9. Chân trang ---------- */
/* Footer NhatDX: cột "Dịch vụ theo khu vực" hiển thị như cột link thường */
.nxft-lead:has(> ul) { background: none; border: 0; padding: 0; }
a.back-to-top { background: #1E88E5 !important; border: none !important; color: #fff !important; border-radius: 0 !important; }
.scroll-to-bullets a { background-color: #1E88E5; }
.scroll-to-bullets a.active { border-color: #1E88E5; }

/* Dự phòng: chân trang Flatsome cũ, chỉ có tác dụng khi tắt chân trang NhatDX */
.footer-secondary { padding: 0; }
.footer1 { padding-top: 0 !important; }
.footer1 .col, .footer-2 .col { padding-bottom: 0; }
.footer-2 h3 { font-size: 17px; margin-bottom: 15px; }
.footer-2 ul { margin-bottom: 0; }
.footer-2 ul li a:hover { color: #1E88E5; }
.absolute-footer { color: #fff !important; font-size: 15px; padding: 25px 0; }
.fb-footer-wrapper { width: 100%; max-width: 320px; margin-top: 10px; }
.fb-widget-heading {
    font: bold 16px/1.2 Tahoma, Verdana, sans-serif; color: #fff !important; text-transform: uppercase;
    margin-bottom: 10px; letter-spacing: .5px; position: relative; padding-bottom: 6px;
}
.fb-widget-heading::after { content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background-color: #1877f2; }
.fb-widget-content { background: #fff; padding: 6px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,.25); display: inline-block; width: 100%; box-sizing: border-box; overflow: hidden; }
.fb-widget-content iframe { width: 100% !important; height: 130px !important; border-radius: 8px; display: block; }

@media (max-width: 1024px) {
    #footer .footer-wrapper .col, #footer .footer-wrapper .col-inner,
    #footer .footer-1 .col, #footer .footer-1 .col-inner,
    #footer .footer-2 .col, #footer .footer-2 .col-inner {
        margin-left: 0 !important; margin-right: 0 !important;
        padding-left: 15px !important; padding-right: 15px !important;
    }
    #footer .widget-title, #footer .widget > h3, #footer .widget > .widget-title { margin-left: 0 !important; padding-left: 0 !important; text-align: left !important; }
    #footer .widget ul, #footer .widget ol, #footer .textwidget ul { margin-left: 0 !important; padding-left: 18px !important; }
    #footer .widget li { margin-left: 0 !important; }
    #footer .social-icons, #footer .footer-1 .social-icons,
    #footer .footer-2 .social-icons, #footer .widget .social-icons {
        display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px;
        margin-left: 0 !important; padding-left: 0 !important;
    }
    #footer .social-icons a, #footer .social-icons .button, #footer .social-icons .icon { flex: 0 0 auto !important; margin: 0 !important; }
    #footer .footer-wrapper img { max-width: 100% !important; height: auto !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #footer .footer-wrapper > .row > .col, #footer .footer-1 > .row > .col, #footer .footer-2 > .row > .col {
        flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; margin-bottom: 22px !important;
    }
    #footer .widget-title { margin-bottom: 10px !important; }
}
@media (max-width: 767px) {
    #footer .footer-wrapper > .row > .col, #footer .footer-1 > .row > .col, #footer .footer-2 > .row > .col {
        flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-bottom: 18px !important;
    }
    #footer .widget-title { margin-bottom: 8px !important; font-size: 15px !important; }
    #footer .widget li { line-height: 1.7 !important; }
}

/* ---------- 10. Điện thoại, máy tính bảng (giao diện Flatsome) ---------- */
@media (max-width: 849px) {
    .header-main { box-shadow: 2px 2px 20px #00000026; }
    .off-canvas .nav-vertical > li > a { padding-top: 13px; padding-bottom: 13px; text-transform: none; letter-spacing: 0; font-size: 16px; color: #333; font-weight: normal; }
    .off-canvas .nav-vertical li li > a { padding-top: 3px; padding-bottom: 3px; font-size: 15px; color: #333; }
    .sidebar-wrapper .widget_nav_menu { margin-left: 0 !important; }
    .widget ul.menu ul.sub-menu {
        display: none; position: inherit; width: 100%; min-height: 100%; line-height: 26px;
        padding: 10px 0 !important; margin-left: 0; border: 0; border-radius: 0;
        background: #e4e4e4; box-shadow: 2px 2px 12px #00000012;
    }
    .widget .toggle { display: none; }
    .section-title-center span { font-size: 17px; }
    .footer1 .col { flex-basis: 33.33%; max-width: 33.33%; }
    .footer-2 .col { flex-basis: 100%; max-width: 100%; padding-bottom: 15px; }
    .footer-2 ul li { margin-bottom: 5px; }
    .footer-2 ul li a { font-size: 15px; }
    .page-right-sidebar .large-3 { padding-left: 15px; }
    .filter-button { display: inline-block; margin-top: .5em; letter-spacing: 0; text-transform: none; }
    .product-small.col { padding: 0 5px 10px; }
    .product-info .price { margin: 25px 0; }
    form { margin-bottom: 0; }
    .blog-archive .post-item .post-title { font-size: 16px; }
    .blog-archive .large-3, .blog-single .large-3 { padding-right: 15px !important; }
    .blog-single .entry-title { font-size: 20px; }
    .menu-vertical-menu-container { border: none; }
    .menu-vertical-menu-container ul {
        display: flex; flex-direction: row; flex-wrap: nowrap; flex-grow: 1;
        align-items: center; align-content: center; justify-content: flex-start;
        white-space: nowrap; overflow: auto; max-width: 100%; float: right; margin: 0;
    }
    .menu-vertical-menu-container li { margin: 0 5px !important; border-top: none !important; }
    .menu-vertical-menu-container li a { font-size: 15px !important; background-image: none; border: 1px solid lightgrey; border-radius: 20px; padding: 5px 10px !important; }
    .menu-vertical-menu-container ul ul { display: none !important; }
}

/* =====================================================================
   TRANG CHỦ + TRANG NỘI DUNG (bộ nx_* / sv_*)
   ===================================================================== */

/* --- Nút dùng chung --- */
a.mm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none!important;border:1px solid transparent!important;transition:transform .2s,background .2s;white-space:nowrap}
a.mm-btn.is-gold{background:linear-gradient(135deg,#B8924A,#E6CD93 55%,#C9A45C);color:#0F1E3A!important;box-shadow:0 10px 22px rgba(184,146,74,.28)}
a.mm-btn.is-gold:hover{transform:translateY(-2px)}
a.mm-btn.is-line{background:#fff;color:#0F1E3A!important;border-color:rgba(184,146,74,.6)!important}
a.mm-btn.is-line:hover{background:#FBF8F1}
a.mm-btn.is-ghost{background:transparent;color:#fff!important;border-color:rgba(230,205,147,.55)!important}
a.mm-btn.is-ghost:hover{background:rgba(255,255,255,.08)}
.mm-btns{display:flex;flex-wrap:wrap;gap:12px}
.mm-kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#B8924A;margin-bottom:10px}

/* --- Khối giới thiệu dưới H1 --- */
.mm-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:stretch;margin:22px 0 14px;text-align:left}
.mm-intro-main{display:flex;flex-direction:column;justify-content:center}
.mm-statement{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.25;color:#0F1E3A;margin:0 0 16px}
.mm-lead{font-size:16.5px;line-height:1.8;color:#2d3748;margin:0 0 10px}
.mm-lead strong{color:#0F1E3A}
.mm-sublead{font-size:15px;line-height:1.75;color:#5b6475;margin:0 0 22px;padding-left:14px;border-left:2px solid #C9A45C}
/* Nền navy có sọc mờ: dùng chung cho khối số liệu và thẻ form FAQ */
.mm-stats,.mm-faq-card{background:radial-gradient(130% 150% at 0% 0%,#1d3563 0%,#0F1E3A 55%,#0b1730 100%);overflow:hidden}
.mm-stats::before,.mm-faq-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(135deg,#E6CD93 0 1px,transparent 1px 16px)}
.mm-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:20px}
.mm-stat{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.6vw,34px)}
.mm-stat:nth-child(odd){border-right:1px solid rgba(230,205,147,.18)}
.mm-stat:nth-child(-n+2){border-bottom:1px solid rgba(230,205,147,.18)}
.mm-stat b{font-family:"Playfair Display",Georgia,serif;font-size:clamp(28px,2.8vw,40px);font-weight:700;line-height:1.1;color:#E6CD93}
.mm-stat span{margin-top:8px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.78)}

/* --- Khối nx_* trên trang chủ rộng bằng khung web --- */
.mm-home-nx .nx-page{max-width:none;margin:0;padding:0}
.mm-home-nx .nx-page .nx-sec{padding:0;margin:0 0 8px;border-radius:0;background:none}
.mm-home-nx .nx-page .nx-sec-body > p,
.mm-home-nx .nx-page .nx-sec-body > ul,
.mm-home-nx .nx-page .nx-sec-body > ol{max-width:none}

/* --- Ghi chú dưới quy trình --- */
.mm-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:40px 0 6px;padding:22px 28px;background:#FBF8F1;border:1px solid #ECE4D3;border-left:3px solid #C9A45C;border-radius:16px;text-align:left}
.mm-note p{margin:0!important;font-size:15.5px;line-height:1.75;color:#2d3748;max-width:860px}

/* --- Khu vực phục vụ --- */
.mm-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}
.mm-area{position:relative;padding:26px 26px 24px;background:#fff;border:1px solid #ECE4D3;border-radius:18px;transition:border-color .2s,box-shadow .2s}
.mm-area:hover{border-color:#C9A45C;box-shadow:0 14px 30px rgba(15,30,58,.07)}
.mm-area-no{display:block;font-family:"Playfair Display",Georgia,serif;font-size:30px;font-weight:700;line-height:1;color:#C9A45C;margin-bottom:12px}
.mm-area h3{margin:0 0 8px;font-size:20px;line-height:1.3;color:#0F1E3A}
.mm-area p{margin:0!important;font-size:15px;line-height:1.7;color:#5b6475}

/* --- FAQ + form gửi yêu cầu tư vấn --- */
.mm-faq-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:stretch;text-align:left}
.mm-faq-wrap .nx-faqs{max-width:none;margin:0}
.mm-faq-card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px 30px 22px;border-radius:20px;color:rgba(255,255,255,.8)}
.mm-faq-card > *{position:relative}
.mm-faq-card .mm-kicker{color:#E6CD93}
.mm-faq-card p.mm-faq-card-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.25;color:#fff;margin:0 0 18px!important}
.mm-faq-card .mm-faq-form.nxlf{max-width:none;background:transparent;border:0;box-shadow:none;border-radius:0}
.mm-faq-card .mm-faq-form .nxlf-body{padding:0}
.mm-faq-card .mm-faq-form .nxlf-field{margin-bottom:10px}
.mm-faq-card .mm-faq-form .nxlf-field textarea{min-height:84px!important;height:84px}
.mm-faq-card .mm-faq-form .nxlf-field input,
.mm-faq-card .mm-faq-form .nxlf-field textarea{background:rgba(255,255,255,.96)!important;border-color:transparent!important}
.mm-faq-card .mm-faq-form .nxlf-field input:focus,
.mm-faq-card .mm-faq-form .nxlf-field textarea:focus{background:#fff!important;border-color:#C9A45C!important}
.mm-faq-card .mm-faq-form .nxlf-submit{min-height:50px;border-radius:999px!important;background:linear-gradient(135deg,#B8924A,#E6CD93 55%,#C9A45C)!important;color:#0F1E3A!important;box-shadow:0 10px 22px rgba(184,146,74,.3)!important}
.mm-faq-card .mm-faq-form .nxlf-msg.is-ok{color:#9be3b4}
.mm-faq-card .mm-faq-form .nxlf-msg.is-err{color:#ffb4a8}
.mm-faq-card p.mm-faq-card-alt{margin:12px 0 0!important;font-size:14px;line-height:1.6;color:rgba(255,255,255,.7);text-align:center}
.mm-faq-card p.mm-faq-card-alt a{color:#E6CD93!important;font-weight:700;text-decoration:none!important;border:0!important}

/* --- Đồng bộ chiều rộng trang nội dung --- */
.svp,.nx-page{max-width:1420px;padding-left:20px;padding-right:20px;box-sizing:border-box}
/* Khối thẻ ảnh sv_* có từ 5 thẻ trở lên: xếp lưới 3 cột */
.svp-projs:has(> .svp-proj:nth-child(5)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}

/* --- Điện thoại / máy tính bảng (trang chủ + trang nội dung) --- */
@media(max-width:849px){
  .mm-intro,.mm-faq-wrap,.mm-areas{grid-template-columns:1fr}
  .mm-note{flex-direction:column;align-items:flex-start;padding:20px}
  a.mm-btn{flex:1 1 100%}
  .svp,.nx-page{padding-left:14px;padding-right:14px}
  .svp-projs:has(> .svp-proj:nth-child(5)){grid-template-columns:1fr}
}

.mm-area p a{color:#B8924A!important;font-weight:600;white-space:nowrap}

/* Khối Trước / Sau trên trang công trình */
.mm-ba .nx-proj-media{aspect-ratio:16/10}
.mm-ba .nx-proj-media::before{content:"TRƯỚC";position:absolute;left:12px;top:12px;z-index:2;padding:5px 14px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:1.5px;background:rgba(15,30,58,.78);color:#fff}
.mm-ba .nx-proj:nth-child(2) .nx-proj-media::before{content:"SAU";background:linear-gradient(135deg,#B8924A,#E6CD93);color:#0F1E3A}
/* Link trong đoạn "Lắp đặt tận nơi" (sản phẩm) và đoạn cuối bài blog: cùng kiểu link nội bộ */
.mm-lapdat a,.mm-lapdat-note a{color:#0F1E3A!important;font-weight:700!important;text-decoration:none!important;border-bottom:1px solid rgba(201,164,92,.85)!important;transition:color .15s,border-color .15s}
.mm-lapdat a:hover,.mm-lapdat-note a:hover{color:#A8843F!important;border-bottom-color:#A8843F!important}

/* In đậm liên kết nội bộ trong nội dung bài viết */
.single-post .entry-content a[href*="mocmiendecor.com"]:not(.button):not(.icon):not(:has(img)),
.single-post .entry-content a[href^="/"]:not(.button):not(.icon):not(:has(img)),
.single-post .entry-content a.nxil-link{
  font-weight:700!important;
}

/* Khối "Bài viết liên quan" cuối các bài khóa thông minh */
.mm-related{margin:28px 0 18px;padding:18px 22px 12px;border:1px solid #E9E1CF;border-left:4px solid #C9A45C;border-radius:12px;background:#F7F3EA}
.mm-related .mm-related-t{margin:0 0 10px!important;font-weight:800;color:#0F1E3A;font-size:15px;text-transform:uppercase;letter-spacing:1px}
.mm-related ul{margin:0!important;padding:0!important;list-style:none!important}
.mm-related ul li{position:relative;list-style:none!important;margin:0 0 9px!important;padding-left:18px;line-height:1.5}
.mm-related ul li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:#C9A45C}
.mm-related a{color:#0F1E3A!important;font-weight:700!important;text-decoration:none!important;border-bottom:1px solid rgba(201,164,92,.6)}
.mm-related a:hover{color:#A8843F!important;border-bottom-color:#A8843F}