/* MOC NHAT V8.4.13 - FIXED CSS SYNTAX + MOBILE HEADER SEARCH */

body.mocnhat-home-v53{
  margin:0!important;
  background:
    radial-gradient(circle at top, rgba(110,59,35,.18), transparent 28%),
    linear-gradient(180deg, #120d0b 0%, #0f0b0a 100%)!important;
  color:#f6ead8;
  font-family:"Be Vietnam Pro", Arial, Helvetica, sans-serif!important;
}
body.mocnhat-home-v53 #wrapper,
body.mocnhat-home-v53 #main,
body.mocnhat-home-v53 .page-wrapper,
body.mocnhat-home-v53 .page-content,
body.mocnhat-home-v53 .page-inner{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.mocnhat-home-v53 .featured-title,
body.mocnhat-home-v53 .page-title,
body.mocnhat-home-v53 .entry-header,
body.mocnhat-home-v53 .page-header,
body.mocnhat-home-v53 .shop-page-title{
  display:none!important;
}
body.mocnhat-home-v53 *{box-sizing:border-box}
body.mocnhat-home-v53 img{max-width:100%;display:block;height:auto}
body.mocnhat-home-v53 a{text-decoration:none;color:inherit}
body.mocnhat-home-v53 h1,
body.mocnhat-home-v53 h2,
body.mocnhat-home-v53 h3,
body.mocnhat-home-v53 h4,
body.mocnhat-home-v53 h5,
body.mocnhat-home-v53 h6,
body.mocnhat-home-v53 .site-brand,
body.mocnhat-home-v53 .hero-title,
body.mocnhat-home-v53 .section-title,
body.mocnhat-home-v53 .card-title,
body.mocnhat-home-v53 .footer-brand{
  font-family:"Playfair Display", Georgia, "Times New Roman", serif!important;
  color:#f6ead8;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
body.mocnhat-home-v53{
  --line: rgba(200,155,90,.18);
  --line-strong: rgba(200,155,90,.35);
  --gold:#c89b5a;
  --gold-soft:#f0d8ae;
  --text:#f6ead8;
  --text-soft:#d4c0a1;
  --muted:#a48a66;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius:18px;
}
body.mocnhat-home-v53 .container{
  width:min(100% - 32px, 1280px);
  margin:0 auto;
}
body.mocnhat-home-v53 .site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(10,7,6,.93);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
body.mocnhat-home-v53.admin-bar .site-header{top:32px}
@media (max-width:782px){
  body.mocnhat-home-v53.admin-bar .site-header{top:46px}
}
body.mocnhat-home-v53 .header-top{
  border-bottom:1px solid rgba(255,255,255,.04);
}
body.mocnhat-home-v53 .header-top-inner{
  min-height:72px;
  align-items:center;
}

body.mocnhat-home-v53 .header-top-inner{
  display:grid;
  grid-template-columns:auto minmax(260px,360px) auto;
  gap:18px;
}
body.mocnhat-home-v53 .header-search-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:190px;
  flex:0 0 190px;
}

body.mocnhat-home-v53 .header-search-form{
  width:190px;
  min-width:190px;
  min-height:44px;
  height:44px;
  display:flex;
  align-items:center;
  gap:0;
  padding:4px 4px 4px 12px;
  border:1px solid rgba(200,155,90,.16);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  box-shadow:none!important;
  overflow:hidden;
}
body.mocnhat-home-v53 .header-search-icon{display:none!important;}
body.mocnhat-home-v53 .header-search-input{
  flex:1 1 auto;
  min-width:0;
  width:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--text)!important;
  padding:0!important;
  margin:0!important;
  height:100%!important;
  line-height:1.2!important;
  font-size:.9rem;
  text-overflow:ellipsis;
}
body.mocnhat-home-v53 .header-search-input::-webkit-search-cancel-button{display:none;}
body.mocnhat-home-v53 .header-search-input::placeholder{color:rgba(240,216,174,.7)!important;}
body.mocnhat-home-v53 .header-search-submit{
  position:relative;
  border:0;
  border-radius:999px;
  background:rgba(200,155,90,.16);
  color:transparent;
  min-height:36px;
  width:36px;
  min-width:36px;
  height:36px;
  padding:0;
  font-size:0;
  font-weight:700;
  line-height:36px;
  white-space:nowrap;
  box-shadow:none!important;
  overflow:hidden;
}
body.mocnhat-home-v53 .header-search-submit::before{
  content:"⌕";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold-soft);
  font-size:1rem;
}
body.mocnhat-home-v53 .logo-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:170px;
  flex-shrink:0;
}
body.mocnhat-home-v53 .custom-logo-link img{max-height:52px;width:auto}
body.mocnhat-home-v53 .site-brand{
  font-size:1.55rem;
  line-height:1;
  color:var(--gold-soft);
  white-space:nowrap;
}
body.mocnhat-home-v53 .site-tagline{display:none}
body.mocnhat-home-v53 .site-tagline{
  margin-top:4px;
  color:var(--muted);
  font-size:.88rem;
}
body.mocnhat-home-v53 .header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
body.mocnhat-home-v53 .header-phone{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(200,155,90,.16);
  border-radius:999px;
  color:var(--gold-soft);
  white-space:nowrap;
  line-height:1;
}
body.mocnhat-home-v53 .phone-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;height:22px;
  border-radius:50%;
  background:rgba(200,155,90,.1);
  font-size:.8rem;
}
body.mocnhat-home-v53 .header-phone strong{
  font-size:.98rem;
  font-weight:700;
  letter-spacing:.01em;
}
body.mocnhat-home-v53 .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  font-weight:600;
  transition:.25s ease;
}
body.mocnhat-home-v53 .btn-primary{
  background:linear-gradient(135deg, #c89b5a, #e7c589);
  color:#1c120d;
  box-shadow:0 12px 30px rgba(200,155,90,.22);
}
body.mocnhat-home-v53 .btn-secondary{
  border:1px solid var(--line-strong);
  color:var(--text);
  background:rgba(255,255,255,.03);
}
body.mocnhat-home-v53 .btn:hover{transform:translateY(-1px)}
body.mocnhat-home-v53 .header-search-wrap,
body.mocnhat-home-v53 .header-phone,
body.mocnhat-home-v53 .header-actions .btn-primary{flex:0 0 auto;}
body.mocnhat-home-v53 .header-phone{min-width:190px;width:190px;justify-content:center;}
body.mocnhat-home-v53 .header-actions .btn-primary{min-width:190px;width:190px;padding:0 18px;white-space:nowrap;}
body.mocnhat-home-v53 .mobile-menu-toggle{
  display:none;
  width:44px;height:44px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:var(--gold-soft);
  font-size:1.2rem;
}
body.mocnhat-home-v53 .header-bottom{
  min-height:50px;
  display:flex;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.04);
}
body.mocnhat-home-v53 .header-bottom .container{max-width:1060px}
body.mocnhat-home-v53 .header-bottom-inner{
  display:flex;
  justify-content:center;
  align-items:center;
}
body.mocnhat-home-v53 .primary-nav{
  width:100%;
}
body.mocnhat-home-v53 .primary-nav > ul,
body.mocnhat-home-v53 .primary-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 18px;
}
body.mocnhat-home-v53 .primary-nav li{
  position:relative;
  margin:0;
  padding:0;
}
body.mocnhat-home-v53 .primary-nav li::before,
body.mocnhat-home-v53 .primary-nav li::after,
body.mocnhat-home-v53 .primary-nav a::before,
body.mocnhat-home-v53 .primary-nav a::after{
  content:none!important;
  display:none!important;
}
body.mocnhat-home-v53 .primary-nav a{
  display:inline-flex;
  align-items:center;
  padding:8px 0;
  color:var(--text-soft);
  font-size:.9rem;
  font-weight:600;
  white-space:nowrap;
  line-height:1.1;
  letter-spacing:0;
  border-bottom:1px solid transparent;
}
body.mocnhat-home-v53 .primary-nav a:hover,
body.mocnhat-home-v53 .primary-nav .current-menu-item > a,
body.mocnhat-home-v53 .primary-nav .current-menu-parent > a{
  color:var(--gold-soft);
  border-bottom-color:rgba(200,155,90,.45);
}
body.mocnhat-home-v53 .primary-nav .sub-menu{
  position:absolute;
  top:100%;left:0;
  min-width:220px;
  display:none;
  padding:12px;
  border:1px solid var(--line-strong);
  background:rgba(18,12,10,.98);
  border-radius:14px;
  box-shadow:var(--shadow);
}
body.mocnhat-home-v53 .primary-nav li:hover>.sub-menu{display:block}
body.mocnhat-home-v53 .primary-nav .sub-menu li{width:100%}
body.mocnhat-home-v53 .primary-nav .sub-menu a{
  display:block;
  padding:8px 10px;
  border:0;
}

body.mocnhat-home-v53 .hero{
  position:relative;
  overflow:hidden;
  padding:48px 0 40px;
  background:
    radial-gradient(circle at 13% 35%, rgba(116,70,36,.10), transparent 29%),
    radial-gradient(circle at 83% 43%, rgba(200,155,90,.07), transparent 31%);
}
body.mocnhat-home-v53 .hero::after{
  content:"";
  position:absolute;
  right:-210px;
  top:18px;
  width:620px;
  height:620px;
  border:1px solid rgba(200,155,90,.10);
  border-radius:50%;
  pointer-events:none;
}
body.mocnhat-home-v53 .hero-shell{
  position:relative;
  min-height:610px;
}
body.mocnhat-home-v53 .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(440px,.92fr);
  grid-template-areas:
    "copy visual"
    "proof visual";
  column-gap:74px;
  row-gap:34px;
  align-items:center;
  padding:50px 18px 46px;
}
body.mocnhat-home-v53 .hero-copy{
  grid-area:copy;
  align-self:end;
  max-width:650px;
}
body.mocnhat-home-v53 .hero-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 24px;
  color:var(--gold-soft);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:.74rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.20em;
  text-transform:uppercase;
}
body.mocnhat-home-v53 .hero-kicker::before{
  content:"";
  flex:0 0 34px;
  height:1px;
  background:var(--gold);
}
body.mocnhat-home-v53 .hero-title{
  margin:0;
  max-width:none;
  color:var(--text);
  font-family:"Playfair Display","Noto Serif",Georgia,serif;
  font-size:clamp(4rem,5.45vw,6rem);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.035em;
}
body.mocnhat-home-v53 .hero-statement{
  margin:24px 0 0;
  color:#dfb875;
  font-family:"Cormorant Garamond","Noto Serif",Georgia,serif;
  font-size:clamp(2.65rem,3.55vw,4.05rem);
  font-style:italic;
  font-weight:500;
  line-height:.98;
  letter-spacing:-.025em;
}
body.mocnhat-home-v53 .hero-desc{
  margin:28px 0 0;
  max-width:600px;
  color:rgba(244,231,211,.84);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:1rem;
  line-height:1.8;
}
body.mocnhat-home-v53 .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
body.mocnhat-home-v53 .hero-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:168px;
  min-height:52px;
  padding:0 22px;
  border-radius:0;
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.mocnhat-home-v53 .hero-actions .btn-secondary{
  background:rgba(10,7,6,.26);
  border-color:rgba(244,231,211,.38);
}
body.mocnhat-home-v53 .hero-actions .btn span{
  font-size:1.08rem;
  line-height:1;
  transition:transform .22s ease;
}
body.mocnhat-home-v53 .hero-actions .btn:hover span{transform:translateX(3px)}
body.mocnhat-home-v53 .hero-visual{
  grid-area:visual;
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  min-width:0;
  min-height:500px;
  margin:0;
}
body.mocnhat-home-v53 .hero-frame{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  padding:12px;
  border:1px solid rgba(200,155,90,.38);
  background:#0b0807;
}
body.mocnhat-home-v53 .hero-frame::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14px 14px 14px -14px;
  border:1px solid rgba(200,155,90,.28);
  pointer-events:none;
}
body.mocnhat-home-v53 .hero-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) brightness(.74) contrast(1.08);
}
body.mocnhat-home-v53 .hero-frame::after{
  content:"";
  position:absolute;
  inset:12px;
  background:linear-gradient(90deg,rgba(8,6,5,.12),transparent 35%,rgba(8,6,5,.10));
  pointer-events:none;
}
body.mocnhat-home-v53 .hero-caption{
  position:absolute;
  left:-32px;
  bottom:30px;
  z-index:2;
  display:flex;
  min-width:210px;
  flex-direction:column;
  gap:6px;
  padding:18px 20px;
  border-left:2px solid var(--gold);
  background:rgba(10,7,6,.94);
  box-shadow:0 16px 36px rgba(0,0,0,.28);
}
body.mocnhat-home-v53 .hero-caption strong{
  color:var(--text);
  font-family:"Playfair Display","Noto Serif",Georgia,serif;
  font-size:1.08rem;
}
body.mocnhat-home-v53 .hero-caption span{
  color:rgba(244,231,211,.60);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}
body.mocnhat-home-v53 .hero-proof{
  grid-area:proof;
  align-self:start;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  max-width:650px;
}
body.mocnhat-home-v53 .hero-proof span{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:rgba(244,231,211,.58);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:.64rem;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.045em;
  text-transform:uppercase;
}
body.mocnhat-home-v53 .hero-proof b{
  color:var(--gold-soft);
  font-size:.61rem;
  font-weight:700;
}
body.mocnhat-home-v53 .trustbar{padding:0 0 32px}
body.mocnhat-home-v53 .trustbar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
body.mocnhat-home-v53 .trust-item,
body.mocnhat-home-v53 .why-item,
body.mocnhat-home-v53 .testimonial,
body.mocnhat-home-v53 .process-step,
body.mocnhat-home-v53 .contact-box,
body.mocnhat-home-v53 .map-box{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(31,22,19,.9) 0%, rgba(18,12,10,.98) 100%);
  border-radius:18px;
  box-shadow:var(--shadow);
}
body.mocnhat-home-v53 .trust-item{padding:18px}
body.mocnhat-home-v53 .trust-item strong{display:block;margin-bottom:6px;color:var(--gold-soft)}
body.mocnhat-home-v53 .trust-item span{color:var(--text-soft);font-size:.95rem}
body.mocnhat-home-v53 .section{padding:72px 0; position:relative}
body.mocnhat-home-v53 .section-head{
  margin-bottom:28px;
  display:flex;align-items:end;justify-content:space-between;gap:18px
}
body.mocnhat-home-v53 .section-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:var(--gold);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.75rem;
}
body.mocnhat-home-v53 .section-title{
  margin:0;
  font-size:clamp(1.9rem,2vw,3rem);
  line-height:1.15;
}
body.mocnhat-home-v53 .section-desc{color:var(--text-soft);max-width:760px;margin:10px 0 0}
body.mocnhat-home-v53 .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
body.mocnhat-home-v53 .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
body.mocnhat-home-v53 .card{
  position:relative;overflow:hidden;
  border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(31,22,19,.9) 0%, rgba(18,12,10,.98) 100%);
  box-shadow:var(--shadow);
}
body.mocnhat-home-v53 .card-media{aspect-ratio:4/3; position:relative}
body.mocnhat-home-v53 .card-media img{width:100%;height:100%;object-fit:cover}
body.mocnhat-home-v53 .card-body{padding:20px}
body.mocnhat-home-v53 .card-title{margin:0 0 8px;font-size:1.45rem}
body.mocnhat-home-v53 .card-text{color:var(--text-soft);margin:0 0 14px}
body.mocnhat-home-v53 .card-chip{
  position:absolute;left:16px;top:16px;
  padding:8px 12px;border-radius:999px;
  background:rgba(12,8,7,.78);border:1px solid var(--line-strong);
  color:var(--gold-soft);font-size:.82rem;z-index:2;
}
body.mocnhat-home-v53 .link-arrow{color:var(--gold-soft);font-weight:600}
body.mocnhat-home-v53 .product-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
body.mocnhat-home-v53 .product-tag{
  padding:6px 10px;border-radius:999px;border:1px solid var(--line);
  color:var(--muted);font-size:.82rem
}
body.mocnhat-home-v53 .price{margin-top:10px;color:var(--gold-soft);font-weight:700}
body.mocnhat-home-v53 .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.mocnhat-home-v53 .why-item{padding:24px}
body.mocnhat-home-v53 .why-item h3{margin:0 0 10px;color:var(--gold-soft);font-size:1.15rem}
body.mocnhat-home-v53 .why-item p{margin:0;color:var(--text-soft)}
body.mocnhat-home-v53 .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
body.mocnhat-home-v53 .process-step{padding:24px 20px;position:relative}
body.mocnhat-home-v53 .process-step::before{
  content:attr(data-step);position:absolute;top:18px;right:18px;
  color:rgba(200,155,90,.25);font-family:"Playfair Display", Georgia, serif;
  font-size:2.2rem;
}
body.mocnhat-home-v53 .process-step h3{margin:0 0 10px;color:var(--gold-soft);font-size:1.12rem}
body.mocnhat-home-v53 .process-step p{margin:0;color:var(--text-soft)}
body.mocnhat-home-v53 .testimonial{padding:24px}
body.mocnhat-home-v53 .testimonial p{margin:0 0 18px;color:var(--text-soft)}
body.mocnhat-home-v53 .testimonial strong{display:block;color:var(--gold-soft)}
body.mocnhat-home-v53 .testimonial span{color:var(--muted);font-size:.92rem}
body.mocnhat-home-v53 .contact-shell{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.mocnhat-home-v53 .contact-box, body.mocnhat-home-v53 .map-box{padding:28px}
body.mocnhat-home-v53 .contact-list{display:grid;gap:14px;margin:18px 0 24px}
body.mocnhat-home-v53 .contact-line{display:grid;grid-template-columns:130px 1fr;gap:16px;color:var(--text-soft)}
body.mocnhat-home-v53 .contact-line strong{color:var(--gold-soft)}
body.mocnhat-home-v53 .map-embed iframe{width:100%;min-height:360px;border:0;border-radius:16px;filter:saturate(.75) contrast(1.05) brightness(.88)}
body.mocnhat-home-v53 .site-footer{
  padding:50px 0 24px;border-top:1px solid var(--line);background:rgba(8,5,4,.45)
}
body.mocnhat-home-v53 .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}
body.mocnhat-home-v53 .footer-brand{font-size:2rem;color:var(--gold-soft);margin-bottom:12px}
body.mocnhat-home-v53 .footer-title{
  margin:0 0 12px;color:var(--gold-soft);font-size:1rem;text-transform:uppercase;letter-spacing:.08em
}
body.mocnhat-home-v53 .footer-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
body.mocnhat-home-v53 .footer-list a, 
body.mocnhat-home-v53 .footer-list span{color:var(--text-soft)}
body.mocnhat-home-v53 .footer-copy{
  margin-top:28px;padding-top:18px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.92rem
}

@media (max-width:1360px){
  body.mocnhat-home-v53 .container{width:min(100% - 24px, 1180px)}
  body.mocnhat-home-v53 .header-bottom .container{max-width:980px}
  body.mocnhat-home-v53 .primary-nav > ul, body.mocnhat-home-v53 .primary-nav ul{gap:8px 14px}
  body.mocnhat-home-v53 .primary-nav a{font-size:.86rem}
}
@media (max-width:1240px){
  body.mocnhat-home-v53 .header-phone{display:none}
  body.mocnhat-home-v53 .header-bottom .container{max-width:920px}
  body.mocnhat-home-v53 .primary-nav > ul, body.mocnhat-home-v53 .primary-nav ul{gap:6px 12px}
  body.mocnhat-home-v53 .primary-nav a{font-size:.83rem}
}
@media (max-width:1180px){
  body.mocnhat-home-v53 .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);
    column-gap:46px;
    padding:42px 10px 38px;
  }
  body.mocnhat-home-v53 .hero-caption{left:-18px}
  body.mocnhat-home-v53 .trustbar-grid{grid-template-columns:repeat(3,1fr)}
  body.mocnhat-home-v53 .grid-4{grid-template-columns:repeat(2,1fr)}
  body.mocnhat-home-v53 .why-grid{grid-template-columns:repeat(2,1fr)}
  body.mocnhat-home-v53 .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  body.mocnhat-home-v53 .header-top-inner{min-height:70px}
  body.mocnhat-home-v53 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  body.mocnhat-home-v53 .header-actions .btn-primary{padding:0 18px;min-height:42px}
  body.mocnhat-home-v53 .header-bottom{display:none}
  body.mocnhat-home-v53 .header-bottom.is-open{display:block}
  body.mocnhat-home-v53 .header-bottom-inner{padding:0 0 10px}
  body.mocnhat-home-v53 .primary-nav > ul,
  body.mocnhat-home-v53 .primary-nav ul{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:10px 0;
  }
  body.mocnhat-home-v53 .primary-nav li{width:100%}
  body.mocnhat-home-v53 .primary-nav a{
    display:block;
    width:100%;
    padding:12px 4px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  body.mocnhat-home-v53 .primary-nav .sub-menu{
    position:static;display:block;min-width:0;padding:0 0 0 12px;border:0;box-shadow:none;background:transparent
  }
  body.mocnhat-home-v53 .contact-shell,
  body.mocnhat-home-v53 .footer-grid,
  body.mocnhat-home-v53 .grid-3{grid-template-columns:1fr}
  body.mocnhat-home-v53 .hero-shell{min-height:0}
  body.mocnhat-home-v53 .hero-grid{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "copy"
      "visual"
      "proof";
    gap:30px;
    padding:32px 10px 24px;
  }
  body.mocnhat-home-v53 .hero-copy,
  body.mocnhat-home-v53 .hero-proof{width:min(100%,720px);max-width:720px;margin-inline:auto}
  body.mocnhat-home-v53 .hero-visual{width:min(100%,720px);min-height:0;margin-inline:auto}
  body.mocnhat-home-v53 .hero-frame{width:100%}
  body.mocnhat-home-v53 .hero-caption{left:-10px;bottom:24px}
}
@media (max-width:680px){
  body.mocnhat-home-v53 .hero{padding:18px 0 28px}
  body.mocnhat-home-v53 .hero::after{display:none}
  body.mocnhat-home-v53 .logo-wrap{min-width:auto}
  body.mocnhat-home-v53 .site-brand{font-size:1.55rem}
  body.mocnhat-home-v53 .site-tagline{display:none}
  body.mocnhat-home-v53 .header-actions .btn-primary{display:none}
  body.mocnhat-home-v53 .hero-grid{gap:24px;padding:18px 0 8px}
  body.mocnhat-home-v53 .hero-kicker{
    gap:9px;
    margin-bottom:16px;
    font-size:.62rem;
    letter-spacing:.13em;
  }
  body.mocnhat-home-v53 .hero-kicker::before{flex-basis:22px}
  body.mocnhat-home-v53 .hero-title{font-size:clamp(2.75rem,14vw,3.55rem);line-height:1}
  body.mocnhat-home-v53 .hero-statement{
    margin-top:16px;
    font-size:clamp(2.05rem,10vw,2.65rem);
    line-height:1.02;
  }
  body.mocnhat-home-v53 .hero-desc{
    margin-top:20px;
    font-size:.90rem;
    line-height:1.7;
  }
  body.mocnhat-home-v53 .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:22px;
  }
  body.mocnhat-home-v53 .hero-actions .btn{
    min-width:0;
    min-height:48px;
    gap:8px;
    padding:0 13px;
    font-size:.69rem;
    white-space:nowrap;
  }
  body.mocnhat-home-v53 .hero-frame{padding:6px}
  body.mocnhat-home-v53 .hero-frame::before{inset:-8px 8px 8px -8px}
  body.mocnhat-home-v53 .hero-frame::after{inset:6px}
  body.mocnhat-home-v53 .hero-frame img{filter:saturate(.88) brightness(.78) contrast(1.06)}
  body.mocnhat-home-v53 .hero-caption{display:none}
  body.mocnhat-home-v53 .hero-proof{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  body.mocnhat-home-v53 .hero-proof span{
    min-height:42px;
    padding:10px 4px;
    border-bottom:1px solid rgba(200,155,90,.16);
    font-size:.67rem;
  }
  body.mocnhat-home-v53 .hero-proof span:last-child{border-bottom:0}
  body.mocnhat-home-v53 .trustbar-grid,
  body.mocnhat-home-v53 .grid-4,
  body.mocnhat-home-v53 .why-grid,
  body.mocnhat-home-v53 .process-grid{grid-template-columns:1fr}
  body.mocnhat-home-v53 .contact-line{grid-template-columns:1fr;gap:6px}
  body.mocnhat-home-v53 .footer-copy{flex-direction:column}
}


/* ===== V5.2 refined luxury header ===== */
body.mocnhat-home-v53 .container{width:min(100% - 32px, 1320px);}
body.mocnhat-home-v53 .site-header{background:rgba(9,6,5,.95);}
body.mocnhat-home-v53 .header-top{border-bottom:1px solid rgba(200,155,90,.08);}
body.mocnhat-home-v53 .header-top-inner{min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;}
body.mocnhat-home-v53 .logo-wrap{min-width:0;}
body.mocnhat-home-v53 .site-brand{font-size:1.42rem;letter-spacing:-0.01em;}
body.mocnhat-home-v53 .header-actions{gap:10px;}
body.mocnhat-home-v53 .header-phone{padding:8px 11px;gap:7px;background:rgba(255,255,255,.02);}
body.mocnhat-home-v53 .phone-icon{width:20px;height:20px;font-size:.72rem;}
body.mocnhat-home-v53 .header-phone strong{font-size:.92rem;font-weight:600;}
body.mocnhat-home-v53 .btn{min-height:38px;padding:0 16px;font-size:.92rem;}
body.mocnhat-home-v53 .header-bottom{min-height:46px;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(200,155,90,.08);}
body.mocnhat-home-v53 .header-bottom .container{max-width:1180px;}
body.mocnhat-home-v53 .header-bottom-inner{min-height:46px;}
body.mocnhat-home-v53 .primary-nav > ul, body.mocnhat-home-v53 .primary-nav ul{gap:8px 20px;}
body.mocnhat-home-v53 .primary-nav a{padding:8px 0;font-size:.84rem;font-weight:500;letter-spacing:.01em;color:rgba(244,231,211,.92);border-bottom:0;}
body.mocnhat-home-v53 .primary-nav a:hover, body.mocnhat-home-v53 .primary-nav .current-menu-item > a, body.mocnhat-home-v53 .primary-nav .current-menu-parent > a{color:var(--gold-soft)!important;box-shadow:none!important;border:0!important;text-shadow:none!important;}
body.mocnhat-home-v53 .primary-nav li::before, body.mocnhat-home-v53 .primary-nav li::after, body.mocnhat-home-v53 .primary-nav a::before, body.mocnhat-home-v53 .primary-nav a::after{content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;box-shadow:none!important;}
@media (max-width:1440px){body.mocnhat-home-v53 .header-phone{display:none;} body.mocnhat-home-v53 .header-bottom .container{max-width:1100px;} body.mocnhat-home-v53 .primary-nav > ul, body.mocnhat-home-v53 .primary-nav ul{gap:8px 16px;} body.mocnhat-home-v53 .primary-nav a{font-size:.82rem;}}
@media (max-width:1280px){body.mocnhat-home-v53 .site-brand{font-size:1.34rem;} body.mocnhat-home-v53 .btn{min-height:36px;padding:0 14px;font-size:.88rem;} body.mocnhat-home-v53 .header-bottom .container{max-width:1020px;} body.mocnhat-home-v53 .primary-nav > ul, body.mocnhat-home-v53 .primary-nav ul{gap:6px 14px;} body.mocnhat-home-v53 .primary-nav a{font-size:.80rem;}}
@media (max-width:1120px){body.mocnhat-home-v53 .header-top-inner{grid-template-columns:auto auto;} body.mocnhat-home-v53 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;} body.mocnhat-home-v53 .header-bottom{display:none;} body.mocnhat-home-v53 .header-bottom.is-open{display:block;}}



/* ===== V5.3 showroom luxury nav refinement ===== */
body.mocnhat-home-v53 .container{width:min(100% - 36px, 1360px);}
body.mocnhat-home-v53 .site-header{
  background:linear-gradient(180deg, rgba(8,5,4,.97) 0%, rgba(10,7,6,.94) 100%);
  border-bottom:1px solid rgba(200,155,90,.10);
}
body.mocnhat-home-v53 .header-top{
  border-bottom:1px solid rgba(200,155,90,.07);
}
body.mocnhat-home-v53 .header-top-inner{
  min-height:66px;
  grid-template-columns: 170px 1fr auto;
  gap:24px;
}
body.mocnhat-home-v53 .logo-wrap{
  min-width:0;
  width:170px;
}
body.mocnhat-home-v53 .custom-logo-link img{max-height:42px;width:auto;}
body.mocnhat-home-v53 .site-brand{
  font-size:1.28rem;
  letter-spacing:-0.015em;
  color:#f0d8ae;
}
body.mocnhat-home-v53 .header-actions{
  gap:10px;
}
body.mocnhat-home-v53 .header-phone{
  padding:7px 12px;
  gap:7px;
  border-color:rgba(200,155,90,.14);
  background:rgba(255,255,255,.02);
}
body.mocnhat-home-v53 .phone-icon{
  width:18px;height:18px;
  font-size:.68rem;
}
body.mocnhat-home-v53 .header-phone strong{
  font-size:.88rem;
  font-weight:600;
  letter-spacing:.01em;
}
body.mocnhat-home-v53 .btn{
  min-height:36px;
  padding:0 15px;
  font-size:.87rem;
  border-radius:999px;
}
body.mocnhat-home-v53 .btn-primary{
  box-shadow:0 10px 24px rgba(200,155,90,.18);
}

body.mocnhat-home-v53 .header-bottom{
  min-height:48px;
  border-top:0;
  border-bottom:1px solid rgba(200,155,90,.08);
}
body.mocnhat-home-v53 .header-bottom .container{
  max-width:1120px;
}
body.mocnhat-home-v53 .header-bottom-inner{
  min-height:48px;
}
body.mocnhat-home-v53 .primary-nav{
  max-width:100%;
  margin:0 auto;
}
body.mocnhat-home-v53 .primary-nav > ul,
body.mocnhat-home-v53 .primary-nav ul{
  justify-content:center;
  align-items:center;
  gap:8px 22px;
  flex-wrap:wrap;
}
body.mocnhat-home-v53 .primary-nav li{
  display:flex;
  align-items:center;
}
body.mocnhat-home-v53 .primary-nav a{
  position:relative;
  padding:8px 0;
  font-size:.83rem;
  font-weight:500;
  line-height:1.15;
  letter-spacing:.005em;
  color:rgba(244,231,211,.94);
  border-bottom:0!important;
  box-shadow:none!important;
}
body.mocnhat-home-v53 .primary-nav a:hover,
body.mocnhat-home-v53 .primary-nav .current-menu-item>a,
body.mocnhat-home-v53 .primary-nav .current-menu-parent>a{
  color:#f0d8ae;
  box-shadow:none!important;
  text-shadow:0 0 10px rgba(200,155,90,.08);
}
body.mocnhat-home-v53 .primary-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:transparent;
}

/* ===== FINAL MOBILE HEADER FIX - 2026 ===== */
@media (max-width:430px){
  body.mocnhat-home-v53 .site-header,
  body.mocnhat-home-v53 .header-top,
  body.mocnhat-home-v53 .header-top-inner{
    background:rgba(10,7,6,.96)!important;
    background-color:rgba(10,7,6,.96)!important;
  }

  body.mocnhat-home-v53 .header-top-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    min-height:126px!important;
    padding:12px 8px 14px!important;
  }

  body.mocnhat-home-v53 .logo-wrap{
    width:auto!important;
    min-width:0!important;
    justify-content:center!important;
    margin:0 auto!important;
  }

  body.mocnhat-home-v53 .header-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 145px 40px!important;
    align-items:center!important;
    gap:8px!important;
    width:calc(100vw - 24px)!important;
    max-width:390px!important;
    margin:0 auto!important;
  }

  body.mocnhat-home-v53 .header-phone{
    display:none!important;
  }

  body.mocnhat-home-v53 .header-search-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
  }

  body.mocnhat-home-v53 .header-search-form{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px 4px 4px 12px!important;
    background:rgba(255,255,255,.03)!important;
    border:1px solid rgba(200,155,90,.16)!important;
    border-radius:999px!important;
    box-shadow:none!important;
  }

  body.mocnhat-home-v53 .header-search-input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    line-height:34px!important;
    padding:0!important;
    font-size:13px!important;
  }

  body.mocnhat-home-v53 .header-search-submit{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    line-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.mocnhat-home-v53 .header-actions .btn-primary{
    display:inline-flex!important;
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 10px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }

  body.mocnhat-home-v53 .mobile-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
    margin:0!important;
  }
}

/* ===== MỘC NHẬT V8.4.2 — IPHONE DARK HEADER + FULL SEARCH TEXT ===== */
@media (max-width:849px){
  body.mocnhat-home-v53{
    background:#070403!important;
    background-color:#070403!important;
  }

  html body.mocnhat-home-v53 .site-header,
  html body.mocnhat-home-v53 .site-header .header-top,
  html body.mocnhat-home-v53 .site-header .header-top-inner,
  html body.mocnhat-home-v53 .site-header .header-top > .container,
  html body.mocnhat-home-v53 .site-header .header-top-inner > .container{
    background:#070403!important;
    background-color:#070403!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html body.mocnhat-home-v53 .site-header{
    border-bottom:1px solid rgba(200,155,90,.12)!important;
    box-shadow:none!important;
  }
}

@supports (-webkit-touch-callout:none){
  @media (max-width:849px){
    html body.mocnhat-home-v53,
    html body.mocnhat-home-v53 .site-header,
    html body.mocnhat-home-v53 .header-top,
    html body.mocnhat-home-v53 .header-top-inner{
      background:#070403!important;
      background-color:#070403!important;
      background-image:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}

@media (max-width:430px){
  body.mocnhat-home-v53 .header-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 132px 38px!important;
    align-items:center!important;
    gap:6px!important;
    width:calc(100vw - 20px)!important;
    max-width:400px!important;
    margin:0 auto!important;
  }

  body.mocnhat-home-v53 .header-search-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
  }

  body.mocnhat-home-v53 .header-search-form{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px 38px 4px 11px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.mocnhat-home-v53 .header-search-input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    line-height:34px!important;
    padding:0!important;
    margin:0!important;
    font-size:12.5px!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }

  body.mocnhat-home-v53 .header-search-input::placeholder{
    color:rgba(244,231,211,.78)!important;
    opacity:1!important;
  }

  body.mocnhat-home-v53 .header-search-submit{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2!important;
  }

  body.mocnhat-home-v53 .header-actions .btn-primary{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  body.mocnhat-home-v53 .mobile-menu-toggle{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
  }
}

@media (max-width:374px){
  body.mocnhat-home-v53 .header-actions{
    grid-template-columns:minmax(0,1fr) 124px 36px!important;
    gap:5px!important;
    width:calc(100vw - 16px)!important;
  }
  body.mocnhat-home-v53 .header-actions .btn-primary{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    font-size:12.5px!important;
  }
  body.mocnhat-home-v53 .mobile-menu-toggle{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
}

/* ===== MỘC NHẬT V8.4.3 — MOBILE HEADER SEARCH WIDER / CTA COMPACT ===== */
@media (max-width:430px){
  body.mocnhat-home-v53 .header-actions{
    grid-template-columns:minmax(0,1fr) 118px 38px!important;
    gap:6px!important;
    width:calc(100vw - 16px)!important;
    max-width:414px!important;
    margin:0 auto!important;
  }

  body.mocnhat-home-v53 .header-search-wrap,
  body.mocnhat-home-v53 .header-search-form{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  body.mocnhat-home-v53 .header-search-form{
    height:42px!important;
    min-height:42px!important;
    padding:4px 35px 4px 10px!important;
  }

  body.mocnhat-home-v53 .header-search-input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    line-height:34px!important;
    padding:0!important;
    font-size:12.25px!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  body.mocnhat-home-v53 .header-search-submit{
    right:3px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }

  body.mocnhat-home-v53 .header-actions .btn-primary{
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 6px!important;
    font-size:12.4px!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
}

@media (max-width:374px){
  body.mocnhat-home-v53 .header-actions{
    grid-template-columns:minmax(0,1fr) 108px 34px!important;
    gap:5px!important;
    width:calc(100vw - 14px)!important;
  }

  body.mocnhat-home-v53 .header-actions .btn-primary{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    font-size:11.8px!important;
    padding:0 4px!important;
  }

  body.mocnhat-home-v53 .mobile-menu-toggle{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!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;
  }
}

/* ==================================================
   FIX MOBILE HEADER SEARCH – HIỆN ĐỦ TÌM SẢN PHẨM
================================================== */
@media (max-width: 430px){

    body.mocnhat-home-v53 .site-header .header-actions,
    body.mocnhat-store-v66 .site-header .header-actions,
    body .site-header .header-actions{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 126px 42px !important;
        align-items: center !important;
        column-gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body .site-header .header-search-wrap{
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }

    body .site-header .header-search-form{
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 42px !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body .site-header .header-search-input{
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 42px !important;
        padding: 0 39px 0 35px !important;
        font-size: 14px !important;
        line-height: 42px !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body .site-header .header-search-input::placeholder{
        font-size: 14px !important;
        opacity: 1 !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    body .site-header .header-search-icon{
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        margin: 0 !important;
    }

    body .site-header .header-search-submit{
        position: absolute !important;
        right: 3px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body .site-header .header-actions > .btn,
    body .site-header .header-actions > .btn-primary{
        width: 126px !important;
        min-width: 126px !important;
        max-width: 126px !important;
        height: 42px !important;
        padding: 0 8px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .site-header .mobile-menu-toggle,
    body .site-header .menu-toggle{
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
}

/* ==================================================
   DESKTOP – CĂN ĐỀU Ô TÌM KIẾM, HOTLINE VÀ CTA
   Chỉ áp dụng desktop; không ảnh hưởng mobile/tablet.
================================================== */
@media (min-width: 1051px){
    body.mocnhat-home-v53 .site-header .header-top-inner{
        align-items: center !important;
    }

    body.mocnhat-home-v53 .site-header .header-actions{
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    body.mocnhat-home-v53 .site-header .header-search-wrap,
    body.mocnhat-home-v53 .site-header .header-search-form,
    body.mocnhat-home-v53 .site-header .header-phone{
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        align-self: center !important;
    }

    body.mocnhat-home-v53 .site-header .header-search-wrap,
    body.mocnhat-home-v53 .site-header .header-phone{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.mocnhat-home-v53 .site-header .header-search-form{
        position: relative !important;
        padding: 2px 4px 2px 12px !important;
    }

    body.mocnhat-home-v53 .site-header .header-search-input{
        height: 34px !important;
        min-height: 34px !important;
        line-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.mocnhat-home-v53 .site-header .header-search-submit{
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        margin: 0 !important;
    }

    body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        align-self: center !important;
    }
}

/* ==============================================================
   MỘC NHẬT V8.4.13.1 — DESKTOP HEADER DARK LUXURY FINAL OVERRIDE
   Chỉ áp dụng desktop từ 1051px. Không thay đổi mobile/tablet.
============================================================== */
@media (min-width:1051px){
  /* Khóa toàn bộ nền header về dark luxury, chống CSS Flatsome ghi đè. */
  html body.mocnhat-home-v53 .site-header,
  html body.mocnhat-home-v53 .site-header .header-top,
  html body.mocnhat-home-v53 .site-header .header-top > .container,
  html body.mocnhat-home-v53 .site-header .header-top-inner,
  html body.mocnhat-home-v53 .site-header .header-bottom,
  html body.mocnhat-home-v53 .site-header .header-bottom > .container,
  html body.mocnhat-home-v53 .site-header .header-bottom-inner,
  html body.mocnhat-home-v53 .site-header .primary-nav,
  html body.mocnhat-home-v53 .site-header .primary-nav > ul,
  html body.mocnhat-home-v53 .site-header .primary-nav ul{
    background-color:#090605!important;
    background-image:none!important;
    color:#f2dfbd!important;
    border-color:rgba(200,155,90,.16)!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html body.mocnhat-home-v53 .site-header{
    background-image:linear-gradient(180deg,#0b0706 0%,#080504 100%)!important;
    border-bottom:1px solid rgba(200,155,90,.16)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  }

  html body.mocnhat-home-v53 .site-header .header-top-inner{
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
  }

  /* Căn ô tìm kiếm, hotline và nút CTA cùng chiều cao. */
  html body.mocnhat-home-v53 .site-header .header-search-wrap,
  html body.mocnhat-home-v53 .site-header .header-search-form,
  html body.mocnhat-home-v53 .site-header .header-phone,
  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    box-sizing:border-box!important;
    align-self:center!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-wrap,
  html body.mocnhat-home-v53 .site-header .header-search-form,
  html body.mocnhat-home-v53 .site-header .header-phone{
    width:165px!important;
    min-width:165px!important;
    max-width:165px!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-wrap,
  html body.mocnhat-home-v53 .site-header .header-phone,
  html body.mocnhat-home-v53 .site-header .header-actions,
  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body.mocnhat-home-v53 .site-header .header-actions{
    gap:10px!important;
    height:38px!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-form,
  html body.mocnhat-home-v53 .site-header .header-phone{
    background:#120d0b!important;
    border:1px solid rgba(200,155,90,.24)!important;
    border-radius:999px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-form{
    position:relative!important;
    padding:2px 4px 2px 12px!important;
    overflow:hidden!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-input{
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    padding:0!important;
    margin:0!important;
    color:#d9c3a1!important;
    -webkit-text-fill-color:#d9c3a1!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-input::placeholder{
    color:#bca989!important;
    -webkit-text-fill-color:#bca989!important;
    opacity:1!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-submit{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0!important;
    background:#2b2119!important;
    border:0!important;
    color:#f1d69e!important;
    -webkit-text-fill-color:#f1d69e!important;
  }

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

  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    width:165px!important;
    min-width:165px!important;
    max-width:165px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#d3a856 0%,#f0cf87 55%,#d6a958 100%)!important;
    color:#1b130d!important;
    -webkit-text-fill-color:#1b130d!important;
    box-shadow:0 10px 26px rgba(200,155,90,.18)!important;
  }

  html body.mocnhat-home-v53 .site-header .header-bottom{
    min-height:46px!important;
    border-top:1px solid rgba(255,255,255,.025)!important;
    border-bottom:1px solid rgba(200,155,90,.14)!important;
  }

  html body.mocnhat-home-v53 .site-header .primary-nav a{
    background:transparent!important;
    color:#e7d4b4!important;
    -webkit-text-fill-color:#e7d4b4!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  html body.mocnhat-home-v53 .site-header .primary-nav a:hover,
  html body.mocnhat-home-v53 .site-header .primary-nav .current-menu-item > a,
  html body.mocnhat-home-v53 .site-header .primary-nav .current-menu-parent > a{
    color:#f3dfb8!important;
    -webkit-text-fill-color:#f3dfb8!important;
  }
}

/* ==============================================================
   MỘC NHẬT V8.4.13.3 — DESKTOP HEADER ONE ROW FINAL
   Giữ ô tìm kiếm, hotline và nút Xem sản phẩm trên cùng một hàng.
   Chỉ áp dụng desktop, không ảnh hưởng mobile/tablet.
============================================================== */
@media (min-width:1051px){
  html body.mocnhat-home-v53 .site-header .header-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    width:auto!important;
    min-width:530px!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-wrap,
  html body.mocnhat-home-v53 .site-header .header-search-form,
  html body.mocnhat-home-v53 .site-header .header-phone,
  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex:0 0 170px!important;
    margin:0!important;
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    align-self:center!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px!important;
    align-items:center!important;
    gap:4px!important;
    padding:3px 4px 3px 14px!important;
    border:1px solid rgba(200,155,90,.24)!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-input{
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    line-height:32px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.mocnhat-home-v53 .site-header .header-search-submit{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    border-radius:50%!important;
  }

  html body.mocnhat-home-v53 .site-header .header-phone,
  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  html body.mocnhat-home-v53 .site-header .header-actions .btn-primary{
    border:1px solid transparent!important;
  }
}

/* ==============================================================
   MỘC NHẬT V8.4.14 — MOBILE LOGO ONE ROW + FIXED CONTACT BAR
   Logo | Tìm sản phẩm | Xem sản phẩm | Menu
   Chỉ áp dụng mobile, không thay đổi desktop/tablet lớn.
============================================================== */
.mn-mobile-contact-bar{
  display:none;
}

@media (max-width:768px){
  html body .site-header .header-top,
  html body .mocnhat-store-header .header-top{
    overflow:visible!important;
  }

  html body .site-header .header-top-inner,
  html body .mocnhat-store-header .header-top-inner{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:14px 10px 15px!important;
    box-sizing:border-box!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 126px 42px!important;
    grid-template-rows:44px!important;
    align-items:center!important;
    justify-content:center!important;
    column-gap:7px!important;
    width:100%!important;
    max-width:414px!important;
    min-height:44px!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .logo-wrap,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .logo-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link{
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link img,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link img{
    display:block!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    border-radius:9px!important;
    transform:none!important;
  }

  /* Fallback nếu website chưa gắn ảnh logo. */
  html body .site-header .header-actions.mn-mobile-one-row .site-brand,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .site-brand{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    font-size:0!important;
    border:1px solid rgba(200,155,90,.28)!important;
    border-radius:9px!important;
    background:#120d0b!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .site-brand::before,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .site-brand::before{
    content:"MN"!important;
    color:#f0d8ae!important;
    -webkit-text-fill-color:#f0d8ae!important;
    font-family:"Playfair Display",Georgia,serif!important;
    font-size:13px!important;
    font-weight:700!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .site-tagline,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .site-tagline{
    display:none!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-phone,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-phone{
    display:none!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-wrap,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-wrap{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-form,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-form{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:1px solid rgba(200,155,90,.22)!important;
    border-radius:999px!important;
    background:#120d0b!important;
  }

  /* Chỉ giữ kính lúp tròn ở bên phải, bỏ kính lúp bên trái. */
  html body .site-header .header-actions.mn-mobile-one-row .header-search-icon,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-icon{
    display:none!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-input,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 39px 0 13px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#e7d4b4!important;
    -webkit-text-fill-color:#e7d4b4!important;
    font-size:13px!important;
    line-height:42px!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-input::placeholder,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-input::placeholder{
    color:#bca989!important;
    -webkit-text-fill-color:#bca989!important;
    opacity:1!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-submit,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-submit{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#2b2119!important;
    box-shadow:none!important;
    z-index:3!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .btn.btn-primary,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .btn.btn-primary{
    grid-column:3!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0 8px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .mobile-menu-toggle,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .mobile-menu-toggle{
    grid-column:4!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }

  body.mn-has-mobile-contact{
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }

  .mn-mobile-contact-bar{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    z-index:999999!important;
    display:grid!important;
    grid-template-columns:1.15fr 1fr 1fr!important;
    gap:6px!important;
    width:calc(100% - 20px)!important;
    max-width:430px!important;
    min-height:62px!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(222,177,92,.42)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(29,19,16,.97),rgba(8,6,5,.98))!important;
    box-shadow:0 15px 40px rgba(0,0,0,.58),0 0 20px rgba(221,173,83,.10)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }

  .mn-mobile-contact-bar__item{
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    padding:5px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid rgba(222,177,92,.25)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.025)!important;
    color:#f0d8ae!important;
    -webkit-text-fill-color:#f0d8ae!important;
    text-align:center!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .mn-mobile-contact-bar__item:first-child{
    border-color:rgba(255,231,171,.70)!important;
    background:linear-gradient(135deg,#d3a856 0%,#f0cf87 55%,#d6a958 100%)!important;
    color:#1b130d!important;
    -webkit-text-fill-color:#1b130d!important;
  }

  .mn-mobile-contact-bar__item:active{
    transform:scale(.97)!important;
  }

  .mn-mobile-contact-bar__icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    line-height:1!important;
  }

  .mn-mobile-contact-bar__icon svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .mn-mobile-contact-bar__label{
    display:block!important;
    max-width:100%!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1.1!important;
    letter-spacing:.65px!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:.82!important;
  }

  .mn-mobile-contact-bar__value{
    display:block!important;
    max-width:100%!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:374px){
  html body .site-header .header-actions.mn-mobile-one-row,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row{
    grid-template-columns:40px minmax(0,1fr) 108px 38px!important;
    column-gap:5px!important;
    padding:0 1px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .logo-wrap,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .logo-wrap,
  html body .site-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link img,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link img{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .btn.btn-primary,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .btn.btn-primary{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    padding:0 4px!important;
    font-size:11.8px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .mobile-menu-toggle,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .mobile-menu-toggle{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  .mn-mobile-contact-bar{
    width:calc(100% - 14px)!important;
    gap:4px!important;
    padding:5px!important;
  }

  .mn-mobile-contact-bar__value{
    font-size:10px!important;
  }
}

/* Giữ đủ chữ tìm kiếm trên các iPhone rộng 375–390px. */
@media (min-width:375px) and (max-width:390px){
  html body .site-header .header-actions.mn-mobile-one-row,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row{
    grid-template-columns:40px minmax(0,1fr) 114px 40px!important;
    column-gap:5px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .logo-wrap,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .logo-wrap,
  html body .site-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .logo-wrap > div,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .site-header .header-actions.mn-mobile-one-row .custom-logo-link img,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .custom-logo-link img{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .btn.btn-primary,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .btn.btn-primary{
    width:114px!important;
    min-width:114px!important;
    max-width:114px!important;
    padding:0 5px!important;
    font-size:12px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .mobile-menu-toggle,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .mobile-menu-toggle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}

/* ==============================================================
   MỘC NHẬT V8.4.14.1 — COMPACT MOBILE CONTACT BAR
   Thu gọn thanh Gọi ngay / Maps / Zalo, giữ nguyên bố cục header.
============================================================== */
@media (max-width:768px){
  body.mn-has-mobile-contact{
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }

  .mn-mobile-contact-bar{
    width:calc(100% - 32px)!important;
    max-width:398px!important;
    min-height:54px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    grid-template-columns:1.08fr 1fr 1fr!important;
    gap:4px!important;
    padding:4px!important;
    border-radius:17px!important;
    box-shadow:0 12px 32px rgba(0,0,0,.54),0 0 16px rgba(221,173,83,.08)!important;
  }

  .mn-mobile-contact-bar__item{
    min-height:44px!important;
    padding:4px 3px!important;
    gap:1px!important;
    border-radius:12px!important;
  }

  .mn-mobile-contact-bar__icon{
    width:16px!important;
    height:16px!important;
  }

  .mn-mobile-contact-bar__icon svg{
    width:16px!important;
    height:16px!important;
    stroke-width:1.75!important;
  }

  .mn-mobile-contact-bar__label{
    font-size:8px!important;
    line-height:1.05!important;
    letter-spacing:.5px!important;
  }

  .mn-mobile-contact-bar__value{
    font-size:10px!important;
    line-height:1.1!important;
  }
}

@media (max-width:374px){
  .mn-mobile-contact-bar{
    width:calc(100% - 20px)!important;
    min-height:52px!important;
    gap:3px!important;
    padding:4px!important;
  }

  .mn-mobile-contact-bar__item{
    min-height:42px!important;
  }

  .mn-mobile-contact-bar__label{
    font-size:7.5px!important;
  }

  .mn-mobile-contact-bar__value{
    font-size:9.3px!important;
  }
}


/* ==============================================================
   MỘC NHẬT V8.4.14.2 — CENTER DESKTOP HEADER ACTIONS
   Căn giữa cụm: Tìm sản phẩm | Số điện thoại | Xem sản phẩm.
   Giữ nguyên vị trí logo và toàn bộ giao diện mobile.
============================================================== */
@media (min-width:1051px){
  html body.mocnhat-home-v53 .site-header .header-top-inner{
    position:relative!important;
    grid-template-columns:170px minmax(0,1fr) 170px!important;
    align-items:center!important;
  }

  html body.mocnhat-home-v53 .site-header .logo-wrap{
    grid-column:1!important;
    justify-self:start!important;
    position:relative!important;
    z-index:2!important;
  }

  html body.mocnhat-home-v53 .site-header .header-actions{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:530px!important;
    min-width:530px!important;
    max-width:530px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    z-index:3!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.15 — LUXURY MENU FINAL
   Desktop + mobile đồng bộ dark luxury
================================================================== */

/* Xóa các nút mũi tên tròn/rời do Flatsome hoặc mã cũ tạo ra */
html body .site-header .primary-nav li.menu-item-has-children > button,
html body .site-header .primary-nav li.menu-item-has-children > .toggle,
html body .site-header .primary-nav li.menu-item-has-children > .submenu-toggle,
html body .site-header .primary-nav li.menu-item-has-children > .sub-menu-toggle,
html body .site-header .primary-nav li.menu-item-has-children > .icon-angle-down,
html body .site-header .primary-nav li.menu-item-has-children > i.icon-angle-down,
html body .site-header .primary-nav li.menu-item-has-children > a > .toggle,
html body .site-header .primary-nav li.menu-item-has-children > a > .submenu-toggle,
html body .site-header .primary-nav li.menu-item-has-children > a > .sub-menu-toggle,
html body .site-header .primary-nav li.menu-item-has-children > a > .icon-angle-down,
html body .site-header .primary-nav li.menu-item-has-children > a > i.icon-angle-down,
html body .mocnhat-store-header .primary-nav li.menu-item-has-children > button,
html body .mocnhat-store-header .primary-nav li.menu-item-has-children > .toggle,
html body .mocnhat-store-header .primary-nav li.menu-item-has-children > .submenu-toggle,
html body .mocnhat-store-header .primary-nav li.menu-item-has-children > .sub-menu-toggle,
html body .mocnhat-store-header .primary-nav li.menu-item-has-children > .icon-angle-down{
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* ================= DESKTOP ================= */
@media (min-width:1051px){

  html body .site-header .header-bottom,
  html body .mocnhat-store-header .header-bottom{
    min-height:50px!important;
    overflow:visible!important;
    background:#0b0706!important;
    border-top:1px solid rgba(255,255,255,.025)!important;
    border-bottom:1px solid rgba(200,155,90,.15)!important;
  }

  html body .site-header .header-bottom .container,
  html body .site-header .header-bottom-inner,
  html body .site-header .primary-nav,
  html body .mocnhat-store-header .header-bottom .container,
  html body .mocnhat-store-header .header-bottom-inner,
  html body .mocnhat-store-header .primary-nav{
    overflow:visible!important;
  }

  html body .site-header .primary-nav > ul,
  html body .mocnhat-store-header .primary-nav > ul{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow:visible!important;
  }

  html body .site-header .primary-nav > ul > li,
  html body .mocnhat-store-header .primary-nav > ul > li{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    margin:0 1px!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body .site-header .primary-nav > ul > li > a,
  html body .mocnhat-store-header .primary-nav > ul > li > a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    margin:0!important;
    padding:10px 14px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#ead8ba!important;
    -webkit-text-fill-color:#ead8ba!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transition:.22s ease!important;
  }

  html body .site-header .primary-nav > ul > li.menu-item-has-children > a,
  html body .mocnhat-store-header .primary-nav > ul > li.menu-item-has-children > a{
    padding-right:29px!important;
  }

  /* Chevron mảnh nằm sát tên menu */
  html body .site-header .primary-nav > ul > li.menu-item-has-children > a::after,
  html body .mocnhat-store-header .primary-nav > ul > li.menu-item-has-children > a::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    right:13px!important;
    width:6px!important;
    height:6px!important;
    margin:-4px 0 0!important;
    padding:0!important;
    border:0!important;
    border-right:1.5px solid #cda65f!important;
    border-bottom:1.5px solid #cda65f!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    opacity:.9!important;
    visibility:visible!important;
    transform:rotate(45deg)!important;
    transition:.22s ease!important;
    pointer-events:none!important;
  }

  html body .site-header .primary-nav > ul > li:hover > a,
  html body .site-header .primary-nav > ul > li:focus-within > a,
  html body .site-header .primary-nav > ul > li.current-menu-item > a,
  html body .site-header .primary-nav > ul > li.current-menu-parent > a,
  html body .site-header .primary-nav > ul > li.current-menu-ancestor > a,
  html body .mocnhat-store-header .primary-nav > ul > li:hover > a,
  html body .mocnhat-store-header .primary-nav > ul > li:focus-within > a,
  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{
    color:#f5dfb4!important;
    -webkit-text-fill-color:#f5dfb4!important;
    background:linear-gradient(180deg,rgba(200,155,90,.10),rgba(200,155,90,.04))!important;
    border-color:rgba(200,155,90,.18)!important;
    transform:translateY(-1px)!important;
  }

  html body .site-header .primary-nav > ul > li.menu-item-has-children:hover > a::after,
  html body .site-header .primary-nav > ul > li.menu-item-has-children:focus-within > a::after,
  html body .mocnhat-store-header .primary-nav > ul > li.menu-item-has-children:hover > a::after{
    transform:rotate(225deg)!important;
    margin-top:0!important;
    opacity:1!important;
  }

  /* Dropdown */
  html body .site-header .primary-nav > ul > li > .sub-menu,
  html body .mocnhat-store-header .primary-nav > ul > li > .sub-menu{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:50%!important;
    z-index:99999!important;
    display:block!important;
    width:max-content!important;
    min-width:230px!important;
    max-width:300px!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid rgba(211,168,86,.24)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(31,20,16,.985),rgba(11,7,6,.99))!important;
    box-shadow:0 22px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,8px)!important;
    transition:.20s ease!important;
    overflow:visible!important;
  }

  html body .site-header .primary-nav > ul > li > .sub-menu::before,
  html body .mocnhat-store-header .primary-nav > ul > li > .sub-menu::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-10px!important;
    height:10px!important;
    background:transparent!important;
  }

  html body .site-header .primary-nav > ul > li:hover > .sub-menu,
  html body .site-header .primary-nav > ul > li:focus-within > .sub-menu,
  html body .mocnhat-store-header .primary-nav > ul > li:hover > .sub-menu,
  html body .mocnhat-store-header .primary-nav > ul > li:focus-within > .sub-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }

  html body .site-header .primary-nav .sub-menu li,
  html body .mocnhat-store-header .primary-nav .sub-menu li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  html body .site-header .primary-nav .sub-menu a,
  html body .mocnhat-store-header .primary-nav .sub-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:10px 13px 10px 29px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#dcc7a6!important;
    -webkit-text-fill-color:#dcc7a6!important;
    font-size:13.5px!important;
    font-weight:500!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
    transition:.20s ease!important;
  }

  html body .site-header .primary-nav .sub-menu a::before,
  html body .mocnhat-store-header .primary-nav .sub-menu a::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    width:5px!important;
    height:5px!important;
    margin-top:-2.5px!important;
    border:1px solid rgba(214,174,96,.8)!important;
    border-radius:50%!important;
    background:transparent!important;
    opacity:.85!important;
  }

  html body .site-header .primary-nav .sub-menu a:hover,
  html body .site-header .primary-nav .sub-menu .current-menu-item > a,
  html body .mocnhat-store-header .primary-nav .sub-menu a:hover,
  html body .mocnhat-store-header .primary-nav .sub-menu .current-menu-item > a{
    padding-left:33px!important;
    color:#f3dfb8!important;
    -webkit-text-fill-color:#f3dfb8!important;
    background:rgba(200,155,90,.095)!important;
    border-color:rgba(200,155,90,.14)!important;
  }

  html body .site-header .primary-nav .sub-menu a:hover::before,
  html body .site-header .primary-nav .sub-menu .current-menu-item > a::before,
  html body .mocnhat-store-header .primary-nav .sub-menu a:hover::before{
    background:#d7ad62!important;
    border-color:#d7ad62!important;
    box-shadow:0 0 10px rgba(215,173,98,.34)!important;
  }
}

/* ================= MOBILE / TABLET ================= */
@media (max-width:1050px){

  html body .site-header .header-bottom.is-open,
  html body .mocnhat-store-header .header-bottom.is-open{
    background:linear-gradient(180deg,#0d0907 0%,#080504 100%)!important;
    border-top:1px solid rgba(200,155,90,.14)!important;
    border-bottom:1px solid rgba(200,155,90,.18)!important;
    box-shadow:0 20px 46px rgba(0,0,0,.48)!important;
  }

  html body .site-header .header-bottom.is-open .header-bottom-inner,
  html body .mocnhat-store-header .header-bottom.is-open .header-bottom-inner{
    padding:9px 14px 13px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul{
    gap:3px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#eeddbf!important;
    -webkit-text-fill-color:#eeddbf!important;
    font-size:14.5px!important;
    font-weight:650!important;
    line-height:1.25!important;
    text-align:left!important;
    box-shadow:none!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a{
    padding-right:38px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    right:16px!important;
    width:7px!important;
    height:7px!important;
    margin:-5px 0 0!important;
    border:0!important;
    border-right:1.5px solid #cfa75f!important;
    border-bottom:1.5px solid #cfa75f!important;
    background:none!important;
    opacity:.9!important;
    visibility:visible!important;
    transform:rotate(45deg)!important;
    pointer-events:none!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li > a:hover,
  html body .site-header .header-bottom.is-open .primary-nav > ul > li.current-menu-item > a,
  html body .site-header .header-bottom.is-open .primary-nav > ul > li.current-menu-parent > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li > a:hover,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.current-menu-item > a{
    background:linear-gradient(180deg,rgba(200,155,90,.11),rgba(200,155,90,.045))!important;
    border-color:rgba(200,155,90,.16)!important;
    color:#f7e8ce!important;
    -webkit-text-fill-color:#f7e8ce!important;
  }

  /* Menu con hiện gọn dưới menu cha */
  html body .site-header .header-bottom.is-open .primary-nav .sub-menu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu{
    position:static!important;
    display:block!important;
    width:calc(100% - 18px)!important;
    min-width:0!important;
    max-width:none!important;
    margin:1px 0 8px 18px!important;
    padding:3px 0 3px 12px!important;
    border:0!important;
    border-left:1px solid rgba(205,166,95,.34)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav .sub-menu li,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu li{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav .sub-menu a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:39px!important;
    margin:0!important;
    padding:9px 11px 9px 22px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#cfbb9b!important;
    -webkit-text-fill-color:#cfbb9b!important;
    font-size:13.5px!important;
    font-weight:500!important;
    line-height:1.3!important;
    text-align:left!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav .sub-menu a::before,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu a::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:8px!important;
    top:50%!important;
    width:4px!important;
    height:4px!important;
    margin-top:-2px!important;
    border-radius:50%!important;
    background:#b98e4f!important;
    box-shadow:0 0 8px rgba(185,142,79,.2)!important;
    opacity:.9!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav .sub-menu a:hover,
  html body .site-header .header-bottom.is-open .primary-nav .sub-menu .current-menu-item > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu a:hover{
    background:rgba(200,155,90,.075)!important;
    color:#f0d8ae!important;
    -webkit-text-fill-color:#f0d8ae!important;
  }
}

@media (max-width:374px){
  html body .site-header .header-bottom.is-open .primary-nav > ul > li > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li > a{
    font-size:14px!important;
    padding-left:12px!important;
    padding-right:34px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav .sub-menu a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav .sub-menu a{
    font-size:13px!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.15.1 — DESKTOP HOVER / MOBILE COLLAPSE MENU FIX
   - Desktop: không hiển thị mũi tên; rê chuột vẫn xổ danh mục con
   - Mobile: danh mục con đóng mặc định; bấm nút bên phải để mở/thu gọn
================================================================== */

/* DESKTOP: bỏ toàn bộ mũi tên cạnh menu cha, vẫn giữ dropdown hover */
@media (min-width:1051px){
  html body .site-header .primary-nav > ul > li.menu-item-has-children > a,
  html body .mocnhat-store-header .primary-nav > ul > li.menu-item-has-children > a{
    padding-right:14px!important;
  }

  html body .site-header .primary-nav > ul > li.menu-item-has-children > a::after,
  html body .mocnhat-store-header .primary-nav > ul > li.menu-item-has-children > a::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    display:none!important;
  }
}

/* MOBILE/TABLET: submenu đóng mặc định và mở theo class do theme.js điều khiển */
@media (max-width:1050px){

  /* Bỏ mũi tên giả cũ nằm cạnh chữ */
  html body .site-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a::after{
    content:none!important;
    display:none!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children{
    position:relative!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav > ul > li.menu-item-has-children > a{
    padding-right:54px!important;
  }

  /* Nút mở/đóng riêng, không làm mất link của menu cha */
  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    position:absolute!important;
    top:4px!important;
    right:5px!important;
    z-index:5!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(200,155,90,.20)!important;
    border-radius:11px!important;
    background:rgba(200,155,90,.055)!important;
    color:#d7ad62!important;
    -webkit-text-fill-color:#d7ad62!important;
    box-shadow:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle::before,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle::before{
    content:""!important;
    display:block!important;
    width:7px!important;
    height:7px!important;
    margin:-4px 0 0!important;
    border-right:1.7px solid currentColor!important;
    border-bottom:1.7px solid currentColor!important;
    transform:rotate(45deg)!important;
    transform-origin:center!important;
    transition:transform .2s ease,margin .2s ease!important;
  }

  html body .site-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle{
    background:rgba(200,155,90,.12)!important;
    border-color:rgba(200,155,90,.34)!important;
  }

  html body .site-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle::before,
  html body .mocnhat-store-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle::before{
    margin:3px 0 0!important;
    transform:rotate(225deg)!important;
  }

  /* Quan trọng: đóng mặc định */
  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > .sub-menu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > .sub-menu{
    display:none!important;
    max-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Chỉ mở submenu vừa được bấm */
  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children.mn-submenu-open > .sub-menu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children.mn-submenu-open > .sub-menu{
    display:block!important;
    max-height:600px!important;
    margin:1px 0 8px 18px!important;
    padding:3px 0 3px 12px!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media (max-width:374px){
  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    top:5px!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.15.2 — MOBILE MENU TOGGLE VISIBLE FINAL
   Desktop: không hiện nút/mũi tên, rê chuột để xổ menu con.
   Mobile: hiện nút + / − nhỏ bên phải, menu con đóng mặc định.
================================================================== */

@media (min-width:1051px){
  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    display:none!important;
  }

  html body .site-header .primary-nav li.mn-has-submenu > a::after,
  html body .mocnhat-store-header .primary-nav li.mn-has-submenu > a::after,
  html body .site-header .primary-nav li.menu-item-has-children > a::after,
  html body .mocnhat-store-header .primary-nav li.menu-item-has-children > a::after{
    content:none!important;
    display:none!important;
  }
}

@media (max-width:1050px){
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu{
    position:relative!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a{
    padding-right:58px!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a::after{
    content:none!important;
    display:none!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:5px!important;
    right:7px!important;
    z-index:30!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(211,170,96,.30)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(211,170,96,.12),rgba(211,170,96,.045))!important;
    color:#e5bd75!important;
    -webkit-text-fill-color:#e5bd75!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle-mark,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle-mark{
    position:relative!important;
    display:block!important;
    width:14px!important;
    height:14px!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle-mark::before,
  html body .site-header .primary-nav .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle-mark::before,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle-mark::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    width:12px!important;
    height:1.5px!important;
    border-radius:99px!important;
    background:currentColor!important;
    transform:translate(-50%,-50%)!important;
    transition:opacity .2s ease,transform .2s ease!important;
  }

  html body .site-header .primary-nav .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle-mark::after{
    transform:translate(-50%,-50%) rotate(90deg)!important;
  }

  html body .site-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle{
    border-color:rgba(232,195,126,.48)!important;
    background:linear-gradient(180deg,rgba(211,170,96,.20),rgba(211,170,96,.08))!important;
  }

  html body .site-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .primary-nav li.mn-submenu-open > .mn-submenu-toggle .mn-submenu-toggle-mark::after{
    opacity:0!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
  }

  /* Đóng toàn bộ submenu theo mặc định */
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > .sub-menu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > .sub-menu{
    display:none!important;
    max-height:0!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Chỉ mở submenu của mục vừa bấm nút + */
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu.mn-submenu-open > .sub-menu,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu.mn-submenu-open > .sub-menu{
    display:block!important;
    width:calc(100% - 20px)!important;
    max-height:600px!important;
    margin:4px 0 10px 20px!important;
    padding:4px 0 4px 12px!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media (max-width:374px){
  html body .site-header .primary-nav .mn-submenu-toggle,
  html body .mocnhat-store-header .primary-nav .mn-submenu-toggle{
    top:6px!important;
    right:5px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.15.3 — ONLY FIX MOBILE + / − BUTTON VISIBILITY
   Chỉ sửa nút đóng/mở menu con trên mobile. Không đổi bố cục khác.
================================================================== */
@media (max-width:1050px){

  /*
   * Ghi đè rule V8.4.15 cũ đang ẩn tất cả button trực tiếp
   * trong menu-item-has-children.
   */
  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    z-index:999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(224,181,105,.30)!important;
    border-radius:11px!important;
    background:linear-gradient(
      180deg,
      rgba(211,170,96,.13),
      rgba(211,170,96,.055)
    )!important;
    color:#e7bf79!important;
    -webkit-text-fill-color:#e7bf79!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    overflow:visible!important;
    transform:translateY(-50%)!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark{
    position:relative!important;
    display:block!important;
    width:14px!important;
    height:14px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::before,
  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::before,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::before,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::before,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    width:12px!important;
    height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:99px!important;
    background:#e7bf79!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,-50%)!important;
  }

  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle .mn-submenu-toggle-mark::after{
    transform:translate(-50%,-50%) rotate(90deg)!important;
  }

  /* Khi mở: dấu + chuyển thành dấu − */
  html body .site-header .header-bottom.is-open .primary-nav li.mn-submenu-open > button.mn-submenu-toggle .mn-submenu-toggle-mark::after,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-submenu-open > button.mn-submenu-toggle .mn-submenu-toggle-mark::after{
    opacity:0!important;
    visibility:hidden!important;
  }

  /*
   * Chừa chỗ cho nút bên phải nhưng không thay đổi kiểu chữ,
   * khoảng cách hoặc màu của các mục menu khác.
   */
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > a{
    padding-right:58px!important;
  }
}

@media (max-width:374px){
  html body .site-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle,
  html body .site-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.menu-item-has-children > button.mn-submenu-toggle,
  html body .mocnhat-store-header .header-bottom.is-open .primary-nav li.mn-has-submenu > button.mn-submenu-toggle{
    right:7px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.16 — DESKTOP PRODUCT TYPOGRAPHY + HOMEPAGE FOOTER LOGO
   - Chỉ áp dụng desktop từ 1051px
   - Làm sáng nội dung mô tả sản phẩm, font dễ đọc và sang trọng
   - Phóng to logo footer ở homepage
   - Không thay đổi mobile/tablet
================================================================== */
@media (min-width:1051px){

  /* ===== NỘI DUNG MÔ TẢ SẢN PHẨM ===== */
  html body.single-product .product-footer .woocommerce-tabs,
  html body.single-product .product-footer .tab-panels,
  html body.single-product .product-footer .tab-panels .panel,
  html body.single-product .woocommerce-Tabs-panel,
  html body.single-product #tab-description,
  html body.mocnhat-store-v66.single-product .product-footer .tab-panels .panel{
    color:#ead8ba!important;
    -webkit-text-fill-color:#ead8ba!important;
    opacity:1!important;
    text-shadow:none!important;
    font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    line-height:1.76!important;
    letter-spacing:.005em!important;
  }

  html body.single-product .product-footer .tab-panels .panel p,
  html body.single-product .product-footer .tab-panels .panel li,
  html body.single-product .woocommerce-Tabs-panel p,
  html body.single-product .woocommerce-Tabs-panel li,
  html body.single-product #tab-description p,
  html body.single-product #tab-description li,
  html body.single-product .entry-content.product-page-accordian p,
  html body.single-product .entry-content.product-page-accordian li{
    color:#ead8ba!important;
    -webkit-text-fill-color:#ead8ba!important;
    opacity:1!important;
    font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.76!important;
    letter-spacing:.005em!important;
  }

  html body.single-product .product-footer .tab-panels .panel p,
  html body.single-product .woocommerce-Tabs-panel p,
  html body.single-product #tab-description p{
    margin:0 0 18px!important;
  }

  html body.single-product .product-footer .tab-panels .panel h1,
  html body.single-product .product-footer .tab-panels .panel h2,
  html body.single-product .product-footer .tab-panels .panel h3,
  html body.single-product .product-footer .tab-panels .panel h4,
  html body.single-product .woocommerce-Tabs-panel h1,
  html body.single-product .woocommerce-Tabs-panel h2,
  html body.single-product .woocommerce-Tabs-panel h3,
  html body.single-product .woocommerce-Tabs-panel h4,
  html body.single-product #tab-description h1,
  html body.single-product #tab-description h2,
  html body.single-product #tab-description h3,
  html body.single-product #tab-description h4{
    color:#f5e4c9!important;
    -webkit-text-fill-color:#f5e4c9!important;
    opacity:1!important;
    text-shadow:none!important;
    font-family:"Playfair Display",Georgia,"Times New Roman",serif!important;
    font-weight:700!important;
    line-height:1.26!important;
    letter-spacing:-.01em!important;
    text-transform:none!important;
  }

  html body.single-product .product-footer .tab-panels .panel h2,
  html body.single-product .woocommerce-Tabs-panel h2,
  html body.single-product #tab-description h2{
    margin:28px 0 12px!important;
    font-size:26px!important;
  }

  html body.single-product .product-footer .tab-panels .panel h3,
  html body.single-product .woocommerce-Tabs-panel h3,
  html body.single-product #tab-description h3{
    margin:24px 0 10px!important;
    font-size:21px!important;
  }

  html body.single-product .product-footer .tab-panels .panel h4,
  html body.single-product .woocommerce-Tabs-panel h4,
  html body.single-product #tab-description h4{
    margin:20px 0 9px!important;
    font-size:18px!important;
  }

  html body.single-product .product-footer .tab-panels .panel strong,
  html body.single-product .product-footer .tab-panels .panel b,
  html body.single-product .woocommerce-Tabs-panel strong,
  html body.single-product .woocommerce-Tabs-panel b,
  html body.single-product #tab-description strong,
  html body.single-product #tab-description b{
    color:#f3ddba!important;
    -webkit-text-fill-color:#f3ddba!important;
    opacity:1!important;
    font-weight:700!important;
  }

  html body.single-product .product-footer .tab-panels .panel a,
  html body.single-product .woocommerce-Tabs-panel a,
  html body.single-product #tab-description a{
    color:#e6ba70!important;
    -webkit-text-fill-color:#e6ba70!important;
    text-decoration-color:rgba(230,186,112,.55)!important;
  }

  html body.single-product .product-footer .tab-panels .panel ul,
  html body.single-product .product-footer .tab-panels .panel ol,
  html body.single-product .woocommerce-Tabs-panel ul,
  html body.single-product .woocommerce-Tabs-panel ol,
  html body.single-product #tab-description ul,
  html body.single-product #tab-description ol{
    margin:10px 0 20px!important;
    padding-left:24px!important;
  }

  html body.single-product .product-footer .tab-panels .panel li::marker,
  html body.single-product .woocommerce-Tabs-panel li::marker,
  html body.single-product #tab-description li::marker{
    color:#d3a856!important;
  }

  /* Nhãn tab Mô tả / Đánh giá rõ hơn */
  html body.single-product .product-footer .product-tabs a,
  html body.single-product .woocommerce-tabs .tabs a,
  html body.single-product .wc-tabs a{
    color:#d8c19c!important;
    -webkit-text-fill-color:#d8c19c!important;
    opacity:1!important;
    font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
  }

  html body.single-product .product-footer .product-tabs .active a,
  html body.single-product .woocommerce-tabs .tabs .active a,
  html body.single-product .wc-tabs .active a{
    color:#f4dfb7!important;
    -webkit-text-fill-color:#f4dfb7!important;
  }

  /* ===== LOGO FOOTER HOMEPAGE ===== */
  html body.mocnhat-home-v53 .site-footer .footer-grid > :first-child,
  html body.home.mocnhat-home-v53 .site-footer .footer-grid > :first-child{
    min-width:250px!important;
  }

  html body.mocnhat-home-v53 .site-footer .footer-grid > :first-child .custom-logo-link,
  html body.mocnhat-home-v53 .site-footer .footer-grid > :first-child .footer-logo,
  html body.mocnhat-home-v53 .site-footer .footer-grid > :first-child .footer-brand-logo,
  html body.home.mocnhat-home-v53 .site-footer .footer-grid > :first-child .custom-logo-link{
    display:block!important;
    width:250px!important;
    max-width:250px!important;
    height:auto!important;
    margin:0 0 16px!important;
  }

  html body.mocnhat-home-v53 .site-footer .footer-grid > :first-child img,
  html body.home.mocnhat-home-v53 .site-footer .footer-grid > :first-child img,
  html body.mocnhat-home-v53 .site-footer img.footer-logo,
  html body.mocnhat-home-v53 .site-footer .footer-logo img,
  html body.mocnhat-home-v53 .site-footer .footer-brand-logo img{
    display:block!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    margin:0 0 16px!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}


/* ==================================================================
   MỘC NHẬT V8.4.17 — SINGLE PRODUCT DESKTOP ALIGNMENT
   Căn đều khối Mô tả và Sản phẩm tương tự, tạo khoảng thở rõ ràng.
   Chỉ áp dụng desktop; giữ nguyên mobile/tablet.
================================================================== */
@media (min-width:1051px){
  /* Khóa một trục nội dung chung cho toàn bộ phần dưới trang sản phẩm. */
  html body.single-product .product-footer{
    display:block!important;
    clear:both!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    inset:auto!important;
    transform:none!important;
    width:min(calc(100% - 48px),1040px)!important;
    min-width:0!important;
    max-width:1040px!important;
    margin:32px auto 42px!important;
    padding:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Không để các container lồng nhau tự trừ chiều rộng hoặc lệch trái/phải. */
  html body.single-product .product-footer > .container,
  html body.single-product .product-footer .container,
  html body.single-product .product-footer .woocommerce-tabs,
  html body.single-product .product-footer .woocommerce-tabs .panel,
  html body.single-product .product-footer .woocommerce-tabs .entry-content,
  html body.single-product .product-footer .woocommerce-Tabs-panel{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Khối mô tả: viền, bo góc và khoảng đệm đồng bộ. */
  html body.single-product .product-footer .woocommerce-tabs{
    margin-top:0!important;
    margin-bottom:0!important;
    padding:22px 26px 30px!important;
    border:1px solid rgba(232,203,128,.17)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(200,155,90,.045),transparent 34%),
      linear-gradient(180deg,rgba(29,20,18,.94),rgba(14,9,8,.985))!important;
    box-shadow:0 22px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }

  /* Khoảng cách rõ ràng giữa mô tả và sản phẩm tương tự. */
  html body.single-product .related.related-products-wrapper{
    clear:both!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    inset:auto!important;
    transform:none!important;
    width:min(calc(100% - 48px),1040px)!important;
    min-width:0!important;
    max-width:1040px!important;
    margin:30px auto 0!important;
    padding:26px 18px 22px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(232,203,128,.17)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(200,155,90,.055),transparent 34%),
      linear-gradient(180deg,rgba(29,20,18,.94),rgba(14,9,8,.985))!important;
    box-shadow:0 22px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }

  /* Khi related nằm bên trong product-footer thì dùng đúng 100% trục cha. */
  html body.single-product .product-footer .related.related-products-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:30px 0 0!important;
  }

  /* Loại bỏ margin âm của Row/Slider khiến dãy sản phẩm lệch khỏi khung. */
  html body.single-product .related.related-products-wrapper > .row,
  html body.single-product .related.related-products-wrapper .row,
  html body.single-product .related.related-products-wrapper .slider,
  html body.single-product .related.related-products-wrapper .flickity-enabled,
  html body.single-product .related.related-products-wrapper .flickity-viewport{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html body.single-product .related.related-products-wrapper > h2{
    margin:0 0 20px!important;
    padding:0 2px!important;
  }

  /* Căn đều khoảng cách giữa các thẻ mà không ép sát mép khung. */
  html body.single-product .related.related-products-wrapper .product-small,
  html body.single-product .related.related-products-wrapper .product-small.box{
    margin-bottom:0!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.18 — PRODUCT DESCRIPTION TYPOGRAPHY + TABS UNIFIED
   Đồng bộ độ sáng chữ, font tiêu đề/nội dung và tab Mô tả – Đánh giá
   trên desktop + mobile. Giữ nguyên bố cục header, menu và thanh liên hệ.
================================================================== */

/* ---------- NỀN / KHUNG CHUNG PHẦN MÔ TẢ ---------- */
html body.single-product .product-footer .woocommerce-tabs,
html body.single-product .product-footer .tab-panels,
html body.single-product .product-footer .woocommerce-Tabs-panel,
html body.single-product .product-footer #tab-description,
html body.single-product .product-footer #tab-reviews{
  color:#ead9bf!important;
  -webkit-text-fill-color:#ead9bf!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  box-sizing:border-box!important;
}

html body.single-product .product-footer .woocommerce-tabs{
  border:1px solid rgba(224,180,103,.22)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(210,160,82,.055),transparent 34%),
    linear-gradient(180deg,rgba(31,21,18,.97),rgba(15,10,9,.99))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* ---------- TAB MÔ TẢ / ĐÁNH GIÁ ---------- */
html body.single-product .product-footer ul.product-tabs,
html body.single-product .product-footer ul.tabs.wc-tabs,
html body.single-product .woocommerce-tabs ul.tabs,
html body.single-product ul.wc-tabs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 24px!important;
  padding:0 0 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(224,180,103,.18)!important;
  background:transparent!important;
  list-style:none!important;
}

html body.single-product .product-footer ul.product-tabs > li,
html body.single-product .product-footer ul.tabs.wc-tabs > li,
html body.single-product .woocommerce-tabs ul.tabs > li,
html body.single-product ul.wc-tabs > li{
  display:block!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

html body.single-product .product-footer ul.product-tabs > li > a,
html body.single-product .product-footer ul.tabs.wc-tabs > li > a,
html body.single-product .woocommerce-tabs ul.tabs > li > a,
html body.single-product ul.wc-tabs > li > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:1px solid rgba(224,180,103,.20)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;
  color:#d9c29f!important;
  -webkit-text-fill-color:#d9c29f!important;
  opacity:1!important;
  font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}

html body.single-product .product-footer ul.product-tabs > li.active > a,
html body.single-product .product-footer ul.tabs.wc-tabs > li.active > a,
html body.single-product .woocommerce-tabs ul.tabs > li.active > a,
html body.single-product ul.wc-tabs > li.active > a{
  border-color:rgba(239,196,116,.68)!important;
  background:linear-gradient(135deg,rgba(218,169,87,.20),rgba(135,88,37,.10))!important;
  color:#f6e5c7!important;
  -webkit-text-fill-color:#f6e5c7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.12)!important;
}

html body.single-product .product-footer ul.product-tabs > li > a:hover,
html body.single-product .product-footer ul.tabs.wc-tabs > li > a:hover,
html body.single-product .woocommerce-tabs ul.tabs > li > a:hover,
html body.single-product ul.wc-tabs > li > a:hover{
  border-color:rgba(239,196,116,.50)!important;
  color:#f2d9ad!important;
  -webkit-text-fill-color:#f2d9ad!important;
}

/* Xóa gạch/marker mặc định xung đột của theme. */
html body.single-product .woocommerce-tabs ul.tabs::before,
html body.single-product .woocommerce-tabs ul.tabs::after,
html body.single-product .woocommerce-tabs ul.tabs li::before,
html body.single-product .woocommerce-tabs ul.tabs li::after,
html body.single-product .product-tabs li::before,
html body.single-product .product-tabs li::after{
  display:none!important;
  content:none!important;
}

/* ---------- NỘI DUNG MÔ TẢ: FONT + ĐỘ SÁNG ---------- */
html body.single-product .product-footer .tab-panels .panel,
html body.single-product .product-footer .woocommerce-Tabs-panel,
html body.single-product .product-footer #tab-description,
html body.single-product .product-footer #tab-reviews,
html body.single-product .product-footer .entry-content{
  color:#ead9bf!important;
  -webkit-text-fill-color:#ead9bf!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
  letter-spacing:.002em!important;
}

html body.single-product .product-footer .tab-panels .panel p,
html body.single-product .product-footer .tab-panels .panel li,
html body.single-product .product-footer .woocommerce-Tabs-panel p,
html body.single-product .product-footer .woocommerce-Tabs-panel li,
html body.single-product .product-footer #tab-description p,
html body.single-product .product-footer #tab-description li,
html body.single-product .product-footer #tab-reviews p,
html body.single-product .product-footer #tab-reviews li,
html body.single-product .product-footer .entry-content p,
html body.single-product .product-footer .entry-content li{
  color:#ead9bf!important;
  -webkit-text-fill-color:#ead9bf!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-family:"Be Vietnam Pro","Inter","Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}

html body.single-product .product-footer .tab-panels .panel h1,
html body.single-product .product-footer .tab-panels .panel h2,
html body.single-product .product-footer .tab-panels .panel h3,
html body.single-product .product-footer .tab-panels .panel h4,
html body.single-product .product-footer .tab-panels .panel h5,
html body.single-product .product-footer .tab-panels .panel h6,
html body.single-product .product-footer .woocommerce-Tabs-panel h1,
html body.single-product .product-footer .woocommerce-Tabs-panel h2,
html body.single-product .product-footer .woocommerce-Tabs-panel h3,
html body.single-product .product-footer .woocommerce-Tabs-panel h4,
html body.single-product .product-footer .woocommerce-Tabs-panel h5,
html body.single-product .product-footer .woocommerce-Tabs-panel h6,
html body.single-product .product-footer #tab-description h1,
html body.single-product .product-footer #tab-description h2,
html body.single-product .product-footer #tab-description h3,
html body.single-product .product-footer #tab-description h4,
html body.single-product .product-footer #tab-description h5,
html body.single-product .product-footer #tab-description h6,
html body.single-product .product-footer #tab-reviews h1,
html body.single-product .product-footer #tab-reviews h2,
html body.single-product .product-footer #tab-reviews h3,
html body.single-product .product-footer #tab-reviews h4,
html body.single-product .product-footer #tab-reviews h5,
html body.single-product .product-footer #tab-reviews h6{
  color:#f6e7cf!important;
  -webkit-text-fill-color:#f6e7cf!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
  font-family:"Playfair Display",Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  font-style:normal!important;
  letter-spacing:-.012em!important;
  text-transform:none!important;
}

html body.single-product .product-footer strong,
html body.single-product .product-footer b{
  color:#f4dfbb!important;
  -webkit-text-fill-color:#f4dfbb!important;
  opacity:1!important;
  font-weight:700!important;
}

html body.single-product .product-footer a:not(.button){
  color:#e7ba70!important;
  -webkit-text-fill-color:#e7ba70!important;
  text-decoration-color:rgba(231,186,112,.55)!important;
}

html body.single-product .product-footer li::marker{
  color:#d6a755!important;
}

/* ---------- DESKTOP ---------- */
@media (min-width:1051px){
  html body.single-product .product-footer .woocommerce-tabs{
    padding:24px 28px 32px!important;
  }

  html body.single-product .product-footer .tab-panels .panel,
  html body.single-product .product-footer .woocommerce-Tabs-panel,
  html body.single-product .product-footer #tab-description,
  html body.single-product .product-footer #tab-reviews,
  html body.single-product .product-footer .entry-content{
    font-size:16px!important;
    line-height:1.78!important;
  }

  html body.single-product .product-footer .tab-panels .panel p,
  html body.single-product .product-footer .tab-panels .panel li,
  html body.single-product .product-footer .woocommerce-Tabs-panel p,
  html body.single-product .product-footer .woocommerce-Tabs-panel li,
  html body.single-product .product-footer #tab-description p,
  html body.single-product .product-footer #tab-description li,
  html body.single-product .product-footer #tab-reviews p,
  html body.single-product .product-footer #tab-reviews li{
    font-size:16px!important;
    line-height:1.78!important;
  }

  html body.single-product .product-footer p{
    margin:0 0 18px!important;
  }

  html body.single-product .product-footer h2{
    margin:30px 0 13px!important;
    font-size:27px!important;
    line-height:1.24!important;
  }

  html body.single-product .product-footer h3{
    margin:25px 0 11px!important;
    font-size:22px!important;
    line-height:1.30!important;
  }

  html body.single-product .product-footer h4{
    margin:21px 0 9px!important;
    font-size:18px!important;
    line-height:1.35!important;
  }
}

/* ---------- MOBILE + TABLET ---------- */
@media (max-width:1050px){
  html body.single-product .product-footer{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:24px 12px 34px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  html body.single-product .product-footer .woocommerce-tabs{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px 18px 26px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }

  html body.single-product .product-footer ul.product-tabs,
  html body.single-product .product-footer ul.tabs.wc-tabs,
  html body.single-product .woocommerce-tabs ul.tabs,
  html body.single-product ul.wc-tabs{
    gap:7px!important;
    margin-bottom:22px!important;
    padding-bottom:13px!important;
  }

  html body.single-product .product-footer ul.product-tabs > li > a,
  html body.single-product .product-footer ul.tabs.wc-tabs > li > a,
  html body.single-product .woocommerce-tabs ul.tabs > li > a,
  html body.single-product ul.wc-tabs > li > a{
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:12px!important;
    letter-spacing:.04em!important;
  }

  html body.single-product .product-footer .tab-panels .panel,
  html body.single-product .product-footer .woocommerce-Tabs-panel,
  html body.single-product .product-footer #tab-description,
  html body.single-product .product-footer #tab-reviews,
  html body.single-product .product-footer .entry-content{
    font-size:17px!important;
    line-height:1.72!important;
  }

  html body.single-product .product-footer .tab-panels .panel p,
  html body.single-product .product-footer .tab-panels .panel li,
  html body.single-product .product-footer .woocommerce-Tabs-panel p,
  html body.single-product .product-footer .woocommerce-Tabs-panel li,
  html body.single-product .product-footer #tab-description p,
  html body.single-product .product-footer #tab-description li,
  html body.single-product .product-footer #tab-reviews p,
  html body.single-product .product-footer #tab-reviews li{
    font-size:17px!important;
    line-height:1.72!important;
  }

  html body.single-product .product-footer p{
    margin:0 0 19px!important;
  }

  html body.single-product .product-footer h2{
    margin:27px 0 13px!important;
    font-size:29px!important;
    line-height:1.24!important;
  }

  html body.single-product .product-footer h3{
    margin:23px 0 11px!important;
    font-size:23px!important;
    line-height:1.30!important;
  }

  html body.single-product .product-footer h4{
    margin:20px 0 9px!important;
    font-size:19px!important;
    line-height:1.36!important;
  }
}

@media (max-width:480px){
  html body.single-product .product-footer{
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }

  html body.single-product .product-footer .woocommerce-tabs{
    padding:17px 16px 24px!important;
    border-radius:18px!important;
  }

  html body.single-product .product-footer .tab-panels .panel,
  html body.single-product .product-footer .woocommerce-Tabs-panel,
  html body.single-product .product-footer #tab-description,
  html body.single-product .product-footer #tab-reviews,
  html body.single-product .product-footer .entry-content,
  html body.single-product .product-footer .tab-panels .panel p,
  html body.single-product .product-footer .tab-panels .panel li,
  html body.single-product .product-footer .woocommerce-Tabs-panel p,
  html body.single-product .product-footer .woocommerce-Tabs-panel li,
  html body.single-product .product-footer #tab-description p,
  html body.single-product .product-footer #tab-description li,
  html body.single-product .product-footer #tab-reviews p,
  html body.single-product .product-footer #tab-reviews li{
    font-size:16.5px!important;
    line-height:1.73!important;
  }

  html body.single-product .product-footer h2{
    font-size:27px!important;
    line-height:1.25!important;
  }

  html body.single-product .product-footer h3{
    font-size:22px!important;
  }
}

/* ==================================================================
   MỘC NHẬT V8.4.19 — DESKTOP PRODUCT CONTENT + RELATED ALIGNMENT
   - Chỉ chỉnh desktop, giữ nguyên mobile/tablet.
   - Khung mô tả và Sản phẩm tương tự dùng cùng một trục, cùng chiều rộng.
   - Giảm bo góc, tăng khoảng thở, bỏ gạch xanh khi hover tab.
================================================================== */
@media (min-width:1051px){
  /* Một trục chung cho phần Mô tả và Sản phẩm tương tự */
  html body.single-product .product-footer,
  html body.single-product .related.related-products-wrapper{
    width:min(calc(100vw - 64px),1050px)!important;
    min-width:0!important;
    max-width:1050px!important;
    box-sizing:border-box!important;
  }

  html body.single-product .product-footer{
    display:block!important;
    clear:both!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:40px auto 0!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  html body.single-product .product-footer > .container,
  html body.single-product .product-footer .container,
  html body.single-product .product-footer .woocommerce-tabs,
  html body.single-product .product-footer .tab-panels,
  html body.single-product .product-footer .woocommerce-Tabs-panel,
  html body.single-product .product-footer #tab-description,
  html body.single-product .product-footer #tab-reviews{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Khung mô tả: bớt bo tròn, rộng và thoáng hơn */
  html body.single-product .product-footer .woocommerce-tabs{
    margin:0!important;
    padding:24px 30px 36px!important;
    border:1px solid rgba(224,180,103,.18)!important;
    border-radius:14px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(205,155,79,.045),transparent 36%),
      linear-gradient(180deg,rgba(29,20,18,.965),rgba(14,9,8,.992))!important;
    box-shadow:0 20px 54px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.022)!important;
    overflow:hidden!important;
  }

  /* Tab Mô tả / Đánh giá: chữ gọn, không pill, không gạch xanh */
  html body.single-product .product-footer ul.product-tabs,
  html body.single-product .product-footer ul.tabs.wc-tabs,
  html body.single-product .woocommerce-tabs ul.tabs,
  html body.single-product ul.wc-tabs{
    display:flex!important;
    align-items:center!important;
    gap:26px!important;
    margin:0 0 30px!important;
    padding:0 0 15px!important;
    border:0!important;
    border-bottom:1px solid rgba(224,180,103,.16)!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.single-product .product-footer ul.product-tabs > li,
  html body.single-product .product-footer ul.tabs.wc-tabs > li,
  html body.single-product .woocommerce-tabs ul.tabs > li,
  html body.single-product ul.wc-tabs > li{
    position:relative!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.single-product .product-footer ul.product-tabs > li > a,
  html body.single-product .product-footer ul.tabs.wc-tabs > li > a,
  html body.single-product .woocommerce-tabs ul.tabs > li > a,
  html body.single-product ul.wc-tabs > li > a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:0!important;
    padding:3px 0 9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d9c29f!important;
    -webkit-text-fill-color:#d9c29f!important;
    box-shadow:none!important;
    outline:0!important;
    text-decoration:none!important;
    transition:color .18s ease!important;
  }

  html body.single-product .product-footer ul.product-tabs > li.active > a,
  html body.single-product .product-footer ul.tabs.wc-tabs > li.active > a,
  html body.single-product .woocommerce-tabs ul.tabs > li.active > a,
  html body.single-product ul.wc-tabs > li.active > a{
    color:#f4dfb7!important;
    -webkit-text-fill-color:#f4dfb7!important;
    background:transparent!important;
    border:0!important;
    box-shadow:inset 0 -2px 0 #d3a456!important;
  }

  html body.single-product .product-footer ul.product-tabs > li > a:hover,
  html body.single-product .product-footer ul.tabs.wc-tabs > li > a:hover,
  html body.single-product .woocommerce-tabs ul.tabs > li > a:hover,
  html body.single-product ul.wc-tabs > li > a:hover{
    color:#f1d5a6!important;
    -webkit-text-fill-color:#f1d5a6!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
  }

  html body.single-product .product-footer ul.product-tabs > li.active > a:hover,
  html body.single-product .product-footer ul.tabs.wc-tabs > li.active > a:hover,
  html body.single-product .woocommerce-tabs ul.tabs > li.active > a:hover,
  html body.single-product ul.wc-tabs > li.active > a:hover{
    box-shadow:inset 0 -2px 0 #d3a456!important;
  }

  html body.single-product .woocommerce-tabs ul.tabs::before,
  html body.single-product .woocommerce-tabs ul.tabs::after,
  html body.single-product .woocommerce-tabs ul.tabs li::before,
  html body.single-product .woocommerce-tabs ul.tabs li::after,
  html body.single-product .product-tabs::before,
  html body.single-product .product-tabs::after,
  html body.single-product .product-tabs li::before,
  html body.single-product .product-tabs li::after,
  html body.single-product .wc-tabs::before,
  html body.single-product .wc-tabs::after,
  html body.single-product .wc-tabs li::before,
  html body.single-product .wc-tabs li::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* Nội dung mô tả có khoảng thở tốt hơn ở hai mép */
  html body.single-product .product-footer .tab-panels,
  html body.single-product .product-footer .woocommerce-Tabs-panel,
  html body.single-product .product-footer #tab-description,
  html body.single-product .product-footer #tab-reviews{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Sản phẩm tương tự: cùng mép trái/phải với khung mô tả */
  html body.single-product .related.related-products-wrapper{
    clear:both!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    margin:42px 0 0!important;
    padding:28px 18px 24px!important;
    border:1px solid rgba(224,180,103,.18)!important;
    border-radius:14px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(205,155,79,.045),transparent 36%),
      linear-gradient(180deg,rgba(29,20,18,.965),rgba(14,9,8,.992))!important;
    box-shadow:0 20px 54px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.022)!important;
    overflow:hidden!important;
  }

  /* Nếu related nằm trong product-footer thì không dịch hai lần */
  html body.single-product .product-footer .related.related-products-wrapper{
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:42px 0 0!important;
  }

  html body.single-product .related.related-products-wrapper > h2{
    margin:0 0 24px!important;
    padding:0 0 0 0!important;
  }

  /* Xóa margin âm của row/slider để mép thẻ không chạy khỏi khung */
  html body.single-product .related.related-products-wrapper > .row,
  html body.single-product .related.related-products-wrapper .row,
  html body.single-product .related.related-products-wrapper .products,
  html body.single-product .related.related-products-wrapper .slider,
  html body.single-product .related.related-products-wrapper .flickity-enabled,
  html body.single-product .related.related-products-wrapper .flickity-viewport{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Thẻ sản phẩm bớt bo tròn, khoảng cách tinh gọn hơn */
  html body.single-product .related.related-products-wrapper .product-small,
  html body.single-product .related.related-products-wrapper .product-small.box,
  html body.single-product .related.related-products-wrapper .box{
    border-radius:10px!important;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.20 — MOBILE PRODUCT PAGES: 2 SẢN PHẨM / HÀNG
   Áp dụng cho các trang Dark Luxury tự động lấy sản phẩm theo slug:
   Violin tuyển chọn, Guitar, Hàng mới về, Sản phẩm tuyển chọn...
   Không thay đổi bố cục desktop.
====================================================================== */
@media (max-width:680px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4,
  html body.mocnhat-dark-page-template main.dark-page-main .grid-4,
  html body.mocnhat-home-v53.mocnhat-dark-page-template .grid-4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }

  html body.mocnhat-dark-page-template .grid-4 > .product-card,
  html body.mocnhat-dark-page-template .grid-4 > article.product-card{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-media{
    aspect-ratio:1/1!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-body{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:12px 11px 13px!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-title{
    margin:0 0 8px!important;
    font-size:16px!important;
    line-height:1.32!important;
    min-height:2.64em!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-title a{
    color:var(--gold-soft)!important;
    text-decoration:none!important;
  }

  /* Giữ thẻ sản phẩm gọn giống lưới “Xem sản phẩm”. */
  html body.mocnhat-dark-page-template .grid-4 .product-card .card-text,
  html body.mocnhat-dark-page-template .grid-4 .product-card .product-meta{
    display:none!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price{
    margin-top:auto!important;
    padding-top:4px!important;
    font-size:13px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price del,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price ins{
    display:inline!important;
    white-space:normal!important;
  }
}

@media (max-width:390px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4,
  html body.mocnhat-home-v53.mocnhat-dark-page-template .grid-4{
    gap:9px!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-body{
    padding:10px 9px 11px!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .card-title{
    font-size:14px!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price{
    font-size:12px!important;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.21 — MOBILE PRICE SYNC FOR DARK PRODUCT LANDING PAGES
   Đồng bộ giá tại Violin tuyển chọn / Guitar / Hàng mới về /
   Sản phẩm tuyển chọn với lưới sản phẩm WooCommerce trên mobile.
====================================================================== */
@media (max-width:680px){
  html body.mocnhat-dark-page-template .grid-4 .product-card .price{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    align-content:flex-start!important;
    gap:1px 6px!important;
    min-height:2.9em!important;
    margin-top:auto!important;
    padding-top:4px!important;
    color:#f4dcae!important;
    -webkit-text-fill-color:#f4dcae!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:750!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:0 1px 10px rgba(205,155,79,.08)!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price a,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price span,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price bdi,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price .amount,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price .woocommerce-Price-amount,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price .woocommerce-Price-currencySymbol{
    color:#f4dcae!important;
    -webkit-text-fill-color:#f4dcae!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price del{
    display:inline-flex!important;
    align-items:baseline!important;
    margin:0!important;
    color:#9f8a6d!important;
    -webkit-text-fill-color:#9f8a6d!important;
    font-size:.88em!important;
    font-weight:500!important;
    opacity:.78!important;
    text-decoration:line-through!important;
    text-decoration-thickness:1px!important;
    text-decoration-color:rgba(214,187,143,.72)!important;
    white-space:nowrap!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price del,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price del *{
    color:#9f8a6d!important;
    -webkit-text-fill-color:#9f8a6d!important;
    opacity:.88!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price ins{
    display:inline-flex!important;
    align-items:baseline!important;
    margin:0!important;
    color:#f6dca7!important;
    -webkit-text-fill-color:#f6dca7!important;
    font-size:1em!important;
    font-weight:850!important;
    opacity:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  html body.mocnhat-dark-page-template .grid-4 .product-card .price ins,
  html body.mocnhat-dark-page-template .grid-4 .product-card .price ins *{
    color:#f6dca7!important;
    -webkit-text-fill-color:#f6dca7!important;
    opacity:1!important;
    text-decoration:none!important;
  }
}

@media (max-width:390px){
  html body.mocnhat-dark-page-template .grid-4 .product-card .price{
    min-height:2.8em!important;
    font-size:12.5px!important;
    gap:1px 4px!important;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.23 — PRODUCT CARD PRICE ALIGN + PAGINATION
   - Giá luôn nằm cuối thẻ và nằm trên một hàng.
   - Đồng bộ chiều cao thẻ ở các Page Violin/Guitar/Hàng mới về/Tuyển chọn.
   - Bổ sung giao diện phân trang dark luxury cho danh sách tự động.
====================================================================== */

/* 1) Các card sản phẩm tự động trên Page: đồng đều và giá sát đáy. */
html body.mocnhat-dark-page-template .dark-page-main .grid-4{
  align-items:stretch!important;
}

html body.mocnhat-dark-page-template .dark-page-main .grid-4 > .product-card,
html body.mocnhat-dark-page-template .dark-page-main .grid-4 > article.product-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
}

html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-media{
  flex:0 0 auto!important;
}

html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
}

html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  gap:4px 7px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:auto!important;
  padding-top:10px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}

html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price del,
html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price ins,
html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price span,
html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price bdi{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:baseline!important;
  margin:0!important;
  white-space:nowrap!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
}

@media (min-width:681px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-title{
    display:-webkit-box!important;
    min-height:3.75em!important;
    max-height:3.75em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-text{
    display:-webkit-box!important;
    min-height:6.3em!important;
    max-height:6.3em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .product-meta{
    min-height:70px!important;
    align-content:flex-start!important;
  }
}

/* Mobile: vẫn 2 sản phẩm/hàng, nhưng giá cũ + giá mới nằm cùng một dòng. */
@media (max-width:680px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price{
    flex-wrap:nowrap!important;
    gap:2px 4px!important;
    min-height:20px!important;
    padding-top:6px!important;
    font-size:clamp(10.5px,2.85vw,12.5px)!important;
    line-height:1.25!important;
    letter-spacing:-.018em!important;
    white-space:nowrap!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price del{
    font-size:.88em!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price ins{
    font-size:1em!important;
  }
}

/* 2) Phân trang sản phẩm cho các Page dark luxury. */
html body.mocnhat-dark-page-template .mn-product-pagination{
  width:100%;
  margin:32px auto 0;
  padding:0;
}

html body.mocnhat-dark-page-template .mn-product-pagination-list{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

html body.mocnhat-dark-page-template .mn-product-pagination-list li{
  margin:0;
  padding:0;
  list-style:none;
}

html body.mocnhat-dark-page-template .mn-page-link,
html body.mocnhat-dark-page-template .mn-page-current,
html body.mocnhat-dark-page-template .mn-page-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(213,165,91,.30);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(35,23,18,.96),rgba(14,9,8,.99));
  color:#ead0a2;
  -webkit-text-fill-color:#ead0a2;
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  box-sizing:border-box;
}

html body.mocnhat-dark-page-template .mn-page-link:hover{
  border-color:rgba(242,207,143,.72);
  color:#ffe7b7;
  -webkit-text-fill-color:#ffe7b7;
  transform:translateY(-1px);
}

html body.mocnhat-dark-page-template .mn-page-current{
  border-color:#ddb46d;
  background:linear-gradient(135deg,#c89545,#efd18e);
  color:#1b100b;
  -webkit-text-fill-color:#1b100b;
  box-shadow:0 10px 24px rgba(200,155,90,.22);
}

html body.mocnhat-dark-page-template .mn-page-dots{
  min-width:28px;
  padding:0 4px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}

html body.mocnhat-dark-page-template .mn-page-prev,
html body.mocnhat-dark-page-template .mn-page-next{
  gap:7px;
  min-width:92px;
}

@media (max-width:680px){
  html body.mocnhat-dark-page-template .mn-product-pagination{
    margin-top:24px;
  }

  html body.mocnhat-dark-page-template .mn-product-pagination-list{
    gap:6px;
  }

  html body.mocnhat-dark-page-template .mn-page-link,
  html body.mocnhat-dark-page-template .mn-page-current,
  html body.mocnhat-dark-page-template .mn-page-dots{
    min-width:36px;
    height:36px;
    padding:0 10px;
    font-size:12px;
  }

  html body.mocnhat-dark-page-template .mn-page-prev,
  html body.mocnhat-dark-page-template .mn-page-next{
    min-width:36px;
    padding:0 11px;
  }

  html body.mocnhat-dark-page-template .mn-page-label{
    display:none;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.24 — REMOVE AUTO DESCRIPTION + SHOW FULL PRODUCT TITLES
   - Dòng mô tả kỹ thuật dưới tiêu đề danh mục đã được xóa trong template.
   - Tiêu đề sản phẩm không còn bị cắt mất chữ trên desktop và mobile.
====================================================================== */

/* Hiển thị trọn vẹn tiêu đề dưới ảnh sản phẩm ở các landing page sản phẩm. */
html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-title,
html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-title a{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}

@media (min-width:681px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-title{
    min-height:3.1em!important;
    margin-bottom:10px!important;
    line-height:1.28!important;
  }
}

@media (max-width:680px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .card-title{
    min-height:2.65em!important;
    margin-bottom:8px!important;
    line-height:1.32!important;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.25 — DESKTOP PRICE FONT COMPACT FIX
   - Thu nhỏ và làm gọn font giá trên các trang Guitar / Violin /
     Hàng mới về / Sản phẩm tuyển chọn.
   - Giá cũ + giá mới luôn nằm trọn một hàng, không mất chữ số cuối.
   - Không thay đổi giao diện mobile.
====================================================================== */
@media (min-width:681px){
  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price{
    gap:2px 4px!important;
    padding-right:2px!important;
    font-family:"Be Vietnam Pro",Arial,sans-serif!important;
    font-size:clamp(10px,.68vw,11.5px)!important;
    line-height:1.25!important;
    letter-spacing:-.035em!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price del{
    font-size:.82em!important;
    font-weight:500!important;
    letter-spacing:-.025em!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price ins{
    font-size:1em!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
  }

  html body.mocnhat-dark-page-template .dark-page-main .grid-4 .product-card .price .woocommerce-Price-currencySymbol{
    font-size:.82em!important;
    margin-left:1px!important;
  }
}

/* ======================================================================
   MỘC NHẬT V8.4.35 — HOMEPAGE KNOWLEDGE GRID
   - 6 bài: desktop 3 cột x 2 hàng.
   - Các khung bài viết cao bằng nhau và nút Đọc bài viết thẳng hàng.
====================================================================== */
body.mocnhat-home-v53 .mn-blog-grid{
  align-items:stretch!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card .link-arrow{
  margin-top:auto!important;
}

@media (min-width:981px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:681px) and (max-width:980px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:680px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* ======================================================================
   MỘC NHẬT V8.4.36 — KNOWLEDGE IMAGE RATIO UNIVERSAL FIX
   - Ảnh đại diện ngang, vuông hoặc dọc đều hiển thị trong cùng một khung.
   - Không kéo méo ảnh; phần thừa được cắt bằng object-fit:cover.
   - Card trong cùng hàng bằng chiều cao, nút Đọc bài viết nằm thẳng đáy.
   - Chỉ áp dụng cho mục Kiến thức chọn đàn trên homepage.
====================================================================== */

body.mocnhat-home-v53 .mn-blog-grid{
  display:grid!important;
  align-items:stretch!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-card-fixed{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Khung ảnh chuẩn do theme có sẵn hoặc được theme.js đánh dấu. */
body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-media,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  padding-top:0!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  line-height:0!important;
  background:#100a08!important;
  isolation:isolate!important;
}

/* Xóa cơ chế giữ tỷ lệ/padding nội bộ của Flatsome hoặc plugin ảnh. */
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed > a,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed > picture,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed .image-cover,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed .image-zoom,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed .img-inner,
body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-media > a,
body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-media > picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  padding-top:0!important;
  overflow:hidden!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-media img,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed img,
body.mocnhat-home-v53 .mn-blog-grid img.mn-knowledge-image-fixed{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  border:0!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-body,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-card-fixed .card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:0!important;
}

body.mocnhat-home-v53 .mn-blog-grid > .post-card .link-arrow,
body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-card-fixed .link-arrow{
  margin-top:auto!important;
}

/* Desktop: ba cột, mọi card trong các hàng dùng cùng chiều cao. */
@media (min-width:981px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
  }
}

/* Tablet: hai cột và ảnh vẫn đồng nhất. */
@media (min-width:681px) and (max-width:980px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
  }
}

/* Mobile: một cột; giữ ảnh 4:3 để card không quá dài. */
@media (max-width:680px){
  body.mocnhat-home-v53 .mn-blog-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
  }

  body.mocnhat-home-v53 .mn-blog-grid > .post-card .card-media,
  body.mocnhat-home-v53 .mn-blog-grid .mn-knowledge-media-fixed{
    aspect-ratio:4 / 3!important;
  }
}
/* =====================================================
   ĐỒNG BỘ FONT NỘI DUNG HOMEPAGE – MỘC NHẬT
   Chỉ đổi nội dung, không ảnh hưởng các tiêu đề
===================================================== */

/* Đoạn mô tả và danh sách trong nội dung trang chủ */
html body.home #main p,
html body.home #main ul li,
html body.home #main ol li,
html body.home .page-wrapper p,
html body.home .page-wrapper ul li,
html body.home .page-wrapper ol li {
    font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    font-kerning: auto !important;
    font-variant-ligatures: normal !important;
    font-feature-settings: normal !important;
    font-synthesis: none !important;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Chữ đậm nằm trong đoạn nội dung cũng dùng đúng font */
html body.home #main p strong,
html body.home #main li strong,
html body.home .page-wrapper p strong,
html body.home .page-wrapper li strong {
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

/* Các tiêu đề vẫn giữ nguyên font cổ điển hiện tại */
html body.home #main h1,
html body.home #main h2,
html body.home #main h3,
html body.home #main h4,
html body.home #main h5,
html body.home #main h6,
html body.home .page-wrapper h1,
html body.home .page-wrapper h2,
html body.home .page-wrapper h3,
html body.home .page-wrapper h4,
html body.home .page-wrapper h5,
html body.home .page-wrapper h6 {
    font-family: "Playfair Display", Georgia, serif !important;
}

/* Mobile */
@media screen and (max-width: 849px) {
    html body.home #main p,
    html body.home #main ul li,
    html body.home #main ol li,
    html body.home .page-wrapper p,
    html body.home .page-wrapper ul li,
    html body.home .page-wrapper ol li {
        line-height: 1.68 !important;
    }
}
/* ==================================================
   CĂN LẠI FACEBOOK VÀ TIKTOK TRONG FOOTER MỘC NHẬT
================================================== */
@media screen and (min-width: 850px) {

  body .footer-brand a[href*="facebook"],
  body .footer-brand a[href*="tiktok"],
  body footer a[href*="facebook"],
  body footer a[href*="tiktok"] {
    display: inline-block !important;
    position: relative !important;
    top: -20px !important;
    transform: none !important;
  }

}
/* ============================================================
   MỘC NHẬT - HEADER HOME SYNC VỚI STORE
   Search + Hotline + CTA + Cart
============================================================ */

/* Icon điện thoại mới */
html body.mocnhat-home-v53 .header-phone .phone-icon {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:20px!important;
    height:20px!important;

    margin-right:6px!important;

    background:transparent!important;
    border-radius:0!important;

    color:#c66a62!important;
}

html body.mocnhat-home-v53 .header-phone .phone-icon svg {
    display:block!important;
    width:18px!important;
    height:18px!important;
    stroke:currentColor!important;
}


/* GIỎ HÀNG */
html body.mocnhat-home-v53 .header-cart {
    position:relative!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;

    height:40px!important;
    min-height:40px!important;

    padding:0 8px!important;
    margin:0!important;

    color:#ead9bf!important;
    background:transparent!important;
    border:0!important;

    font-family:"Noto Serif", Georgia, "Times New Roman", serif!important;
    font-size:14px!important;
    font-weight:600!important;

    text-decoration:none!important;
    white-space:nowrap!important;
}

html body.mocnhat-home-v53 .header-cart:hover {
    color:#f4c96b!important;
}

html body.mocnhat-home-v53 .header-cart-icon {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d8aa5b!important;
}

html body.mocnhat-home-v53 .header-cart-icon svg {
    width:19px!important;
    height:19px!important;
    stroke:currentColor!important;
}

/* Badge số lượng */
html body.mocnhat-home-v53 .header-cart-count {
    position:absolute!important;
    top:1px!important;
    right:-3px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;

    border-radius:999px!important;

    background:#d8aa5b!important;
    color:#100b09!important;

    font-family:Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
}

html body.mocnhat-home-v53 .header-cart-count:empty {
    display:none!important;
}


/* ============== DESKTOP ============== */
@media (min-width:1051px){

    /* Cũ đang khóa 530px cho 3 ô,
       giờ mở rộng để đủ thêm Giỏ hàng */
    html body.mocnhat-home-v53 .site-header .header-actions {
        width:620px!important;
        min-width:620px!important;
        max-width:620px!important;

        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:center!important;
        justify-content:center!important;

        gap:10px!important;
    }

    /* 3 ô chính đồng bộ kích thước */
    html body.mocnhat-home-v53 .site-header .header-search-wrap,
    html body.mocnhat-home-v53 .site-header .header-search-form,
    html body.mocnhat-home-v53 .site-header .header-phone,
    html body.mocnhat-home-v53 .site-header .header-actions > .btn-primary {
        width:160px!important;
        min-width:160px!important;
        max-width:160px!important;

        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;

        flex:0 0 160px!important;
    }

    /* Giỏ hàng gọn hơn */
    html body.mocnhat-home-v53 .site-header .header-cart {
        width:110px!important;
        min-width:110px!important;
        max-width:110px!important;

        flex:0 0 110px!important;
    }
}


/* Mobile không thêm cart vào hàng trên,
   tránh phá bố cục Search + CTA + menu */
@media (max-width:1050px){
    html body.mocnhat-home-v53 .header-cart {
        display:none!important;
    }
}

/* ======================================================================
   MỘC NHẬT V8.6 — HERO MATCHED TO APPROVED DEMO
   Isolated selectors prevent Flatsome and legacy homepage rules from
   overriding the hero typography, image ratio or responsive order.
====================================================================== */
html body.mocnhat-home-v53 .hero.hero-v86{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:42px 0 38px!important;
  background:
    radial-gradient(circle at 15% 38%,rgba(102,61,34,.10),transparent 31%),
    radial-gradient(circle at 84% 44%,rgba(200,155,90,.055),transparent 28%),
    #0b0807!important;
}
html body.mocnhat-home-v53 .hero.hero-v86::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:10px!important;
  right:-210px!important;
  width:610px!important;
  height:610px!important;
  border:1px solid rgba(200,155,90,.10)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-shell{
  position:relative!important;
  min-height:660px!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 500px!important;
  grid-template-areas:
    "copy visual"
    "proof visual"!important;
  column-gap:76px!important;
  row-gap:34px!important;
  align-items:center!important;
  min-height:660px!important;
  padding:28px 18px 24px!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-copy{
  grid-area:copy!important;
  align-self:end!important;
  width:100%!important;
  max-width:650px!important;
  margin:0!important;
  padding:0!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 22px!important;
  padding:0!important;
  color:#e9c98e!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-kicker::before{
  content:""!important;
  display:block!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:1px!important;
  background:#c89b5a!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-title{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#f6ead8!important;
  font-family:"Playfair Display","Noto Serif",Georgia,serif!important;
  font-size:clamp(68px,5.1vw,86px)!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-statement{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:25px 0 0!important;
  padding:0!important;
  color:#dcb270!important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;
  font-size:clamp(48px,3.55vw,60px)!important;
  font-style:italic!important;
  font-weight:500!important;
  line-height:.98!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-desc{
  display:block!important;
  max-width:590px!important;
  margin:28px 0 0!important;
  padding:0!important;
  color:rgba(244,231,211,.84)!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.78!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions{
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:12px!important;
  margin:28px 0 0!important;
  padding:0!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 174px!important;
  width:174px!important;
  min-width:174px!important;
  max-width:174px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  gap:14px!important;
  margin:0!important;
  padding:0 20px!important;
  border-radius:0!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn-primary{
  border:1px solid #dfba77!important;
  background:linear-gradient(135deg,#d8aa61,#edcb8c)!important;
  color:#160f0b!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn-secondary{
  border:1px solid rgba(244,231,211,.42)!important;
  background:rgba(10,7,6,.32)!important;
  color:#f6ead8!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn span{
  display:inline!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-visual{
  grid-area:visual!important;
  position:relative!important;
  align-self:center!important;
  display:block!important;
  width:500px!important;
  min-width:500px!important;
  max-width:500px!important;
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
  margin:0!important;
  padding:0!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid rgba(200,155,90,.42)!important;
  border-radius:0!important;
  background:#090605!important;
  box-shadow:none!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-14px 14px 14px -14px!important;
  border:1px solid rgba(200,155,90,.28)!important;
  pointer-events:none!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:11px!important;
  background:linear-gradient(90deg,rgba(5,4,3,.08),transparent 36%,rgba(5,4,3,.06))!important;
  pointer-events:none!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.94) brightness(.88) contrast(1.04)!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-caption{
  position:absolute!important;
  z-index:4!important;
  left:-28px!important;
  bottom:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:202px!important;
  min-width:202px!important;
  min-height:78px!important;
  gap:5px!important;
  margin:0!important;
  padding:15px 18px!important;
  border:0!important;
  border-left:2px solid #c89b5a!important;
  border-radius:0!important;
  background:rgba(9,6,5,.96)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-caption strong{
  margin:0!important;
  color:#f6ead8!important;
  font-family:"Playfair Display","Noto Serif",Georgia,serif!important;
  font-size:18px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.2!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-caption span{
  color:rgba(244,231,211,.62)!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
  grid-area:proof!important;
  align-self:start!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:650px!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:rgba(244,231,211,.58)!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof b{
  flex:0 0 auto!important;
  color:#e5bf7a!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1!important;
}

@media (max-width:1180px){
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-grid{
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:42px!important;
    padding-inline:8px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-title{font-size:64px!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-statement{font-size:47px!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-visual{
    width:430px!important;
    min-width:430px!important;
    max-width:430px!important;
    height:530px!important;
    min-height:530px!important;
    max-height:530px!important;
  }
}

@media (max-width:980px){
  html body.mocnhat-home-v53 .hero.hero-v86{
    padding:30px 0 32px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-shell{min-height:0!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "copy"
      "visual"
      "proof"!important;
    gap:28px!important;
    min-height:0!important;
    padding:18px 8px 8px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-copy,
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
    width:min(100%,720px)!important;
    max-width:720px!important;
    margin-inline:auto!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-visual{
    width:min(100%,650px)!important;
    min-width:0!important;
    max-width:650px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4/5!important;
    margin-inline:auto!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-caption{display:none!important}
}

@media (max-width:680px){
  html body.mocnhat-home-v53 .hero.hero-v86{
    padding:16px 0 26px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86::after{display:none!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-grid{
    gap:22px!important;
    padding:16px 0 6px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-kicker{
    gap:8px!important;
    margin-bottom:15px!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-kicker::before{
    flex-basis:20px!important;
    width:20px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-title{
    font-size:clamp(46px,13.5vw,56px)!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-statement{
    width:100%!important;
    margin-top:16px!important;
    font-size:clamp(34px,9.8vw,41px)!important;
    line-height:1.02!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-desc{
    margin-top:19px!important;
    font-size:14px!important;
    line-height:1.7!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:21px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 12px!important;
    font-size:10px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-visual{
    width:100%!important;
    max-width:none!important;
    aspect-ratio:4/5!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame{padding:6px!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame::before{
    inset:-8px 8px 8px -8px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-frame::after{inset:6px!important}
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span{
    min-height:40px!important;
    padding:9px 3px!important;
    border-bottom:1px solid rgba(200,155,90,.15)!important;
    font-size:10px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span:last-child{
    border-bottom:0!important;
  }
}

/* =========================================================
   V8.6.2 — Đồng bộ font Menu + desktop một hàng + mobile tinh gọn
   ========================================================= */
html body.mocnhat-home-v53 .hero.hero-v86 .hero-desc{
  font-family:"Noto Serif",Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.72!important;
  letter-spacing:0!important;
}

html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn{
  font-family:"Noto Serif",Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  border-radius:0!important;
}

html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
  grid-template-columns:max-content max-content max-content!important;
  justify-content:space-between!important;
  column-gap:18px!important;
}

html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span{
  width:max-content!important;
  min-width:max-content!important;
  gap:5px!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  letter-spacing:.015em!important;
}

@media (max-width:1180px){
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
    column-gap:10px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span{
    gap:4px!important;
    font-size:9px!important;
    letter-spacing:0!important;
  }
}

@media (max-width:980px){
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
    grid-template-columns:max-content max-content max-content!important;
    justify-content:space-between!important;
    column-gap:18px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof span{
    font-size:10px!important;
  }
}

@media (max-width:680px){
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-desc{
    font-size:14px!important;
    line-height:1.7!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-actions .btn{
    font-size:12px!important;
    letter-spacing:0!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v86 .hero-proof{
    display:none!important;
  }
}

/* ======================================================================
   V8.7 — HARD LOCK HERO IMAGE, TYPOGRAPHY AND DECORATION
   ====================================================================== */
html body.mocnhat-home-v53 .hero.hero-v87::after{
  content:none!important;
  display:none!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-shell{
  min-height:660px!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-grid{
  grid-template-columns:minmax(0,1fr) 500px!important;
  grid-template-areas:
    "copy visual"
    "proof visual"!important;
  column-gap:64px!important;
  row-gap:30px!important;
  min-height:660px!important;
  align-items:center!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-copy{
  width:100%!important;
  max-width:590px!important;
  min-width:0!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-title{
  font-family:"Playfair Display","Noto Serif",Georgia,serif!important;
  font-size:clamp(66px,4.55vw,80px)!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:.98!important;
  white-space:nowrap!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-statement{
  display:block!important;
  width:100%!important;
  max-width:590px!important;
  margin:24px 0 0!important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;
  font-size:clamp(46px,3.1vw,54px)!important;
  font-style:italic!important;
  font-weight:500!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-visual{
  width:500px!important;
  min-width:500px!important;
  max-width:500px!important;
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
  align-self:center!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-frame{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}

html body.mocnhat-home-v53 .hero.hero-v87 .hero-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media (max-width:1180px){
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-grid{
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:40px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-title{
    font-size:62px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-statement{
    font-size:44px!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-visual{
    width:430px!important;
    min-width:430px!important;
    max-width:430px!important;
    height:530px!important;
    min-height:530px!important;
    max-height:530px!important;
  }
}

@media (max-width:980px){
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-shell{
    min-height:0!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "copy"
      "visual"
      "proof"!important;
    min-height:0!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-copy{
    width:min(100%,720px)!important;
    max-width:720px!important;
    margin-inline:auto!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-title{
    font-size:clamp(58px,8.5vw,72px)!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-statement{
    max-width:720px!important;
    font-size:clamp(43px,6.2vw,54px)!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-visual{
    width:min(100%,650px)!important;
    min-width:0!important;
    max-width:650px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4/5!important;
    margin-inline:auto!important;
  }
}

@media (max-width:680px){
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-title{
    font-size:clamp(46px,13.5vw,56px)!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-statement{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(33px,9.5vw,40px)!important;
    white-space:normal!important;
  }
  html body.mocnhat-home-v53 .hero.hero-v87 .hero-proof{
    display:none!important;
  }
}

/* ======================================================================
   V8.8 — FIVE-COLUMN TRUST STRIP, SQUARE AND RESPONSIVE
   ====================================================================== */
html body.mocnhat-home-v53 .trustbar.trustbar-v88{
  position:relative!important;
  padding:0!important;
  border-top:1px solid rgba(200,155,90,.16)!important;
  border-bottom:1px solid rgba(200,155,90,.12)!important;
  background:
    linear-gradient(180deg,rgba(25,16,13,.82),rgba(12,8,7,.96))!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trustbar-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:174px!important;
  margin:0!important;
  padding:28px 26px 30px!important;
  border:0!important;
  border-right:1px solid rgba(200,155,90,.16)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background-color .22s ease!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:first-child{
  border-left:1px solid rgba(200,155,90,.16)!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item::before{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:1px!important;
  margin:0 0 16px!important;
  background:#c89b5a!important;
  transition:width .22s ease!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:hover{
  background:rgba(200,155,90,.045)!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:hover::before{
  width:52px!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#efd29c!important;
  font-family:"Noto Serif",Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.34!important;
  letter-spacing:0!important;
}

html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item span{
  display:block!important;
  margin:0!important;
  color:rgba(244,231,211,.76)!important;
  font-family:"Noto Serif",Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}

@media (max-width:1180px){
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item{
    min-height:166px!important;
    padding:24px 18px 26px!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item strong{
    font-size:16px!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item span{
    font-size:13px!important;
  }
}

@media (max-width:980px){
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trustbar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item{
    min-height:150px!important;
    border-left:0!important;
    border-right:1px solid rgba(200,155,90,.16)!important;
    border-bottom:1px solid rgba(200,155,90,.16)!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:nth-child(2n){
    border-right:0!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:last-child{
    grid-column:1 / -1!important;
    min-height:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
}

@media (max-width:680px){
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trustbar-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item,
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:first-child,
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:nth-child(2n),
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:last-child{
    grid-column:auto!important;
    min-height:0!important;
    padding:21px 4px 22px!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(200,155,90,.16)!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item:last-child{
    border-bottom:0!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item::before{
    width:28px!important;
    margin-bottom:12px!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item strong{
    margin-bottom:6px!important;
    font-size:17px!important;
  }
  html body.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item span{
    font-size:14px!important;
    line-height:1.62!important;
  }
}

/* ======================================================================
   V8.9 — SINGLE-LINE TRUST TITLES + SQUARE CARD SYSTEM FOR HOMEPAGE
   ====================================================================== */
@media (min-width:981px){
  html body.home.mocnhat-home-v53 .trustbar.trustbar-v88 .trustbar-grid{
    grid-template-columns:
      minmax(0,.94fr)
      minmax(0,.94fr)
      minmax(0,.94fr)
      minmax(0,1.18fr)
      minmax(0,1.12fr)!important;
  }
  html body.home.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item{
    padding-inline:20px!important;
  }
  html body.home.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item strong{
    min-height:1.34em!important;
    font-size:clamp(14px,.9vw,17px)!important;
    line-height:1.34!important;
    white-space:nowrap!important;
  }
}

/* Chỉ áp dụng cho trang chủ: không thay đổi card tại shop, danh mục hay bài viết. */
html body.home.mocnhat-home-v53 .card,
html body.home.mocnhat-home-v53 .post-card,
html body.home.mocnhat-home-v53 .product-card,
html body.home.mocnhat-home-v53 .category-card,
html body.home.mocnhat-home-v53 .why-item,
html body.home.mocnhat-home-v53 .process-step,
html body.home.mocnhat-home-v53 .testimonial,
html body.home.mocnhat-home-v53 .contact-box,
html body.home.mocnhat-home-v53 .map-box{
  border:1px solid rgba(200,155,90,.22)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(27,18,15,.84),rgba(15,10,8,.96))!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:border-color .22s ease,background-color .22s ease!important;
}

html body.home.mocnhat-home-v53 .card:hover,
html body.home.mocnhat-home-v53 .post-card:hover,
html body.home.mocnhat-home-v53 .product-card:hover,
html body.home.mocnhat-home-v53 .category-card:hover,
html body.home.mocnhat-home-v53 .why-item:hover,
html body.home.mocnhat-home-v53 .process-step:hover,
html body.home.mocnhat-home-v53 .testimonial:hover{
  border-color:rgba(220,178,112,.48)!important;
  background:linear-gradient(180deg,rgba(31,21,17,.9),rgba(16,11,9,.98))!important;
  box-shadow:none!important;
  transform:none!important;
}

html body.home.mocnhat-home-v53 .card-media,
html body.home.mocnhat-home-v53 .card-media a,
html body.home.mocnhat-home-v53 .card-media img,
html body.home.mocnhat-home-v53 .product-card img,
html body.home.mocnhat-home-v53 .post-card img,
html body.home.mocnhat-home-v53 .category-card img{
  border-radius:0!important;
}

html body.home.mocnhat-home-v53 .card-chip,
html body.home.mocnhat-home-v53 .product-tag{
  border-radius:0!important;
  box-shadow:none!important;
}

html body.home.mocnhat-home-v53 .category-card,
html body.home.mocnhat-home-v53 .product-card,
html body.home.mocnhat-home-v53 .post-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

html body.home.mocnhat-home-v53 .category-card .card-body,
html body.home.mocnhat-home-v53 .product-card .card-body,
html body.home.mocnhat-home-v53 .post-card .card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
}

html body.home.mocnhat-home-v53 .category-card .link-arrow,
html body.home.mocnhat-home-v53 .product-card .price,
html body.home.mocnhat-home-v53 .post-card .link-arrow{
  margin-top:auto!important;
}

html body.home.mocnhat-home-v53 .why-item,
html body.home.mocnhat-home-v53 .process-step,
html body.home.mocnhat-home-v53 .testimonial{
  height:100%!important;
  padding:26px 24px!important;
}

html body.home.mocnhat-home-v53 .why-item h3,
html body.home.mocnhat-home-v53 .process-step h3{
  min-height:1.45em!important;
  margin-bottom:10px!important;
  line-height:1.45!important;
}

html body.home.mocnhat-home-v53 .section .grid-4,
html body.home.mocnhat-home-v53 .why-grid,
html body.home.mocnhat-home-v53 .process-grid,
html body.home.mocnhat-home-v53 .mn-blog-grid{
  align-items:stretch!important;
}

@media (max-width:980px){
  html body.home.mocnhat-home-v53 .trustbar.trustbar-v88 .trust-item strong{
    min-height:0!important;
    white-space:normal!important;
  }
}

@media (max-width:680px){
  html body.home.mocnhat-home-v53 .card-body{
    padding:16px!important;
  }
  html body.home.mocnhat-home-v53 .why-item,
  html body.home.mocnhat-home-v53 .process-step,
  html body.home.mocnhat-home-v53 .testimonial,
  html body.home.mocnhat-home-v53 .contact-box,
  html body.home.mocnhat-home-v53 .map-box{
    padding:20px 18px!important;
  }
}

/* ======================================================================
   V9.0 — MOBILE HEADER SOFT-SQUARE + CONTACT BUTTON ICONS
   ====================================================================== */
html body.home.mocnhat-home-v53 .contact-box .contact-actions-v90{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)!important;
  width:100%!important;
  gap:10px!important;
  margin-top:24px!important;
}

html body.home.mocnhat-home-v53 .contact-box .contact-actions-v90 .contact-action-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  gap:9px!important;
  padding:0 12px!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Noto Serif",Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

html body.home.mocnhat-home-v53 .contact-action-icon{
  display:inline-flex!important;
  flex:0 0 20px!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
}

html body.home.mocnhat-home-v53 .contact-action-icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body.home.mocnhat-home-v53 .contact-action-label{
  display:inline!important;
  min-width:0!important;
  font:inherit!important;
  color:inherit!important;
  white-space:nowrap!important;
}

@media (max-width:768px){
  html body .site-header .header-actions.mn-mobile-one-row .header-search-form,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-form{
    border-radius:6px!important;
    box-shadow:none!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row .header-search-submit,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .header-search-submit{
    border-radius:4px!important;
  }

  html body .site-header .header-actions.mn-mobile-one-row > .btn.btn-primary,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row > .btn.btn-primary,
  html body .site-header .header-actions.mn-mobile-one-row .mobile-menu-toggle,
  html body .mocnhat-store-header .header-actions.mn-mobile-one-row .mobile-menu-toggle{
    border-radius:6px!important;
    box-shadow:none!important;
  }

  .mn-mobile-contact-bar__item:last-child .mn-mobile-contact-bar__label{
    letter-spacing:.15px!important;
  }
}

@media (max-width:680px){
  html body.home.mocnhat-home-v53 .contact-box .contact-actions-v90{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.home.mocnhat-home-v53 .contact-box .contact-actions-v90 .contact-action-button{
    font-size:14px!important;
  }
}
/* Giữ mô tả danh mục trang chủ trên một dòng ở desktop */
@media (min-width: 1200px) {
  body.mocnhat-home-v53 .mn-cat-desc-one-line {
    max-width: none !important;
    white-space: nowrap;
  }
}