body.mocnhat-dark-page-template{
  background:radial-gradient(circle at top, rgba(110,59,35,.18), transparent 28%), linear-gradient(180deg,#120d0b 0%,#0f0b0a 100%)!important;
  color:#f6ead8;
}
body.mocnhat-dark-page-template #wrapper,
body.mocnhat-dark-page-template #main,
body.mocnhat-dark-page-template .page-wrapper,
body.mocnhat-dark-page-template .page-content,
body.mocnhat-dark-page-template .page-inner{background:transparent!important;margin:0!important;padding:0!important;}
body.mocnhat-dark-page-template .featured-title,
body.mocnhat-dark-page-template .page-title,
body.mocnhat-dark-page-template .entry-header,
body.mocnhat-dark-page-template .page-header{display:none!important;}
body.mocnhat-dark-page-template .dark-page-main{padding-bottom:30px;}
body.mocnhat-dark-page-template .page-hero{padding:34px 0 22px;}
body.mocnhat-dark-page-template .page-hero-shell{min-height:360px;border:1px solid rgba(200,155,90,.18);border-radius:28px;background-size:cover;background-position:center;box-shadow:0 20px 60px rgba(0,0,0,.45);display:flex;align-items:flex-end;overflow:hidden;}
body.mocnhat-dark-page-template .page-hero-copy{padding:42px;max-width:760px;}
body.mocnhat-dark-page-template .page-title{display:block!important;margin:0 0 14px!important;font-family:"Playfair Display", Georgia, serif!important;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;color:#f6ead8;}
body.mocnhat-dark-page-template .page-intro{max-width:720px;color:#d4c0a1;font-size:1.04rem;line-height:1.8;margin:0 0 24px;}
body.mocnhat-dark-page-template .dark-page-section{padding:18px 0 26px;}
body.mocnhat-dark-page-template .dark-page-box{background:linear-gradient(180deg, rgba(30,20,16,.92), rgba(18,12,10,.96));border:1px solid rgba(200,155,90,.16);border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.35);color:#f6ead8;}
body.mocnhat-dark-page-template .dark-page-box h1,
body.mocnhat-dark-page-template .dark-page-box h2,
body.mocnhat-dark-page-template .dark-page-box h3,
body.mocnhat-dark-page-template .dark-page-box h4{font-family:"Playfair Display", Georgia, serif!important;color:#f6ead8;}
body.mocnhat-dark-page-template .dark-page-box p,
body.mocnhat-dark-page-template .dark-page-box li{color:#d4c0a1;line-height:1.9;}
body.mocnhat-dark-page-template .dark-page-box a{color:#f0d8ae;}
body.mocnhat-dark-page-template .dark-page-box ul{padding-left:20px;}
body.mocnhat-dark-page-template .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
@media (max-width:980px){body.mocnhat-dark-page-template .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}body.mocnhat-dark-page-template .page-hero-copy{padding:28px;}}
@media (max-width:640px){body.mocnhat-dark-page-template .grid-4{grid-template-columns:1fr;}body.mocnhat-dark-page-template .page-hero-shell{min-height:300px;}}

/* ===== MỘC NHẬT V8.4.5 — BLOG / ARTICLE DARK LUXURY ===== */
body.mocnhat-blog-dark{
  --mn-blog-bg:#0b0706;
  --mn-blog-panel:#160f0d;
  --mn-blog-panel-2:#100b09;
  --mn-blog-line:rgba(200,155,90,.22);
  --mn-blog-gold:#e8cb80;
  --mn-blog-gold-soft:#f3dfb8;
  --mn-blog-text:#ead9bd;
  --mn-blog-muted:#bda98a;
  background:
    radial-gradient(circle at 50% 0,rgba(113,62,35,.22),transparent 34%),
    linear-gradient(180deg,#0d0908 0%,#090605 100%)!important;
  color:var(--mn-blog-text)!important;
}

/* Hide Flatsome's original white header. The child-theme luxury header is injected by functions.php. */
body.mocnhat-blog-dark #header,
body.mocnhat-blog-dark .header-wrapper,
body.mocnhat-blog-dark .header-bg-container,
body.mocnhat-blog-dark .header-main,
body.mocnhat-blog-dark .top-bar-nav{
  display:none!important;
}
body.mocnhat-blog-dark .site-header,
body.mocnhat-blog-dark .site-header .header-main{
  display:block!important;
}
body.mocnhat-blog-dark .mocnhat-store-spacer{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

body.mocnhat-blog-dark #wrapper,
body.mocnhat-blog-dark #main,
body.mocnhat-blog-dark .page-wrapper,
body.mocnhat-blog-dark .blog-wrapper,
body.mocnhat-blog-dark .blog-archive,
body.mocnhat-blog-dark .row,
body.mocnhat-blog-dark .col,
body.mocnhat-blog-dark article,
body.mocnhat-blog-dark .article-inner{
  background:transparent!important;
}

body.mocnhat-blog-dark #main{
  min-height:70vh!important;
  padding:38px 0 72px!important;
}
body.mocnhat-blog-dark .blog-wrapper,
body.mocnhat-blog-dark .page-wrapper{
  padding:0 16px!important;
}
body.mocnhat-blog-dark .blog-wrapper > .row,
body.mocnhat-blog-dark .row.row-large,
body.mocnhat-blog-dark .row.row-divided{
  width:100%!important;
  max-width:1040px!important;
  margin:0 auto!important;
  border:0!important;
}
body.mocnhat-blog-dark .post-sidebar,
body.mocnhat-blog-dark #secondary,
body.mocnhat-blog-dark .large-3.col,
body.mocnhat-blog-dark .is-divider.vertical{
  display:none!important;
}
body.mocnhat-blog-dark .large-9.col,
body.mocnhat-blog-dark .large-10.col,
body.mocnhat-blog-dark .large-12.col,
body.mocnhat-blog-dark .col.post-item{
  width:100%!important;
  max-width:100%!important;
  flex-basis:100%!important;
  padding:0!important;
}

body.mocnhat-blog-dark article.post,
body.mocnhat-blog-dark .post-item .col-inner{
  overflow:hidden!important;
  border:1px solid var(--mn-blog-line)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(28,18,15,.96),rgba(14,9,8,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}
body.mocnhat-blog-dark article.post .article-inner{
  padding:0!important;
}
body.mocnhat-blog-dark .entry-header{
  display:block!important;
  padding:42px 44px 24px!important;
  text-align:center!important;
  border:0!important;
}
body.mocnhat-blog-dark .entry-category,
body.mocnhat-blog-dark .entry-category a,
body.mocnhat-blog-dark .cat-links,
body.mocnhat-blog-dark .cat-links a{
  color:var(--mn-blog-gold)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body.mocnhat-blog-dark .entry-title,
body.mocnhat-blog-dark h1.entry-title{
  max-width:880px!important;
  margin:12px auto 18px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(2rem,5vw,3.8rem)!important;
  line-height:1.14!important;
  letter-spacing:-.025em!important;
  color:#f7ead6!important;
  text-align:center!important;
}
body.mocnhat-blog-dark .entry-divider,
body.mocnhat-blog-dark .is-divider{
  width:58px!important;
  height:2px!important;
  margin:18px auto!important;
  background:linear-gradient(90deg,transparent,var(--mn-blog-gold),transparent)!important;
  border:0!important;
}
body.mocnhat-blog-dark .entry-meta,
body.mocnhat-blog-dark .entry-meta a,
body.mocnhat-blog-dark .posted-on,
body.mocnhat-blog-dark .byline{
  color:var(--mn-blog-muted)!important;
}

body.mocnhat-blog-dark .entry-image,
body.mocnhat-blog-dark .post-thumbnail,
body.mocnhat-blog-dark .article-inner > a{
  display:block!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 44px!important;
}
body.mocnhat-blog-dark .entry-image img,
body.mocnhat-blog-dark .post-thumbnail img,
body.mocnhat-blog-dark .article-inner > a img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:620px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border:1px solid rgba(200,155,90,.18)!important;
  border-radius:20px!important;
  background:#0d0908!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
}
body.mocnhat-blog-dark .badge.post-date,
body.mocnhat-blog-dark .post-date{
  border:1px solid rgba(232,203,128,.46)!important;
  background:rgba(15,10,8,.94)!important;
  color:var(--mn-blog-gold-soft)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34)!important;
}

body.mocnhat-blog-dark .entry-content,
body.mocnhat-blog-dark .single-page,
body.mocnhat-blog-dark .article-inner .entry-content{
  max-width:900px!important;
  margin:0 auto!important;
  padding:38px 44px 52px!important;
  color:var(--mn-blog-text)!important;
  font-size:17px!important;
  line-height:1.9!important;
}
body.mocnhat-blog-dark .entry-content p,
body.mocnhat-blog-dark .entry-content li,
body.mocnhat-blog-dark .entry-content blockquote{
  color:var(--mn-blog-text)!important;
}
body.mocnhat-blog-dark .entry-content h2,
body.mocnhat-blog-dark .entry-content h3,
body.mocnhat-blog-dark .entry-content h4{
  margin-top:1.55em!important;
  color:#f5e6cf!important;
  font-family:"Playfair Display",Georgia,serif!important;
  line-height:1.25!important;
}
body.mocnhat-blog-dark .entry-content h2{font-size:clamp(1.7rem,4vw,2.45rem)!important;}
body.mocnhat-blog-dark .entry-content h3{font-size:clamp(1.4rem,3vw,1.9rem)!important;}
body.mocnhat-blog-dark .entry-content a{color:var(--mn-blog-gold)!important;text-decoration-color:rgba(232,203,128,.38)!important;}
body.mocnhat-blog-dark .entry-content img{
  border-radius:18px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
body.mocnhat-blog-dark .entry-content blockquote{
  margin:28px 0!important;
  padding:20px 24px!important;
  border-left:3px solid var(--mn-blog-gold)!important;
  border-radius:0 16px 16px 0!important;
  background:rgba(255,255,255,.035)!important;
}
body.mocnhat-blog-dark .entry-content table{
  overflow:hidden!important;
  border:1px solid var(--mn-blog-line)!important;
  border-radius:14px!important;
  color:var(--mn-blog-text)!important;
}
body.mocnhat-blog-dark .entry-content th,
body.mocnhat-blog-dark .entry-content td{border-color:rgba(200,155,90,.16)!important;}

body.mocnhat-blog-dark .navigation-post,
body.mocnhat-blog-dark .comments-area,
body.mocnhat-blog-dark .related-posts{
  max-width:900px!important;
  margin:28px auto 0!important;
  padding:26px!important;
  border:1px solid var(--mn-blog-line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(27,18,15,.94),rgba(14,9,8,.97))!important;
  color:var(--mn-blog-text)!important;
}
body.mocnhat-blog-dark input,
body.mocnhat-blog-dark textarea,
body.mocnhat-blog-dark select{
  border:1px solid rgba(200,155,90,.25)!important;
  border-radius:12px!important;
  background:#0e0908!important;
  color:#f5e6cf!important;
}

body.mocnhat-blog-dark #footer,
body.mocnhat-blog-dark .footer-wrapper,
body.mocnhat-blog-dark .absolute-footer{
  border-top:1px solid rgba(200,155,90,.14)!important;
  background:#080504!important;
  color:var(--mn-blog-muted)!important;
}

/* Blog archive cards. */
body.mocnhat-blog-dark.blog .post-item .col-inner,
body.mocnhat-blog-dark.archive .post-item .col-inner{
  height:100%!important;
}
body.mocnhat-blog-dark .post-item .box-text{
  padding:20px!important;
  background:transparent!important;
  color:var(--mn-blog-text)!important;
}
body.mocnhat-blog-dark .post-item .post-title,
body.mocnhat-blog-dark .post-item .post-title a{
  color:#f4e4ca!important;
  font-family:"Playfair Display",Georgia,serif!important;
}

@media (max-width:849px){
  body.mocnhat-blog-dark #main{padding:22px 0 48px!important;}
  body.mocnhat-blog-dark .blog-wrapper,
  body.mocnhat-blog-dark .page-wrapper{padding:0 12px!important;}
  body.mocnhat-blog-dark article.post,
  body.mocnhat-blog-dark .post-item .col-inner{border-radius:20px!important;}
  body.mocnhat-blog-dark .entry-header{padding:28px 20px 18px!important;}
  body.mocnhat-blog-dark .entry-title,
  body.mocnhat-blog-dark h1.entry-title{
    font-size:clamp(1.8rem,8vw,2.65rem)!important;
    line-height:1.16!important;
  }
  body.mocnhat-blog-dark .entry-image,
  body.mocnhat-blog-dark .post-thumbnail,
  body.mocnhat-blog-dark .article-inner > a{padding:0 16px!important;}
  body.mocnhat-blog-dark .entry-image img,
  body.mocnhat-blog-dark .post-thumbnail img,
  body.mocnhat-blog-dark .article-inner > a img{
    max-height:430px!important;
    border-radius:16px!important;
  }
  body.mocnhat-blog-dark .entry-content,
  body.mocnhat-blog-dark .single-page,
  body.mocnhat-blog-dark .article-inner .entry-content{
    padding:28px 20px 38px!important;
    font-size:16px!important;
    line-height:1.82!important;
  }
  body.mocnhat-blog-dark .navigation-post,
  body.mocnhat-blog-dark .comments-area,
  body.mocnhat-blog-dark .related-posts{
    margin:18px 12px 0!important;
    padding:20px!important;
  }
}

/* ===== MỘC NHẬT V8.4.7 — MOBILE MENU DARK LUXURY COLOR FIX ===== */
@media (max-width:1050px){
  body .site-header .header-bottom,
  body .mocnhat-store-header .header-bottom{
    display:none!important;
  }

  body .site-header .header-bottom.is-open,
  body .mocnhat-store-header .header-bottom.is-open{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-top:1px solid rgba(200,155,90,.12)!important;
    border-bottom:1px solid rgba(200,155,90,.16)!important;
    background:#0a0605!important;
    background-color:#0a0605!important;
    background-image:linear-gradient(180deg,#0d0807 0%,#080504 100%)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
    opacity:1!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  body .site-header .header-bottom.is-open .container,
  body .site-header .header-bottom.is-open .header-bottom-inner,
  body .site-header .header-bottom.is-open .primary-nav,
  body .site-header .header-bottom.is-open .primary-nav>ul,
  body .site-header .header-bottom.is-open .primary-nav ul,
  body .mocnhat-store-header .header-bottom.is-open .container,
  body .mocnhat-store-header .header-bottom.is-open .header-bottom-inner,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav>ul,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav ul{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    background:#0a0605!important;
    background-color:#0a0605!important;
    background-image:none!important;
    color:#f4e4ca!important;
    opacity:1!important;
    box-shadow:none!important;
  }

  body .site-header .header-bottom.is-open .header-bottom-inner,
  body .mocnhat-store-header .header-bottom.is-open .header-bottom-inner{
    display:block!important;
    padding:7px 20px 10px!important;
  }

  body .site-header .header-bottom.is-open .primary-nav>ul,
  body .site-header .header-bottom.is-open .primary-nav ul,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav>ul,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body .site-header .header-bottom.is-open .primary-nav li,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(200,155,90,.12)!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body .site-header .header-bottom.is-open .primary-nav li:last-child,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav li:last-child{
    border-bottom:0!important;
  }

  body .site-header .header-bottom.is-open .primary-nav a,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:13px 6px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#f2dfbd!important;
    opacity:1!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    filter:none!important;
    -webkit-text-fill-color:#f2dfbd!important;
  }

  body .site-header .header-bottom.is-open .primary-nav a:hover,
  body .site-header .header-bottom.is-open .primary-nav .current-menu-item>a,
  body .site-header .header-bottom.is-open .primary-nav .current-menu-parent>a,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav a:hover,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav .current-menu-item>a,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav .current-menu-parent>a{
    padding-left:12px!important;
    background:rgba(200,155,90,.10)!important;
    color:#f7ead6!important;
    -webkit-text-fill-color:#f7ead6!important;
  }

  body .site-header .header-bottom.is-open .primary-nav .sub-menu,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 4px 14px!important;
    transform:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body .site-header .header-bottom.is-open .primary-nav .sub-menu a,
  body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu a{
    min-height:40px!important;
    padding:10px 6px!important;
    color:#d8c19c!important;
    -webkit-text-fill-color:#d8c19c!important;
    font-size:14px!important;
    font-weight:500!important;
  }
}

/* ===== MỘC NHẬT V8.4.8 — DESKTOP DARK LUXURY SYNC ONLY =====
   Chỉ áp dụng từ 1051px trở lên. Không thay đổi giao diện mobile/tablet. */
@media (min-width:1051px){
  html body .site-header.site-header-v53,
  html body .site-header.site-header-v53.mocnhat-store-header,
  html body.mocnhat-home-v53 .site-header,
  html body.mocnhat-blog-dark .site-header,
  html body.mocnhat-store-v66 .site-header{
    background:#090605!important;
    background-color:#090605!important;
    background-image:linear-gradient(180deg,#0b0706 0%,#080504 100%)!important;
    border-bottom:1px solid rgba(200,155,90,.16)!important;
    color:#f2dfbd!important;
    box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
    filter:none!important;
  }

  html body .site-header.site-header-v53 .header-top,
  html body .site-header.site-header-v53 .header-top-inner,
  html body .site-header.site-header-v53 .header-top>.container,
  html body .site-header.site-header-v53 .header-actions,
  html body .site-header.site-header-v53.mocnhat-store-header .header-top,
  html body .site-header.site-header-v53.mocnhat-store-header .header-top-inner,
  html body .site-header.site-header-v53.mocnhat-store-header .header-top>.container{
    background:#090605!important;
    background-color:#090605!important;
    background-image:none!important;
    color:#f2dfbd!important;
    border-color:rgba(200,155,90,.12)!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
  }

  html body .site-header.site-header-v53 .site-brand,
  html body .site-header.site-header-v53 .site-tagline,
  html body .site-header.site-header-v53 .header-phone,
  html body .site-header.site-header-v53 .header-phone strong{
    color:#f2dfbd!important;
    -webkit-text-fill-color:#f2dfbd!important;
  }

  html body .site-header.site-header-v53 .header-search-form{
    background:#120d0b!important;
    background-color:#120d0b!important;
    background-image:none!important;
    border:1px solid rgba(200,155,90,.24)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
  }
  html body .site-header.site-header-v53 .header-search-input,
  html body .site-header.site-header-v53 .header-search-icon{
    color:#d9c3a1!important;
    -webkit-text-fill-color:#d9c3a1!important;
  }
  html body .site-header.site-header-v53 .header-search-input::placeholder{
    color:#bca989!important;
    opacity:1!important;
    -webkit-text-fill-color:#bca989!important;
  }
  html body .site-header.site-header-v53 .header-search-submit{
    background:#2b2119!important;
    background-color:#2b2119!important;
    color:#f1d69e!important;
    -webkit-text-fill-color:#f1d69e!important;
    border:0!important;
  }

  html body .site-header.site-header-v53 .header-phone{
    background:#120d0b!important;
    border:1px solid rgba(200,155,90,.22)!important;
  }
  html body .site-header.site-header-v53 .btn-primary{
    background:linear-gradient(135deg,#d3a856 0%,#f0cf87 55%,#d6a958 100%)!important;
    color:#1b130d!important;
    -webkit-text-fill-color:#1b130d!important;
    border:0!important;
    box-shadow:0 10px 26px rgba(200,155,90,.18)!important;
  }

  html body .site-header.site-header-v53 .header-bottom,
  html body .site-header.site-header-v53 .header-bottom>.container,
  html body .site-header.site-header-v53 .header-bottom-inner,
  html body .site-header.site-header-v53 .primary-nav,
  html body .site-header.site-header-v53 .primary-nav>ul,
  html body .site-header.site-header-v53 .primary-nav ul{
    background:#0c0807!important;
    background-color:#0c0807!important;
    background-image:none!important;
    color:#ead8ba!important;
    border-color:rgba(200,155,90,.14)!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
  }
  html body .site-header.site-header-v53 .header-bottom{
    border-top:1px solid rgba(255,255,255,.025)!important;
    border-bottom:1px solid rgba(200,155,90,.14)!important;
  }
  html body .site-header.site-header-v53 .primary-nav a{
    background:transparent!important;
    color:#e7d4b4!important;
    -webkit-text-fill-color:#e7d4b4!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  html body .site-header.site-header-v53 .primary-nav a:hover,
  html body .site-header.site-header-v53 .primary-nav .current-menu-item>a,
  html body .site-header.site-header-v53 .primary-nav .current-menu-parent>a{
    color:#f3dfb8!important;
    -webkit-text-fill-color:#f3dfb8!important;
  }

  /* Đồng bộ vùng widget footer của trang bài viết, bỏ dải nền trắng Flatsome. */
  html body.mocnhat-blog-dark #footer,
  html body.mocnhat-blog-dark .footer-wrapper,
  html body.mocnhat-blog-dark .footer,
  html body.mocnhat-blog-dark .footer-1,
  html body.mocnhat-blog-dark .footer-2,
  html body.mocnhat-blog-dark .footer-widgets,
  html body.mocnhat-blog-dark .footer-secondary,
  html body.mocnhat-blog-dark .absolute-footer,
  html body.mocnhat-blog-dark #footer .container,
  html body.mocnhat-blog-dark #footer .row,
  html body.mocnhat-blog-dark #footer .col{
    background:#090605!important;
    background-color:#090605!important;
    background-image:linear-gradient(180deg,#0d0908 0%,#080504 100%)!important;
    color:#cdbb9c!important;
    border-color:rgba(200,155,90,.14)!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  html body.mocnhat-blog-dark #footer .widget,
  html body.mocnhat-blog-dark #footer .widget-title,
  html body.mocnhat-blog-dark #footer h1,
  html body.mocnhat-blog-dark #footer h2,
  html body.mocnhat-blog-dark #footer h3,
  html body.mocnhat-blog-dark #footer h4,
  html body.mocnhat-blog-dark #footer p,
  html body.mocnhat-blog-dark #footer li,
  html body.mocnhat-blog-dark #footer span{
    color:#d8c5a5!important;
    -webkit-text-fill-color:#d8c5a5!important;
  }
  html body.mocnhat-blog-dark #footer a{
    color:#ead7b6!important;
    -webkit-text-fill-color:#ead7b6!important;
  }
  html body.mocnhat-blog-dark #footer a:hover{
    color:#f3dfb8!important;
    -webkit-text-fill-color:#f3dfb8!important;
  }
}

/* ===== MỘC NHẬT V8.4.9 — DESKTOP PRICE VISIBILITY + CLEAN NAV =====
   Chỉ áp dụng desktop từ 1051px. Không tác động mobile/tablet. */
@media (min-width:1051px){
  /* Xóa toàn bộ vạch ngắn/pseudo-element của menu Flatsome và menu tùy biến. */
  html body .site-header.site-header-v53 .primary-nav > ul > li::before,
  html body .site-header.site-header-v53 .primary-nav > ul > li::after,
  html body .site-header.site-header-v53 .primary-nav > ul > li > a::before,
  html body .site-header.site-header-v53 .primary-nav > ul > li > a::after,
  html body .site-header.site-header-v53 .header-bottom .nav > li::before,
  html body .site-header.site-header-v53 .header-bottom .nav > li::after,
  html body .site-header.site-header-v53 .header-bottom .nav > li > a::before,
  html body .site-header.site-header-v53 .header-bottom .nav > li > a::after,
  html body .site-header.site-header-v53 .nav-line-bottom > li > a::before,
  html body .site-header.site-header-v53 .nav-line-bottom > li > a::after,
  html body .site-header.site-header-v53 .nav-line-grow > li > a::before,
  html body .site-header.site-header-v53 .nav-line-grow > li > a::after,
  html body .mocnhat-store-header .primary-nav > ul > li::before,
  html body .mocnhat-store-header .primary-nav > ul > li::after,
  html body .mocnhat-store-header .primary-nav > ul > li > a::before,
  html body .mocnhat-store-header .primary-nav > ul > li > a::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
    opacity:0!important;
    transform:none!important;
  }

  html body .site-header.site-header-v53 .primary-nav > ul > li,
  html body .site-header.site-header-v53 .primary-nav > ul > li > a,
  html body .site-header.site-header-v53 .header-bottom .nav > li,
  html body .site-header.site-header-v53 .header-bottom .nav > li > a,
  html body .mocnhat-store-header .primary-nav > ul > li,
  html body .mocnhat-store-header .primary-nav > ul > li > a{
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    background-image:none!important;
  }

  html body .site-header.site-header-v53 .primary-nav > ul > li > a:hover,
  html body .site-header.site-header-v53 .primary-nav > ul > li.current-menu-item > a,
  html body .site-header.site-header-v53 .primary-nav > ul > li.current-menu-parent > a,
  html body .mocnhat-store-header .primary-nav > ul > li > a:hover,
  html body .mocnhat-store-header .primary-nav > ul > li.current-menu-item > a,
  html body .mocnhat-store-header .primary-nav > ul > li.current-menu-parent > a{
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  /* Giá sản phẩm desktop: bảo đảm giá hiện tại luôn sáng, rõ trên nền tối. */
  html body .product-card .price,
  html body .product-card .price a,
  html body .product-card .price span,
  html body .product-card .price bdi,
  html body .product-card .amount,
  html body .product-card .woocommerce-Price-amount,
  html body .products .price,
  html body .products .price a,
  html body .products .price span,
  html body .products .price bdi,
  html body .products .amount,
  html body .products .woocommerce-Price-amount,
  html body .product-small .price,
  html body .product-small .price a,
  html body .product-small .price span,
  html body .product-small .price bdi,
  html body .product-small .amount,
  html body .product-small .woocommerce-Price-amount,
  html body .box-text .price,
  html body .box-text .price a,
  html body .box-text .price span,
  html body .box-text .price bdi,
  html body .box-text .amount,
  html body .box-text .woocommerce-Price-amount,
  html body ul.products li.product .price,
  html body ul.products li.product .amount,
  html body ul.products li.product .woocommerce-Price-amount{
    color:#f1d8aa!important;
    -webkit-text-fill-color:#f1d8aa!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    text-shadow:0 1px 10px rgba(200,155,90,.08)!important;
  }

  /* Giá khuyến mại hiện tại nổi bật hơn; giá cũ vẫn nhìn được nhưng nhẹ hơn. */
  html body .product-card .price ins,
  html body .product-card .price ins *,
  html body .products .price ins,
  html body .products .price ins *,
  html body .product-small .price ins,
  html body .product-small .price ins *,
  html body .box-text .price ins,
  html body .box-text .price ins *,
  html body ul.products li.product .price ins,
  html body ul.products li.product .price ins *{
    color:#f4dcae!important;
    -webkit-text-fill-color:#f4dcae!important;
    opacity:1!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  html body .product-card .price del,
  html body .product-card .price del *,
  html body .products .price del,
  html body .products .price del *,
  html body .product-small .price del,
  html body .product-small .price del *,
  html body .box-text .price del,
  html body .box-text .price del *,
  html body ul.products li.product .price del,
  html body ul.products li.product .price del *{
    color:#a99373!important;
    -webkit-text-fill-color:#a99373!important;
    opacity:.82!important;
    text-decoration-color:rgba(240,216,174,.62)!important;
	}
	
	  /* Tắt toàn bộ banner đầu trang */
body.mocnhat-dark-page-template .page-hero {
    display: none !important;
  }
/* Ẩn banner đầu trang trên mobile */
@media screen and (max-width: 980px) {
    html body .page-hero {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}
/* =========================================================
   MỘC NHẬT - SINGLE POST DESKTOP FIX
   Căn giữa + mở rộng hợp lý + bỏ ngày / admin
   ========================================================= */

/* Khung tổng bài viết luôn nằm giữa */
body.single-post .blog-wrapper > .row,
body.single-post .row-main {
    width: calc(100% - 40px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Bỏ việc giữ 3/4 chiều rộng như layout có sidebar */
body.single-post .row-main > .large-9,
body.single-post .row-main > .large-8,
body.single-post .row-main > .large-10,
body.single-post .row-main > .col.large-9,
body.single-post .row-main > .col.large-8,
body.single-post .row-main > .col.large-10 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Nếu có sidebar blog thì không chiếm chỗ ở bài chi tiết */
body.single-post .post-sidebar,
body.single-post #secondary {
    display: none !important;
}

/* Khung bài */
body.single-post article,
body.single-post .article-inner {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Nội dung bài viết rộng hơn, giảm khoảng trống hai bên */
body.single-post .entry-content {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
    box-sizing: border-box !important;
}

/* Gỡ giới hạn chiều rộng của các lớp con đang ép chữ vào giữa */
body.single-post .entry-content > *,
body.single-post .entry-content .col-inner,
body.single-post .entry-content .section-content {
    max-width: 100% !important;
}

/* Văn bản, tiêu đề, danh sách sử dụng toàn bộ chiều rộng cột đọc */
body.single-post .entry-content p,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .entry-content blockquote {
    max-width: none !important;
    width: auto !important;
}

/* Header bài */
body.single-post .entry-header {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* BỎ BADGE NGÀY 16 Th7 */
body.single-post .post-date,
body.single-post .badge.post-date,
body.single-post .badge.absolute,
body.single-post .entry-date {
    display: none !important;
}

/* BỎ DÒNG ĐĂNG VÀO... BỞI ADMIN */
body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .entry-author {
    display: none !important;
}

/* Mobile */
@media (max-width: 849px) {

    body.single-post .blog-wrapper > .row,
    body.single-post .row-main {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    body.single-post article,
    body.single-post .article-inner,
    body.single-post .entry-content,
    body.single-post .entry-header {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-post .entry-content,
    body.single-post .entry-header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* =========================================================
   BỎ NGÀY ĐĂNG + ADMIN
   ========================================================= */

/* Dòng: ĐĂNG VÀO ... BỞI ADMIN */
body.single-post .entry-header
.entry-meta.uppercase.is-xsmall {
    display: none !important;
}

/* Badge ngày 16 Th7 của Flatsome */
body.single-post .badge.post-date,
body.single-post .post-date.badge,
body.single-post .entry-image .badge,
body.single-post article .badge.absolute.top.post-date {
    display: none !important;
}
/* =========================================================
   MỘC NHẬT - ẢNH ĐẠI DIỆN BÀI VIẾT
   ========================================================= */

@media (min-width: 1050px) {

    body.single-post .entry-image {
        width: 100% !important;
        max-width: 900px !important;
        margin: 30px auto 44px !important;
        text-align: center !important;
    }

    body.single-post .entry-image img {
        display: block !important;
        width: 100% !important;
        max-width: 900px !important;
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 14px !important;
        border: 1px solid rgba(218,168,87,.22) !important;
        box-shadow: 0 14px 35px rgba(0,0,0,.26) !important;
    }
}

@media (max-width: 849px) {

    body.single-post .entry-image {
        width: calc(100% - 32px) !important;
        margin: 20px auto 28px !important;
    }

    body.single-post .entry-image img {
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
    }
}
/* =========================================================
   MỘC NHẬT V87
   KHUNG BÀI GIỮA + SIDEBAR NẰM NGOÀI KHUNG
   ========================================================= */

@media (min-width: 1550px) {

    /* =====================================================
       1. CHO PHÉP NỘI DUNG TRÀN RA NGOÀI KHUNG
       ===================================================== */

    body.single-post #wrapper,
    body.single-post #main,
    body.single-post .blog-wrapper,
    body.single-post .blog-wrapper > .row,
    body.single-post .row-main,
    body.single-post .row-main > .col,
    body.single-post article,
    body.single-post .article-inner,
    body.single-post .entry-content.single-page {
        overflow: visible !important;
    }


    /* =====================================================
       2. KHUNG BÀI CHÍNH
       Cố ý thu khung xuống để dành chỗ cho 2 sidebar ngoài
       ===================================================== */

    body.single-post .blog-wrapper > .row,
    body.single-post .row-main {
        width: 100% !important;
        max-width: 1120px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-post .row-main > .col,
    body.single-post .row-main > .large-8,
    body.single-post .row-main > .large-9,
    body.single-post .row-main > .large-10,
    body.single-post .row-main > .large-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    body.single-post article,
    body.single-post .article-inner {
        position: relative !important;

        width: 100% !important;
        max-width: 1120px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: visible !important;
    }


    /* =====================================================
       3. HEADER BÀI
       ===================================================== */

    body.single-post .entry-header {
        width: calc(100% - 70px) !important;
        max-width: 1050px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* =====================================================
       4. ẢNH ĐẠI DIỆN
       Không kéo ảnh full ngang.
       Tạo một khung trưng bày cân đối.
       ===================================================== */

    body.single-post .entry-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: calc(100% - 100px) !important;
        max-width: 880px !important;

        margin: 28px auto 38px !important;

        padding: 18px !important;

        background:
            linear-gradient(
                180deg,
                rgba(23,13,8,.72),
                rgba(13,8,5,.78)
            ) !important;

        border:
            1px solid rgba(218,168,87,.22) !important;

        border-radius: 16px !important;

        box-shadow:
            0 14px 34px rgba(0,0,0,.20) !important;

        box-sizing: border-box !important;
    }

    body.single-post .entry-image img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: 720px !important;

        object-fit: contain !important;

        margin: 0 auto !important;

        border-radius: 10px !important;
    }


    /* =====================================================
       5. NỘI DUNG GỐC
       ===================================================== */

    body.single-post
    .article-inner
    > .entry-content.single-page {

        width: 100% !important;
        max-width: 1000px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       6. LAYOUT ĐỌC
       180 + 80 + 1000 + 80 + 180 = 1520px
       Khung giữa vẫn là 1000px.
       Hai sidebar nằm ngoài viền bài.
       ===================================================== */

    body.single-post .mn-reading-layout {

        position: relative !important;

        left: 50% !important;
        transform: translateX(-50%) !important;

        width: 1520px !important;
        max-width: none !important;

        display: grid !important;

        grid-template-columns:
            180px
            1000px
            180px !important;

        column-gap: 80px !important;

        align-items: start !important;

        margin: 34px 0 50px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       7. NỘI DUNG CHÍNH
       ===================================================== */

    body.single-post .mn-main-content {
        grid-column: 2 !important;

        width: 100% !important;
        max-width: 1000px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    body.single-post .mn-main-content > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-post .mn-main-content p,
    body.single-post .mn-main-content ul,
    body.single-post .mn-main-content ol,
    body.single-post .mn-main-content blockquote {
        width: 100% !important;
        max-width: none !important;

        font-size: 18px !important;
        line-height: 1.78 !important;
    }

    body.single-post .mn-main-content h2 {
        width: 100% !important;
        max-width: none !important;

        font-size: 31px !important;
        line-height: 1.3 !important;

        margin-top: 38px !important;
        margin-bottom: 18px !important;
    }

    body.single-post .mn-main-content h2:first-child {
        margin-top: 0 !important;
    }

    body.single-post .mn-main-content h3 {
        width: 100% !important;
        max-width: none !important;

        font-size: 23px !important;
        line-height: 1.35 !important;

        margin-top: 28px !important;
        margin-bottom: 12px !important;
    }


    /* =====================================================
       8. SIDEBAR TRÁI
       ===================================================== */

    body.single-post .mn-reading-left {
        grid-column: 1 !important;

        width: 180px !important;
        min-width: 180px !important;

        position: sticky !important;
        top: 105px !important;

        align-self: start !important;
    }


    /* =====================================================
       9. SIDEBAR PHẢI
       ===================================================== */

    body.single-post .mn-reading-right {
        grid-column: 3 !important;

        width: 180px !important;
        min-width: 180px !important;

        position: sticky !important;
        top: 105px !important;

        align-self: start !important;
    }


    /* =====================================================
       10. KHUNG SIDEBAR
       ===================================================== */

    body.single-post .mn-reading-box {
        width: 100% !important;

        background:
            linear-gradient(
                180deg,
                rgba(34,19,10,.97),
                rgba(18,10,6,.98)
            ) !important;

        border:
            1px solid rgba(218,168,87,.30) !important;

        border-radius: 14px !important;

        padding: 14px !important;

        margin: 0 0 16px !important;

        box-shadow:
            0 12px 28px rgba(0,0,0,.24) !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       11. SIDEBAR HEADER
       ===================================================== */

    body.single-post .mn-reading-kicker {
        color: #cfa04b !important;

        font-family: inherit !important;

        font-size: 9px !important;
        line-height: 1.3 !important;

        font-weight: 700 !important;

        letter-spacing: .9px !important;

        margin-bottom: 5px !important;
    }

    body.single-post .mn-reading-title {
        color: #f0d79a !important;

        font-family: inherit !important;

        font-size: 17px !important;
        line-height: 1.3 !important;

        font-weight: 700 !important;

        margin: 0 0 12px !important;
    }


    /* =====================================================
       12. MỤC LỤC
       ===================================================== */

    body.single-post #mn-auto-toc {
        display: flex !important;
        flex-direction: column !important;
    }

    body.single-post #mn-auto-toc a {
        display: block !important;

        width: 100% !important;

        color: #e8dcc7 !important;

        font-family: inherit !important;

        font-size: 11.5px !important;
        line-height: 1.45 !important;

        padding: 8px 0 !important;

        border-bottom:
            1px solid rgba(218,168,87,.11) !important;

        text-decoration: none !important;

        overflow-wrap: anywhere !important;
    }

    body.single-post #mn-auto-toc a:hover {
        color: #e4b85f !important;
    }

    body.single-post #mn-auto-toc .mn-toc-h3 {
        padding-left: 9px !important;

        font-size: 10.5px !important;

        opacity: .80 !important;
    }


    /* =====================================================
       13. BÀI LIÊN QUAN
       Sidebar phải hẹp nên dùng layout ảnh trên + chữ dưới
       ===================================================== */

    body.single-post .mn-related-item {
        display: block !important;

        width: 100% !important;

        padding: 10px 0 12px !important;

        border-bottom:
            1px solid rgba(218,168,87,.11) !important;
    }

    body.single-post .mn-related-item:last-child {
        border-bottom: 0 !important;
    }

    body.single-post .mn-related-thumb {
        display: block !important;

        width: 100% !important;

        margin-bottom: 7px !important;
    }

    body.single-post .mn-related-thumb img {
        display: block !important;

        width: 100% !important;
        height: 78px !important;

        object-fit: cover !important;

        border-radius: 7px !important;

        border:
            1px solid rgba(218,168,87,.18) !important;
    }

    body.single-post .mn-related-info {
        width: 100% !important;
    }

    body.single-post .mn-related-info a {
        display: -webkit-box !important;

        color: #eee0c9 !important;

        font-family: inherit !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        font-weight: 600 !important;

        text-decoration: none !important;

        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;

        overflow: hidden !important;
    }


    /* =====================================================
       14. CTA
       ===================================================== */

    body.single-post .mn-reading-cta p {
        color: #dfd0b8 !important;

        font-size: 11px !important;
        line-height: 1.55 !important;

        margin: 0 0 12px !important;
    }

    body.single-post .mn-reading-btn {
        display: block !important;

        width: 100% !important;

        padding: 10px 5px !important;

        background:
            linear-gradient(
                135deg,
                #e2b75b,
                #c89238
            ) !important;

        color: #171006 !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        text-align: center !important;
        text-decoration: none !important;

        border-radius: 7px !important;

        box-sizing: border-box !important;
    }


    body.single-post .mn-main-content h2,
    body.single-post .mn-main-content h3 {
        scroll-margin-top: 120px !important;
    }
}


/* =========================================================
   DƯỚI 1550PX: KHÔNG CỐ ÉP 3 CỘT
   ========================================================= */

@media (max-width: 1549px) {

    body.single-post .mn-reading-layout {
        position: static !important;

        left: auto !important;
        transform: none !important;

        display: block !important;

        width: 100% !important;
        max-width: 1000px !important;

        margin: 0 auto !important;
    }

    body.single-post .mn-reading-left,
    body.single-post .mn-reading-right {
        display: none !important;
    }

    body.single-post .mn-main-content {
        width: 100% !important;
        max-width: 1000px !important;

        margin: 0 auto !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        box-sizing: border-box !important;
    }

    body.single-post .entry-image {
        width: calc(100% - 32px) !important;
        max-width: 820px !important;

        margin: 22px auto 30px !important;

        padding: 12px !important;

        box-sizing: border-box !important;
    }

    body.single-post .entry-image img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto !important;
    }
}