/**
 * Mai Hoàng Lime Soft Tech UI 6.0
 * Màu tham chiếu: Lime #C3F550
 * Phạm vi: chỉ áp dụng bên trong .mh-seo
 */
:root{
  --mh-greenery:#C3F550;
  --mh-greenery-rgb:195,245,80;
  --mh-greenery-deep:#B7E892;
  --mh-greenery-deeper:#93DC5C;
  --mh-greenery-mid:#86B800;
  --mh-lime:#DDFF8F;
  --mh-mint:#F0FFD0;
  --mh-mint-2:#FAFFF2;
  --mh-red:#E31D2B;
  --mh-red-dark:#B8121D;
  --mh-ink:#253000;
  --mh-muted:#65704A;
  --mh-white:#FFFFFF;
  --mh-line:#E0EDC0;
  --mh-success:#5E8E00;
  --mh-warning:#A86400;
  --mh-shadow:0 16px 40px rgba(47,74,30,.11);
  --mh-shadow-hover:0 22px 54px rgba(47,74,30,.18);
  --mh-radius:20px;
}

.mh-seo,
.mh-seo *{box-sizing:border-box}

.mh-seo{
  max-width:1180px;
  margin:0 auto;
  color:var(--mh-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px;
  line-height:1.74;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.mh-seo a{
  color:var(--mh-greenery-deep);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.mh-seo a:hover{color:var(--mh-red)}
.mh-seo a:focus-visible,
.mh-seo button:focus-visible,
.mh-mobile-cta a:focus-visible{
  outline:3px solid rgba(var(--mh-greenery-rgb),.42);
  outline-offset:3px;
}
.mh-seo img{display:block;max-width:100%;height:auto}
.mh-seo h1,
.mh-seo h2,
.mh-seo h3{
  color:var(--mh-greenery-deeper);
  line-height:1.25;
  margin:0 0 16px;
  font-weight:850;
  letter-spacing:-.018em;
}
.mh-seo h1{
  max-width:930px;
  color:#fff;
  font-size:clamp(34px,5vw,60px);
  text-wrap:balance;
}
.mh-seo h2{
  margin-top:60px;
  padding-top:10px;
  font-size:clamp(27px,3.5vw,39px);
  scroll-margin-top:90px;
}
.mh-seo h2::before{
  content:"";
  display:block;
  width:76px;
  height:6px;
  margin-bottom:15px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--mh-greenery),var(--mh-lime) 72%,var(--mh-red));
  box-shadow:0 5px 14px rgba(var(--mh-greenery-rgb),.22);
}
.mh-seo h3{font-size:22px}
.mh-seo p{margin:0 0 18px}
.mh-seo ul,.mh-seo ol{margin:0 0 22px;padding-left:25px}
.mh-seo li{margin:7px 0}
.mh-seo strong{color:var(--mh-greenery-deeper)}
.mh-seo hr{height:1px;border:0;background:var(--mh-line);margin:36px 0}

/* HERO */
.mh-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:18px 0 36px;
  padding:clamp(32px,6vw,78px);
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 12%,rgba(183,219,120,.42),transparent 27%),
    radial-gradient(circle at 13% 96%,rgba(227,29,43,.23),transparent 31%),
    linear-gradient(135deg,var(--mh-greenery-deeper) 0%,var(--mh-greenery-deep) 48%,var(--mh-greenery-mid) 100%);
  box-shadow:0 30px 72px rgba(47,74,30,.28);
}
.mh-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:370px;
  height:370px;
  right:-165px;
  bottom:-195px;
  border:55px solid rgba(255,255,255,.08);
  border-radius:50%;
}
.mh-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:linear-gradient(to bottom right,#000,transparent 78%);
  mask-image:linear-gradient(to bottom right,#000,transparent 78%);
}
.mh-hero h2,.mh-hero h3,.mh-hero strong{color:#fff}
.mh-hero h2::before{background:linear-gradient(90deg,var(--mh-lime),#fff,var(--mh-red))}
.mh-lead{
  max-width:880px;
  color:#F1F8E8;
  font-size:clamp(18px,2.25vw,23px);
  line-height:1.65;
}
.mh-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  padding:7px 13px;
  border:1px solid var(--mh-line);
  border-radius:999px;
  background:var(--mh-mint);
  color:var(--mh-greenery-deeper);
  font-size:13px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mh-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--mh-greenery);
  box-shadow:0 0 0 5px rgba(var(--mh-greenery-rgb),.15);
}
.mh-hero .mh-kicker{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.11);
  color:#fff;
  backdrop-filter:blur(8px);
}
.mh-hero .mh-kicker::before{
  background:var(--mh-lime);
  box-shadow:0 0 18px var(--mh-lime);
}

/* ACTIONS */
.mh-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:24px 0 4px;
}
.mh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 20px;
  border:1px solid transparent;
  border-radius:13px;
  background:linear-gradient(135deg,var(--mh-red),#F44752);
  color:#fff!important;
  font-weight:850;
  text-decoration:none!important;
  box-shadow:0 11px 26px rgba(227,29,43,.24);
}
.mh-btn:hover{
  color:#fff!important;
  transform:translateY(-2px);
  background:linear-gradient(135deg,var(--mh-red-dark),var(--mh-red));
  box-shadow:0 15px 30px rgba(227,29,43,.3);
}
.mh-btn--green{
  background:linear-gradient(135deg,var(--mh-greenery-deep),var(--mh-greenery));
  box-shadow:0 11px 26px rgba(var(--mh-greenery-rgb),.28);
}
.mh-btn--green:hover{
  background:linear-gradient(135deg,var(--mh-greenery-deeper),var(--mh-greenery-mid));
}
.mh-btn--outline{
  background:transparent;
  border-color:var(--mh-greenery);
  color:var(--mh-greenery-deeper)!important;
  box-shadow:none;
}
.mh-btn--outline:hover{
  border-color:var(--mh-greenery-deep);
  background:var(--mh-mint);
  color:var(--mh-greenery-deeper)!important;
}
.mh-hero .mh-btn--outline,
.mh-contact .mh-btn--outline{
  border-color:rgba(255,255,255,.5);
  color:#fff!important;
}
.mh-hero .mh-btn--outline:hover,
.mh-contact .mh-btn--outline:hover{
  border-color:#fff;
  background:rgba(255,255,255,.13);
  color:#fff!important;
}
.mh-btn--light{
  background:#fff;
  border-color:var(--mh-line);
  color:var(--mh-greenery-deeper)!important;
  box-shadow:0 8px 20px rgba(47,74,30,.08);
}
.mh-btn--light:hover{
  background:var(--mh-mint-2);
  color:var(--mh-greenery-deeper)!important;
  border-color:var(--mh-greenery);
}

/* STATS */
.mh-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:31px;
}
.mh-stat{
  min-height:94px;
  padding:16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(255,255,255,.1);
  color:#ECF6DF;
  backdrop-filter:blur(9px);
}
.mh-stat strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:18px;
}
.mh-stat span{font-size:13px}

/* TABLE OF CONTENTS */
.mh-toc{
  position:relative;
  margin:31px 0;
  padding:25px 27px;
  overflow:hidden;
  border:1px solid var(--mh-line);
  border-left:6px solid var(--mh-greenery);
  border-radius:19px;
  background:linear-gradient(135deg,#fff 0%,var(--mh-mint-2) 100%);
  box-shadow:var(--mh-shadow);
}
.mh-toc::after{
  content:"";
  position:absolute;
  right:-48px;
  top:-58px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(var(--mh-greenery-rgb),.08);
}
.mh-toc__title{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:9px;
  color:var(--mh-greenery-deeper);
  font-size:20px;
  font-weight:900;
}
.mh-toc ol{
  position:relative;
  z-index:1;
  columns:2;
  column-gap:44px;
  margin-bottom:0;
}
.mh-toc a{
  color:var(--mh-greenery-deep);
  font-weight:700;
  text-decoration:none;
}
.mh-toc a:hover{color:var(--mh-red)}

/* GRIDS & CARDS */
.mh-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:21px;
  margin:23px 0;
}
.mh-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mh-card{
  position:relative;
  overflow:hidden;
  padding:25px;
  border:1px solid var(--mh-line);
  border-radius:var(--mh-radius);
  background:#fff;
  box-shadow:var(--mh-shadow);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.mh-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,var(--mh-greenery-deep),var(--mh-greenery),var(--mh-lime));
}
.mh-card::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-62px;
  bottom:-62px;
  border-radius:50%;
  background:rgba(var(--mh-greenery-rgb),.08);
}
.mh-card:hover{
  transform:translateY(-5px);
  border-color:#C5DAAE;
  box-shadow:var(--mh-shadow-hover);
}
.mh-card__icon{
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:15px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--mh-greenery-deeper),var(--mh-greenery));
  color:#fff;
  font-weight:900;
  box-shadow:0 9px 20px rgba(var(--mh-greenery-rgb),.25);
}

/* PRODUCTS */
.mh-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:21px;
  margin:25px 0;
}
.mh-product-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--mh-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--mh-shadow);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.mh-product-card:hover{
  transform:translateY(-6px);
  border-color:#C5DAAE;
  box-shadow:var(--mh-shadow-hover);
}
.mh-product-card__media{
  position:relative;
  display:grid;
  place-items:center;
  min-height:240px;
  padding:19px;
  background:
    radial-gradient(circle at 90% 10%,rgba(var(--mh-greenery-rgb),.18),transparent 32%),
    linear-gradient(180deg,#FBFDF8,var(--mh-mint));
}
.mh-product-card__media::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--mh-greenery),transparent);
}
.mh-product-card__media img{
  width:100%;
  height:218px;
  object-fit:contain;
  filter:drop-shadow(0 14px 14px rgba(47,74,30,.11));
  transition:transform .28s ease;
}
.mh-product-card:hover .mh-product-card__media img{transform:scale(1.035)}
.mh-product-card__badge{
  position:absolute;
  z-index:2;
  top:14px;
  left:14px;
  padding:6px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--mh-greenery-deep),var(--mh-greenery));
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 7px 17px rgba(var(--mh-greenery-rgb),.25);
}
.mh-product-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:23px;
}
.mh-product-card__body .mh-actions{margin-top:auto}
.mh-product-card__specs{
  list-style:none!important;
  padding:0!important;
}
.mh-product-card__specs li{
  position:relative;
  padding-left:25px;
}
.mh-product-card__specs li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--mh-success);
  font-weight:950;
}

/* WOOCOMMERCE PRODUCT LIST */
.mh-seo ul.products,
.mh-seo .products{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:21px!important;
  margin:25px 0!important;
  padding:0!important;
}
.mh-seo ul.products::before,
.mh-seo ul.products::after{display:none!important}
.mh-seo ul.products li.product{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--mh-line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--mh-shadow);
}
.mh-seo ul.products li.product img{
  border-radius:14px;
  background:var(--mh-mint-2);
}
.mh-seo ul.products li.product .woocommerce-loop-product__title{
  color:var(--mh-greenery-deeper);
  font-size:18px!important;
}
.mh-seo ul.products li.product .price{color:var(--mh-red)!important;font-weight:850}
.mh-seo ul.products li.product .button{
  border-radius:11px;
  background:var(--mh-greenery-deep);
  color:#fff;
}

/* TABLES */
.mh-table-wrap{
  overflow-x:auto;
  margin:23px 0;
  border:1px solid var(--mh-line);
  border-radius:19px;
  background:#fff;
  box-shadow:var(--mh-shadow);
  scrollbar-color:var(--mh-greenery) var(--mh-mint);
}
.mh-seo table{
  width:100%;
  min-width:720px;
  margin:0;
  border-collapse:collapse;
}
.mh-seo th{
  padding:16px;
  background:linear-gradient(135deg,var(--mh-greenery-deeper),var(--mh-greenery-deep));
  color:#fff;
  text-align:left;
  font-weight:850;
}
.mh-seo td{
  padding:14px 16px;
  border-bottom:1px solid var(--mh-line);
  vertical-align:top;
}
.mh-seo tr:nth-child(even) td{background:var(--mh-mint-2)}
.mh-seo tbody tr:hover td{background:#EEF7E2}

/* NOTES */
.mh-note{
  position:relative;
  margin:25px 0;
  padding:22px 24px 22px 26px;
  border:1px solid #C7DCAE;
  border-left:5px solid var(--mh-greenery);
  border-radius:17px;
  background:linear-gradient(135deg,var(--mh-mint-2),var(--mh-mint));
  color:#365021;
}
.mh-note strong{color:var(--mh-greenery-deeper)}
.mh-note--warning{
  border-color:#E9CD91;
  border-left-color:#D39016;
  background:#FFF8E9;
  color:#684500;
}
.mh-note--warning strong{color:#684500}
.mh-note--success{
  border-color:#B9D8A0;
  border-left-color:var(--mh-success);
  background:#EFF9E7;
  color:#315421;
}
.mh-note--success strong{color:#315421}

/* CHECKLIST */
.mh-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 18px;
  padding:0!important;
  list-style:none!important;
}
.mh-checklist li{
  position:relative;
  margin:0;
  padding:14px 15px 14px 45px;
  border:1px solid var(--mh-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 18px rgba(47,74,30,.06);
}
.mh-checklist li::before{
  content:"✓";
  position:absolute;
  left:15px;
  top:13px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--mh-mint);
  color:var(--mh-success);
  font-weight:950;
}

/* PROCESS */
.mh-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
  margin:25px 0;
  counter-reset:step;
}
.mh-step{
  position:relative;
  counter-increment:step;
  overflow:hidden;
  padding:23px;
  border:1px solid var(--mh-line);
  border-radius:17px;
  background:#fff;
  box-shadow:var(--mh-shadow);
}
.mh-step::before{
  content:counter(step,decimal-leading-zero);
  display:block;
  margin-bottom:9px;
  color:var(--mh-greenery);
  font-size:32px;
  font-weight:950;
  line-height:1;
}
.mh-step::after{
  content:"";
  position:absolute;
  right:-38px;
  top:-38px;
  width:95px;
  height:95px;
  border-radius:50%;
  background:rgba(var(--mh-greenery-rgb),.1);
}

/* LOCATIONS */
.mh-locations{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:19px 0;
}
.mh-location{
  padding:8px 13px;
  border:1px solid #CBDEB6;
  border-radius:999px;
  background:var(--mh-mint-2);
  color:var(--mh-greenery-deeper);
  font-size:14px;
  font-weight:800;
}
.mh-location:hover{
  background:var(--mh-mint);
  border-color:var(--mh-greenery);
}

/* SILO */
.mh-silo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  margin:23px 0;
}
.mh-silo-item{
  position:relative;
  display:block;
  overflow:hidden;
  padding:19px 20px;
  border:1px solid var(--mh-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 24px rgba(47,74,30,.075);
  text-decoration:none!important;
}
.mh-silo-item::after{
  content:"→";
  position:absolute;
  right:17px;
  top:16px;
  color:var(--mh-greenery);
  font-size:20px;
  font-weight:950;
}
.mh-silo-item:hover{
  transform:translateY(-3px);
  border-color:var(--mh-greenery);
  background:var(--mh-mint-2);
  box-shadow:var(--mh-shadow);
}
.mh-silo-item strong{
  display:block;
  padding-right:25px;
  color:var(--mh-greenery-deeper);
  margin-bottom:5px;
}
.mh-silo-item span{
  display:block;
  color:var(--mh-muted);
  font-size:14px;
}

/* FAQ */
.mh-faq details{
  margin:12px 0;
  border:1px solid var(--mh-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 20px rgba(47,74,30,.065);
  overflow:hidden;
}
.mh-faq details[open]{border-color:#C4D9AC}
.mh-faq summary{
  position:relative;
  cursor:pointer;
  padding:19px 54px 19px 21px;
  color:var(--mh-greenery-deeper);
  font-weight:850;
  list-style:none;
}
.mh-faq summary::-webkit-details-marker{display:none}
.mh-faq summary::after{
  content:"+";
  position:absolute;
  right:20px;
  top:13px;
  color:var(--mh-greenery);
  font-size:29px;
  font-weight:500;
}
.mh-faq details[open] summary{
  background:var(--mh-mint-2);
}
.mh-faq details[open] summary::after{content:"−"}
.mh-faq__answer{
  padding:3px 21px 20px;
  color:var(--mh-muted);
}

/* CONTACT */
.mh-contact{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:60px 0 25px;
  padding:clamp(28px,5vw,52px);
  border-radius:26px;
  color:#EFF8E8;
  background:
    radial-gradient(circle at 91% 10%,rgba(183,219,120,.38),transparent 31%),
    radial-gradient(circle at 12% 100%,rgba(227,29,43,.21),transparent 31%),
    linear-gradient(135deg,var(--mh-greenery-deeper),var(--mh-greenery-deep) 58%,var(--mh-greenery-mid));
  box-shadow:0 26px 62px rgba(47,74,30,.24);
}
.mh-contact::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:34px 34px;
}
.mh-contact h2{margin-top:0;color:#fff}
.mh-contact h2::before{background:linear-gradient(90deg,var(--mh-lime),#fff,var(--mh-red))}
.mh-contact p,.mh-contact strong{color:#F3F9EC}
.mh-contact a{color:#fff}
.mh-contact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:21px 0;
}
.mh-contact-list>div{
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}

/* FLOATING UI */
.mh-mobile-cta{display:none}
.mh-backtop{
  position:fixed;
  z-index:9998;
  right:18px;
  bottom:84px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:linear-gradient(135deg,var(--mh-greenery-deeper),var(--mh-greenery));
  color:#fff;
  font-size:21px;
  cursor:pointer;
  box-shadow:var(--mh-shadow);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease;
}
.mh-backtop.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.mh-progress{
  position:fixed;
  z-index:99999;
  left:0;
  top:0;
  width:0;
  height:4px;
  background:linear-gradient(90deg,var(--mh-red),var(--mh-greenery),var(--mh-lime));
  box-shadow:0 1px 8px rgba(var(--mh-greenery-rgb),.35);
}

/* REVEAL */
.mh-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease;
}
.mh-reveal.is-inview{
  opacity:1;
  transform:none;
}

/* RESPONSIVE */
@media(max-width:980px){
  .mh-stats,
  .mh-grid,
  .mh-product-grid,
  .mh-silo-grid,
  .mh-seo ul.products,
  .mh-seo .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mh-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mh-toc ol{columns:1}
}
@media(max-width:680px){
  .mh-seo{font-size:16px}
  .mh-hero{padding:30px 21px;border-radius:20px}
  .mh-hero h1{font-size:clamp(31px,10vw,43px)}
  .mh-stats,
  .mh-grid,
  .mh-grid--2,
  .mh-product-grid,
  .mh-process,
  .mh-silo-grid,
  .mh-contact-list,
  .mh-checklist,
  .mh-seo ul.products,
  .mh-seo .products{grid-template-columns:1fr!important}
  .mh-btn{width:100%}
  .mh-toc,.mh-card,.mh-step{padding-left:20px;padding-right:20px}
  .mh-mobile-cta{
    position:fixed;
    z-index:9999;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:8px;
    border-top:1px solid rgba(255,255,255,.12);
    background:rgba(47,74,30,.96);
    backdrop-filter:blur(12px);
  }
  .mh-mobile-cta a{
    display:grid;
    place-items:center;
    min-height:46px;
    border-radius:11px;
    color:#fff;
    font-weight:900;
    text-decoration:none;
  }
  .mh-mobile-cta a:first-child{background:linear-gradient(135deg,var(--mh-red-dark),var(--mh-red))}
  .mh-mobile-cta a:last-child{background:linear-gradient(135deg,var(--mh-greenery-mid),var(--mh-greenery))}
  body{padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){
  .mh-seo *,
  .mh-backtop,
  .mh-reveal{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
  .mh-reveal{opacity:1;transform:none}
}
@media print{
  .mh-mobile-cta,.mh-backtop,.mh-progress,.mh-actions{display:none!important}
  .mh-hero,.mh-contact{
    border:1px solid #bbb;
    background:#fff!important;
    color:#000!important;
    box-shadow:none;
  }
  .mh-hero h1,.mh-contact h2,.mh-lead,.mh-contact p,.mh-contact strong{color:#000!important}
  .mh-card,.mh-product-card,.mh-step,.mh-table-wrap{box-shadow:none}
}


/* V6: Bảo đảm độ tương phản với hai màu xanh sáng #B7E892 và #93DC5C */
.mh-hero,
.mh-contact{
  color:#203000;
  border-color:rgba(32,48,0,.15);
  box-shadow:0 26px 62px rgba(71,112,0,.18);
}
.mh-hero h1,
.mh-hero h2,
.mh-hero h3,
.mh-hero strong,
.mh-contact h2,
.mh-contact h3,
.mh-contact strong,
.mh-contact p,
.mh-contact a,
.mh-lead{
  color:#203000!important;
}
.mh-hero .mh-kicker{
  color:#203000;
  background:rgba(255,255,255,.36);
  border-color:rgba(32,48,0,.18);
}
.mh-hero .mh-kicker::before{
  background:#C3F550;
  box-shadow:0 0 0 5px rgba(195,245,80,.28);
}
.mh-stat{
  color:#2C3A12;
  background:rgba(255,255,255,.35);
  border-color:rgba(32,48,0,.14);
}
.mh-stat strong{color:#203000}
.mh-hero .mh-btn--outline,
.mh-contact .mh-btn--outline{
  color:#203000!important;
  border-color:rgba(32,48,0,.42);
}
.mh-hero .mh-btn--outline:hover,
.mh-contact .mh-btn--outline:hover{
  color:#203000!important;
  border-color:#203000;
  background:rgba(255,255,255,.32);
}
.mh-contact-list>div{
  color:#203000;
  background:rgba(255,255,255,.30);
  border-color:rgba(32,48,0,.14);
}
.mh-seo th{
  color:#203000;
  background:linear-gradient(135deg,#B7E892,#93DC5C);
}
.mh-btn--green,
.mh-backtop{
  color:#203000!important;
  border:1px solid rgba(32,48,0,.14);
  box-shadow:0 11px 26px rgba(112,156,34,.22);
}
.mh-btn--green:hover{
  color:#203000!important;
  filter:brightness(.97);
}
.mh-card__icon,
.mh-product-card__badge{
  color:#203000;
}
.mh-mobile-cta{
  background:rgba(54,84,11,.96);
}
.mh-mobile-cta a:last-child{
  color:#203000;
  background:linear-gradient(135deg,#93DC5C,#C3F550);
}


/* Authority V7 components */
.mh-authority{margin:42px 0 24px;padding:28px;border:1px solid #D7ECB9;border-radius:22px;background:linear-gradient(135deg,#FAFFF2,#F0FFD0);box-shadow:0 16px 38px rgba(70,110,16,.10)}
.mh-authority h2{margin-top:0}
.mh-case{margin:24px 0;padding:24px;border:1px solid #B7E892;border-left:6px solid #93DC5C;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(70,110,16,.08)}
.mh-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}
.mh-kpi{padding:20px;border:1px solid #DCE8CF;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(47,74,30,.08)}
.mh-kpi strong{display:block;margin-bottom:6px;color:#203000;font-size:20px}.mh-kpi span{color:#65704A;font-size:14px}
.mh-decision-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}
.mh-decision{position:relative;padding:18px;border:1px solid #B7E892;border-radius:16px;background:#fff}
.mh-decision:before{content:"";display:block;width:28px;height:5px;margin-bottom:12px;border-radius:99px;background:#C3F550}
.mh-decision strong{display:block;margin-bottom:8px}.mh-decision span{font-size:14px;color:#65704A}
.mh-scorecard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.mh-scorecard>div{padding:20px;border-radius:16px;background:linear-gradient(135deg,#B7E892,#93DC5C);color:#203000}
.mh-scorecard strong{display:block;color:#203000;font-size:24px}.mh-scorecard span{font-size:14px}
@media(max-width:980px){.mh-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.mh-decision-grid,.mh-kpi-grid,.mh-scorecard{grid-template-columns:1fr}.mh-authority{padding:20px}}


/* Social channels — Authority UI 7.1 */
.mh-social{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin:46px 0;
  padding:28px;
  border:1px solid #D7ECB9;
  border-radius:22px;
  background:
    radial-gradient(circle at 95% 8%,rgba(195,245,80,.28),transparent 28%),
    linear-gradient(135deg,#FAFFF2,#F0FFD0);
  box-shadow:0 16px 38px rgba(70,110,16,.10);
}
.mh-social h2{margin-top:0}
.mh-social h2::before{display:none}
.mh-social__links{display:grid;gap:12px}
.mh-social__item{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:76px;
  padding:14px 16px;
  border:1px solid #DCE8CF;
  border-radius:16px;
  background:#fff;
  color:#203000!important;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(47,74,30,.07);
}
.mh-social__item:hover{
  transform:translateY(-3px);
  border-color:#93DC5C;
  box-shadow:0 14px 30px rgba(47,74,30,.13);
}
.mh-social__icon{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:13px;
  color:#fff;
  font-size:21px;
  font-weight:900;
}
.mh-social__item strong{display:block;color:#203000}
.mh-social__item small{display:block;margin-top:2px;color:#65704A}
.mh-social__item--youtube .mh-social__icon{background:#FF0033}
.mh-social__item--facebook .mh-social__icon{background:#1877F2}
.mh-social__item--tiktok .mh-social__icon{background:#111}
@media(max-width:800px){
  .mh-social{grid-template-columns:1fr;padding:22px}
}

.mh-social__item--linkedin .mh-social__icon{background:#0A66C2;font-size:16px}