/* Mass Hiring theme – main.css (sinh từ build: font + biến icon + giao diện + icon) */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-800-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--mh-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 6 9 17l-5-5' /%3E%3C/svg%3E");--mh-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E");--mh-plus-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231D1D1F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E");--mh-chev-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2350555C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E")}
/* ==========================================================================
   Mass Hiring – giao diện
   Màu: đỏ thương hiệu #CC1620 (theo logo), đen, xám khói. Font: Be Vietnam Pro (tự host).
   ========================================================================== */
:root {
	--mh-red: #CC1620;
	--mh-red-d: #A3101A;
	--mh-red-tint: #FBEAEA;
	--mh-black: #000;
	--mh-ink: #1D1D1F;
	--mh-ink-2: #50555C;
	--mh-mist: #EEF0F2;
	--mh-mist-2: #E3E6EA;
	--mh-line: #D7DBE0;
	--mh-white: #fff;
	--mh-ok: #0F6B3A;
	--mh-ok-tint: #E6F4EC;
	--mh-font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--mh-r-panel: 28px;
	--mh-r-card: 18px;
	--mh-r-ctl: 12px;
	--mh-wrap: 1280px;
	--mh-gutter: clamp(16px, 3vw, 32px);
	--mh-pad-panel: clamp(24px, 5vw, 64px);
	--mh-gap-section: clamp(64px, 8vw, 112px);
	--mh-shadow: 0 1px 2px rgba(16, 18, 20, .06), 0 8px 24px rgba(16, 18, 20, .06);
}

/* ---------- Nền tảng ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 110px; }
body {
	margin: 0;
	background: var(--mh-white);
	color: var(--mh-ink);
	font-family: var(--mh-font);
	font-size: 1.0625rem;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
h1, h2, h3, h4 { font-weight: 800; line-height: 1.15; letter-spacing: -.015em; margin: 0 0 .5em; color: inherit; text-wrap: balance; }
h1 { font-size: clamp(2.25rem, 4.6vw, 3.6rem); letter-spacing: -.025em; }
h2 { font-size: clamp(1.75rem, 3.2vw, 2.6rem); }
h3 { font-size: 1.15rem; letter-spacing: -.005em; line-height: 1.3; }
p { margin: 0 0 1em; }
a { color: var(--mh-red); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--mh-red-d); }
strong, b { font-weight: 600; }
:focus-visible { outline: 3px solid var(--mh-red); outline-offset: 2px; border-radius: 4px; }
::selection { background: var(--mh-red); color: #fff; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.mh-skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--mh-black); color: #fff; padding: 10px 16px; border-radius: var(--mh-r-ctl); font-weight: 600; }
.mh-skip:focus { top: 12px; color: #fff; }
.mh-muted { color: var(--mh-ink-2); }
.mh-svg { width: 20px; height: 20px; flex: none; vertical-align: -4px; }
.mh-wrap { max-width: var(--mh-wrap); margin-inline: auto; padding-inline: var(--mh-gutter); }

/* ---------- Nút ---------- */
a.mh-btn, button.mh-btn, .mh-btn,
.wp-block-button .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 12px 24px;
	border-radius: 999px; border: 1.5px solid transparent;
	font: 600 1rem/1.2 var(--mh-font); text-decoration: none; white-space: nowrap; cursor: pointer;
	transition: background-color .15s, color .15s, border-color .15s;
}
.mh-btn--primary,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link,
.wp-block-button.is-style-mh-primary .wp-block-button__link { background: var(--mh-red); color: #fff; }
.mh-btn--primary:hover,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover,
.wp-block-button.is-style-mh-primary .wp-block-button__link:hover { background: var(--mh-red-d); color: #fff; }
.mh-btn--ghost,
.wp-block-button.is-style-mh-ghost .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--mh-ink); border-color: currentColor; }
.mh-btn--ghost:hover,
.wp-block-button.is-style-mh-ghost .wp-block-button__link:hover { background: var(--mh-ink); color: #fff; border-color: var(--mh-ink); }
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Header ---------- */
.mh-header { position: sticky; top: 0; z-index: 60; padding: 12px var(--mh-gutter) 0; }
.admin-bar .mh-header { top: 32px; }
.mh-header__bar {
	max-width: var(--mh-wrap); margin-inline: auto;
	display: flex; align-items: center; gap: 12px;
	padding: 10px 10px 10px 22px;
	background: rgba(238, 240, 242, .94);
	-webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px);
	border-radius: 22px;
}
.mh-logo { display: inline-flex; flex: none; margin-right: auto; }
.mh-logo__img { display: block; height: 42px; width: auto; }
.mh-nav { display: flex; align-items: center; }
.mh-menu { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.mh-menu > li { position: relative; }
.mh-menu a { display: block; padding: 10px 13px; border-radius: 999px; color: var(--mh-ink); font-weight: 600; font-size: .94rem; text-decoration: none; white-space: nowrap; }
.mh-menu a:hover { background: #fff; color: var(--mh-ink); }
.mh-menu .current-menu-item > a,
.mh-menu .current_page_item > a,
.mh-menu .current-menu-ancestor > a,
.mh-menu .current-page-ancestor > a { background: var(--mh-black); color: #fff; }
.mh-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; list-style: none; margin: 6px 0 0; padding: 8px; background: #fff; border-radius: 16px; box-shadow: var(--mh-shadow); }
.mh-menu li:hover > .sub-menu, .mh-menu li:focus-within > .sub-menu { display: block; }
.mh-nav__extra { display: none; }
.mh-header__actions { display: flex; align-items: center; gap: 8px; margin-left: 8px; }
.mh-iconbtn { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--mh-black); color: #fff; }
.mh-iconbtn:hover { background: var(--mh-red); color: #fff; }
.mh-burger { display: none; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--mh-black); color: #fff; cursor: pointer; place-items: center; }
.mh-burger .mh-svg { width: 22px; height: 22px; }
.mh-burger__close { display: none; }
.mh-nav-open .mh-burger__open { display: none; }
.mh-nav-open .mh-burger__close { display: block; }

/* ---------- Bố cục trang landing ---------- */
.mh-main { padding-top: 16px; }
:is(.mh-landing-wrap, .editor-styles-wrapper) .wp-block-group > * { margin-block: 0; }
.mh-section { margin-block: var(--mh-gap-section); }
.mh-section--panel, .mh-formsec { background: var(--mh-mist); border-radius: var(--mh-r-panel); padding: var(--mh-pad-panel); }
.mh-section--narrow > *, .mh-section--narrow > .mh-head { max-width: 880px; margin-inline: auto !important; }
.mh-head { display: grid; gap: 14px; max-width: 780px; margin-bottom: clamp(28px, 4vw, 44px) !important; }
.mh-head h2 { margin: 0; }
.mh-lead { font-size: 1.125rem; line-height: 1.6; color: var(--mh-ink-2); max-width: 66ch; }
.mh-note { margin-top: 24px !important; padding: 14px 18px; border-radius: 14px; background: var(--mh-mist); font-size: .97rem; font-weight: 600; }
.mh-section--panel .mh-note { background: #fff; }
.mh-chip { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 6px 14px 6px 8px; border-radius: 999px; background: var(--mh-red-tint); color: var(--mh-red-d); font-size: .875rem; font-weight: 600; line-height: 1.4; }
.mh-chip::before { content: ""; width: 8px; height: 8px; margin-left: 4px; border-radius: 50%; background: var(--mh-red); }
.mh-chip a { color: inherit; text-decoration: none; }

/* ---------- Hero trang chủ ---------- */
.mh-hero { display: grid; gap: 16px; margin-top: 8px; }
.mh-hero__main {
	position: relative; overflow: hidden; isolation: isolate;
	display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, .75fr); gap: clamp(24px, 4vw, 56px); align-items: end;
	min-height: 580px; padding: clamp(28px, 5vw, 60px);
	border-radius: var(--mh-r-panel); color: #fff;
	background: #111 url(../img/van-phong-khu-lam-viec-chung.webp) center / cover no-repeat;
}
.mh-hero__main::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.78) 48%, rgba(0,0,0,.45) 100%); }
.mh-hero__text { display: grid; gap: 22px; align-content: end; }
.mh-hero__text .mh-chip, .mh-pagehero .mh-chip { background: rgba(255,255,255,.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.mh-hero h1 { font-size: clamp(2.4rem, 4.4vw, 3.95rem); line-height: 1.06; letter-spacing: -.03em; margin: 0; }
.mh-hero .mh-lead, .mh-pagehero .mh-lead { color: rgba(255,255,255,.82); max-width: 52ch; }
.mh-hero .is-style-mh-ghost .wp-block-button__link, .mh-pagehero .is-style-mh-ghost .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.7); }
.mh-hero .is-style-mh-ghost .wp-block-button__link:hover, .mh-pagehero .is-style-mh-ghost .wp-block-button__link:hover { background: #fff; color: var(--mh-ink); border-color: #fff; }

/* Bài đăng Nhân Hiệu (điểm nhấn) */
.mh-post {
	position: relative; justify-self: end; width: 100%; max-width: 380px;
	display: grid; gap: 12px; padding: 18px 18px 14px;
	background: #fff; color: var(--mh-ink); border-radius: 20px;
	box-shadow: 0 30px 60px rgba(0,0,0,.35);
	transform: rotate(-1.5deg);
	font-size: .95rem; line-height: 1.5;
}
.mh-post__top { position: relative; padding-left: 52px; min-height: 42px; display: grid; align-content: center; }
.mh-post__top::before { content: "HR"; position: absolute; left: 0; top: 0; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--mh-red); color: #fff; font-weight: 800; font-size: .85rem; letter-spacing: .02em; }
.mh-post__author { font-size: .98rem; line-height: 1.3; }
.mh-post__author strong { font-weight: 800; }
.mh-post__meta { color: var(--mh-ink-2); font-size: .8rem; line-height: 1.35; }
.mh-post__body { font-size: .98rem; }
.mh-post__actions { padding: 8px 0; border-block: 1px solid var(--mh-mist-2); color: var(--mh-ink-2); font-size: .85rem; font-weight: 600; word-spacing: .3em; }
.mh-post__comment { position: relative; width: fit-content; max-width: 88%; margin-left: 38px !important; padding: 8px 14px; border-radius: 16px; background: var(--mh-mist); font-size: .9rem; }
.mh-post__comment::before { content: ""; position: absolute; left: -38px; top: 2px; width: 30px; height: 30px; border-radius: 50%; background: var(--mh-mist-2); }
.mh-post__comment:nth-of-type(odd)::before { background: #F6D5D7; }
.mh-post__caption { margin-top: 4px !important; color: var(--mh-ink-2); font-size: .75rem; }
@media (prefers-reduced-motion: no-preference) {
	.mh-hero .mh-post__comment { animation: mh-pop .45s cubic-bezier(.2, .8, .3, 1.2) both; }
	.mh-hero .mh-post__comment:nth-of-type(1) { animation-delay: .7s; }
	.mh-hero .mh-post__comment:nth-of-type(2) { animation-delay: 1.4s; }
}
@keyframes mh-pop { from { opacity: 0; transform: translateY(8px) scale(.96); } to { opacity: 1; transform: none; } }

/* Thẻ "Bạn đến Mass Hiring để" */
.mh-hero__side { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 16px; align-items: center; padding: 14px 14px 14px 28px; border-radius: 22px; background: var(--mh-mist); }
.mh-hero__side h2 { font-size: 1.2rem; line-height: 1.3; margin: 0; }
.mh-routes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.mh-route { position: relative; padding: 14px 12px 14px 64px; border-radius: 14px; transition: background-color .15s; }
.mh-route:hover, .mh-route:focus-within { background: #fff; }
.mh-route__title { font-weight: 800; line-height: 1.3; }
.mh-route__title a { color: var(--mh-ink); text-decoration: none; }
.mh-route__title a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.mh-route__sub { color: var(--mh-ink-2); font-size: .88rem; margin-top: 2px !important; }
.mh-hero__call { margin-top: auto !important; padding: 16px 18px; border-radius: 16px; background: var(--mh-black); color: rgba(255,255,255,.8); font-size: .9rem; line-height: 1.4; }
.mh-hero__call a { display: block; color: #fff; font-size: 1.35rem; font-weight: 800; text-decoration: none; letter-spacing: -.01em; }
.mh-hero__call a:hover { color: #fff; text-decoration: underline; }

/* Icon dạng mask: ::before = ô nền, ::after = icon */
.mh-card[class*="mh-i-"], .mh-route[class*="mh-i-"], .mh-flow__node[class*="mh-i-"] { position: relative; }
.mh-card[class*="mh-i-"]::before, .mh-route[class*="mh-i-"]::before, .mh-flow__node[class*="mh-i-"]::before {
	content: ""; position: absolute; left: var(--mh-ic-x, 24px); top: var(--mh-ic-y, 24px);
	width: 48px; height: 48px; border-radius: 14px; background: var(--mh-red-tint);
}
.mh-card[class*="mh-i-"]::after, .mh-route[class*="mh-i-"]::after, .mh-flow__node[class*="mh-i-"]::after {
	content: ""; position: absolute; left: calc(var(--mh-ic-x, 24px) + 12px); top: calc(var(--mh-ic-y, 24px) + 12px);
	width: 24px; height: 24px; background: var(--mh-ic-color, var(--mh-red));
	-webkit-mask: var(--mh-ic) center / contain no-repeat; mask: var(--mh-ic) center / contain no-repeat;
}
.mh-route[class*="mh-i-"] { --mh-ic-x: 12px; --mh-ic-y: 16px; }
.mh-route[class*="mh-i-"]::before { width: 40px; height: 40px; border-radius: 12px; background: #fff; }
.mh-route[class*="mh-i-"]::after { left: 20px; top: 24px; }
.mh-route:hover::before { background: var(--mh-red-tint); }

/* ---------- Số liệu ---------- */
.mh-facts-wrap { margin-block: clamp(32px, 4vw, 48px) !important; }
.mh-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mh-fact { display: grid; align-content: start; gap: 6px; padding: 6px 28px; border-left: 1px solid var(--mh-line); }
.mh-fact:first-child { border-left: 0; padding-left: 0; }
.mh-fact__num { font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.mh-fact__label { color: var(--mh-ink-2); font-size: .95rem; line-height: 1.45; }

/* ---------- Lưới, thẻ ---------- */
.mh-grid { display: grid; gap: 20px; }
.mh-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mh-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mh-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mh-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mh-grid + .mh-grid { margin-top: 20px !important; }
.mh-card { padding: 92px 24px 24px; border-radius: var(--mh-r-card); background: #fff; border: 1px solid var(--mh-line); }
.mh-card:not([class*="mh-i-"]) { padding-top: 24px; }
.mh-section--panel .mh-card, .mh-formsec .mh-card { border-color: transparent; }
.mh-card h3 { margin: 0 0 8px; }
.mh-card p { color: var(--mh-ink-2); font-size: .98rem; line-height: 1.55; }
.mh-card .mh-tags { margin-top: 14px !important; padding-top: 14px; border-top: 1px solid var(--mh-mist-2); color: var(--mh-ink); font-size: .9rem; font-weight: 600; }
.mh-pledges .mh-card { background: var(--mh-red-tint); border-color: transparent; }
.mh-pledges .mh-card::before { background: #fff; }
.mh-pledges { margin-top: 20px !important; }

.mh-step { padding: 24px; border-radius: var(--mh-r-card); background: var(--mh-mist); }
.mh-section--panel .mh-step { background: #fff; }
.mh-step h3 { margin: 0 0 6px; }
.mh-step p { color: var(--mh-ink-2); font-size: .98rem; line-height: 1.55; }
.mh-timeline, .mh-start, .mh-steps { counter-reset: mhstep; }
.mh-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mh-timeline > .mh-step, .mh-start > .mh-step, .mh-steps > .mh-step { counter-increment: mhstep; position: relative; padding-top: 76px; }
.mh-timeline > .mh-step::before, .mh-start > .mh-step::before, .mh-steps > .mh-step::before {
	content: counter(mhstep); position: absolute; left: 24px; top: 24px;
	width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
	background: var(--mh-black); color: #fff; font-weight: 800; font-size: .95rem;
}
.mh-timeline > .mh-step:nth-child(2)::before { background: var(--mh-red); }
.mh-3a .mh-step h3 { color: var(--mh-red); font-size: 1.3rem; }

/* Dòng chảy Doanh nghiệp → Mass Hiring → HR Freelancer → Ứng viên */
.mh-flow { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.mh-flow::before { content: ""; position: absolute; left: 8%; right: 8%; top: 48px; height: 2px; background: repeating-linear-gradient(90deg, var(--mh-red) 0 10px, transparent 10px 18px); }
.mh-flow__node { position: relative; z-index: 1; padding: 92px 22px 22px; border-radius: var(--mh-r-card); background: #fff; border: 1px solid var(--mh-line); }
.mh-section--panel .mh-flow__node { border-color: transparent; }
.mh-flow__node h3 { margin: 0 0 6px; }
.mh-flow__node p { color: var(--mh-ink-2); font-size: .95rem; line-height: 1.5; }
.mh-flow__node--brand { background: var(--mh-red); border-color: var(--mh-red); color: #fff; --mh-ic-color: #fff; }
.mh-flow__node--brand p { color: rgba(255,255,255,.88); }
.mh-flow__node--brand::before { background: rgba(255,255,255,.18) !important; }

/* Bố cục chia đôi */
.mh-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.mh-split__text { display: grid; gap: 18px; }
.mh-split__text h2 { margin: 0; }
.mh-split .mh-grid--3 { grid-template-columns: 1fr; gap: 14px; }
.mh-split .mh-card { padding: 22px 22px 22px 92px; min-height: 96px; }
.mh-split .mh-post { justify-self: center; transform: rotate(1.5deg); }

/* Danh sách có dấu tích */
.mh-ticks { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.mh-ticks li { position: relative; padding-left: 32px; font-weight: 600; }
.mh-ticks li::before { content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%; background: var(--mh-red); }
.mh-ticks li::after { content: ""; position: absolute; left: 5px; top: calc(.2em + 5px); width: 12px; height: 12px; background: #fff; -webkit-mask: var(--mh-check) center / contain no-repeat; mask: var(--mh-check) center / contain no-repeat; }

/* 5 giai đoạn */
.mh-stages { list-style: none; counter-reset: mhst; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.mh-stages li { counter-increment: mhst; position: relative; padding: 64px 20px 22px; border-radius: var(--mh-r-card); background: #fff; font-size: .93rem; line-height: 1.55; color: var(--mh-ink-2); }
.mh-stages li::before { content: "0" counter(mhst); position: absolute; left: 20px; top: 18px; font-size: 1.6rem; font-weight: 800; color: var(--mh-red); letter-spacing: -.02em; line-height: 1; }
.mh-stages li strong + br { display: none; }
.mh-stages li strong { display: block; margin-bottom: 8px; color: var(--mh-ink); font-weight: 800; font-size: 1.02rem; line-height: 1.3; }

/* Tuyển dụng an toàn */
.mh-safe { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 20px; }
.mh-safe__market { display: grid; align-content: start; gap: 14px; padding: 28px; border-radius: var(--mh-r-card); background: var(--mh-black); color: #fff; }
.mh-safe__market h3, .mh-safe__ours > h3 { margin: 0 0 6px; }
.mh-cross { position: relative; padding-left: 32px; color: rgba(255,255,255,.85); }
.mh-cross::before { content: ""; position: absolute; left: 0; top: .15em; width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,.12); }
.mh-cross::after { content: ""; position: absolute; left: 5px; top: calc(.15em + 5px); width: 12px; height: 12px; background: #FF8A8F; -webkit-mask: var(--mh-x) center / contain no-repeat; mask: var(--mh-x) center / contain no-repeat; }
.mh-safe__ours { display: grid; gap: 16px; align-content: start; padding: 28px; border-radius: var(--mh-r-card); background: var(--mh-red-tint); }
.mh-checks { gap: 18px 24px; }
.mh-check { position: relative; padding-left: 34px; }
.mh-check::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--mh-red); }
.mh-check::after { content: ""; position: absolute; left: 6px; top: 6px; width: 12px; height: 12px; background: #fff; -webkit-mask: var(--mh-check) center / contain no-repeat; mask: var(--mh-check) center / contain no-repeat; }
.mh-check h3 { font-size: 1rem; margin: 0 0 2px; }
.mh-check p { color: var(--mh-ink-2); font-size: .95rem; line-height: 1.5; }
.mh-section--panel .mh-checks .mh-check { padding: 20px 20px 20px 56px; background: #fff; border-radius: var(--mh-r-card); }
.mh-section--panel .mh-checks .mh-check::before { left: 20px; top: 20px; }
.mh-section--panel .mh-checks .mh-check::after { left: 26px; top: 26px; }

/* ---------- Hero trang con ---------- */
.mh-pagehero {
	display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: clamp(24px, 4vw, 56px); align-items: stretch;
	margin-top: 4px; padding: clamp(28px, 5vw, 60px);
	border-radius: var(--mh-r-panel); background: var(--mh-black); color: #fff;
}
.mh-pagehero__text { display: grid; gap: 20px; align-content: center; }
.mh-pagehero h1 { margin: 0; max-width: 18ch; }
.mh-pagehero__aside { display: grid; align-content: center; padding: 8px 28px; border-radius: 22px; background: var(--mh-red); }
.mh-pagehero__aside .mh-fact { padding: 18px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.22); }
.mh-pagehero__aside .mh-fact:first-child { border-top: 0; }
.mh-pagehero__aside .mh-fact__num { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.mh-pagehero__aside .mh-fact__label { color: rgba(255,255,255,.88); }

/* ---------- Bảng ---------- */
.wp-block-table { margin: 0; overflow-x: auto; }
.wp-block-table table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .98rem; }
figure.wp-block-table :is(th, td) { padding: 14px 18px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--mh-line); }
figure.wp-block-table thead th { background: var(--mh-black); color: #fff; font-weight: 600; border-bottom: 0; }
.wp-block-table thead th:first-child { border-top-left-radius: 14px; }
.wp-block-table thead th:last-child { border-top-right-radius: 14px; }
figure.wp-block-table thead, figure.wp-block-table tfoot { border: 0; }
.mh-compare td:first-child { font-weight: 600; }
.mh-compare td:nth-child(2) { color: var(--mh-ink-2); }
.mh-compare td:nth-child(3) { background: var(--mh-red-tint); font-weight: 600; }
.mh-compare thead th:nth-child(3) { background: var(--mh-red); }
.mh-compare td:nth-child(2), .mh-compare td:nth-child(3) { position: relative; padding-left: 46px; }
.mh-compare td:nth-child(2)::before, .mh-compare td:nth-child(3)::before { content: ""; position: absolute; left: 18px; top: 17px; width: 16px; height: 16px; -webkit-mask: var(--mh-ic) center / contain no-repeat; mask: var(--mh-ic) center / contain no-repeat; }
.mh-compare td:nth-child(2)::before { --mh-ic: var(--mh-x); background: var(--mh-ink-2); }
.mh-compare td:nth-child(3)::before { --mh-ic: var(--mh-check); background: var(--mh-red); }
.mh-glossary td:first-child, .mh-legal td:first-child { width: 32%; font-weight: 600; }
.mh-section--panel .wp-block-table tbody td { background: #fff; }
.mh-section--panel .wp-block-table tbody tr:last-child td:first-child { border-bottom-left-radius: 14px; }
.mh-section--panel .wp-block-table tbody tr:last-child td:last-child { border-bottom-right-radius: 14px; }
.mh-license { display: flex; gap: 10px; align-items: center; margin-top: 18px !important; font-weight: 600; }
.mh-license .mh-svg { color: var(--mh-red); }

/* ---------- Người, thư viện ảnh ---------- */
.mh-people { margin-bottom: 20px !important; }
.mh-person { padding: 24px; border-radius: var(--mh-r-card); background: var(--mh-black); color: #fff; }
.mh-person h3 { margin: 0 0 4px; }
.mh-person p { color: rgba(255,255,255,.75); font-size: .95rem; }
.mh-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 210px; gap: 14px; }
.mh-gallery .wp-block-image { margin: 0; overflow: hidden; border-radius: var(--mh-r-card); }
.mh-gallery .wp-block-image:first-child { grid-column: span 2; grid-row: span 2; }
.mh-gallery .wp-block-image:last-child { grid-column: span 2; }
.mh-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- Câu hỏi thường gặp ---------- */
.mh-faq { border-top: 1px solid var(--mh-line); }
.mh-faq .wp-block-details { border-bottom: 1px solid var(--mh-line); }
.mh-faq summary { position: relative; list-style: none; cursor: pointer; padding: 20px 48px 20px 0; font-weight: 600; font-size: 1.06rem; line-height: 1.45; }
.mh-faq summary::-webkit-details-marker { display: none; }
.mh-faq summary::after { content: ""; position: absolute; right: 4px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: var(--mh-mist) var(--mh-plus-img) center / 14px no-repeat; transition: transform .2s; }
.mh-faq details[open] summary::after { transform: rotate(45deg); background-color: var(--mh-red-tint); }
.mh-faq summary:hover { color: var(--mh-red); }
.mh-faq .wp-block-details > p { margin: 0; padding: 0 48px 22px 0; color: var(--mh-ink-2); }

/* ---------- CTA cuối trang ---------- */
.mh-cta { display: grid; gap: 18px; justify-items: start; padding: clamp(32px, 6vw, 72px); border-radius: var(--mh-r-panel); background: var(--mh-red); color: #fff; }
.mh-cta h2 { margin: 0; max-width: 20ch; }
.mh-cta .mh-lead { color: rgba(255,255,255,.9); }
.mh-cta .is-style-mh-primary .wp-block-button__link { background: #fff; color: var(--mh-red); }
.mh-cta .is-style-mh-primary .wp-block-button__link:hover { background: var(--mh-black); color: #fff; }
.mh-cta .is-style-mh-ghost .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.75); }
.mh-cta .is-style-mh-ghost .wp-block-button__link:hover { background: #fff; color: var(--mh-red); border-color: #fff; }

/* ---------- Biểu mẫu ---------- */
.mh-formsec { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
.mh-formsec__intro { display: grid; gap: 18px; position: sticky; top: 120px; }
.mh-formsec__intro h2 { margin: 0; }
.mh-formbox { padding: clamp(20px, 3vw, 32px); border-radius: 22px; background: #fff; box-shadow: var(--mh-shadow); }
.mh-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mh-field { grid-column: 1 / -1; display: grid; gap: 6px; }
.mh-field--half { grid-column: auto; }
.mh-field label { font-weight: 600; font-size: .92rem; }
.mh-req { color: var(--mh-red); }
.mh-form input[type="text"], .mh-form input[type="tel"], .mh-form input[type="email"], .mh-form input[type="number"], .mh-form input[type="url"], .mh-form select, .mh-form textarea,
.mh-jobfilter select, .mh-search input, .mh-reflink input {
	width: 100%; min-height: 48px; padding: 11px 14px;
	border: 1.5px solid var(--mh-line); border-radius: var(--mh-r-ctl); background: #fff;
	color: var(--mh-ink); font: 400 1rem/1.4 var(--mh-font);
	transition: border-color .15s, box-shadow .15s;
}
.mh-form select, .mh-jobfilter select { appearance: none; padding-right: 40px; background: #fff var(--mh-chev-img) right 14px center / 16px no-repeat; }
.mh-form textarea { min-height: 110px; resize: vertical; }
.mh-form :is(input, select, textarea):focus, .mh-jobfilter select:focus, .mh-search input:focus, .mh-reflink input:focus { outline: none; border-color: var(--mh-red); box-shadow: 0 0 0 4px rgba(204, 22, 32, .14); }
.mh-form :is(input, select, textarea):user-invalid { border-color: var(--mh-red); }
.mh-consent { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0; font-size: .88rem; line-height: 1.5; color: var(--mh-ink-2); cursor: pointer; }
.mh-consent input { width: 20px; height: 20px; margin: 1px 0 0; flex: none; accent-color: var(--mh-red); }
.mh-form button[type="submit"] { width: 100%; min-height: 54px; font-size: 1.05rem; }
.mh-form button[disabled] { opacity: .6; cursor: progress; }
.mh-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mh-form__msg { padding: 16px 18px; border-radius: var(--mh-r-ctl); font-weight: 600; line-height: 1.5; margin-bottom: 16px; }
.mh-form__msg--ok { background: var(--mh-ok-tint); color: var(--mh-ok); }
.mh-form__msg--err { background: var(--mh-red-tint); color: var(--mh-red-d); }
.mh-form__msg[hidden] { display: none; }

/* ---------- Liên hệ ---------- */
.mh-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: start; margin-top: 24px !important; }
.mh-contact__info { display: grid; gap: 20px; }
.mh-contact__info h1 { margin: 0; }
.mh-contact__form { padding: clamp(20px, 3vw, 32px); border-radius: var(--mh-r-panel); background: var(--mh-mist); }
.mh-contact__form h2 { font-size: 1.5rem; margin: 0 0 18px !important; }
.mh-contact__form .mh-formbox { box-shadow: none; }
.mh-contactlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.mh-contactlist li { display: flex; gap: 14px; align-items: flex-start; }
.mh-contactlist .mh-svg { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--mh-red-tint); color: var(--mh-red); }
.mh-contactlist__label { display: block; color: var(--mh-ink-2); font-size: .85rem; }
.mh-contactlist__value { display: block; font-weight: 600; }
.mh-contactlist__value a { color: var(--mh-ink); text-decoration: none; }
.mh-contactlist__value a:hover { color: var(--mh-red); }
.mh-map iframe { display: block; width: 100%; height: 420px; border: 0; border-radius: var(--mh-r-panel); background: var(--mh-mist); }

/* ---------- Breadcrumb, đầu trang danh sách ---------- */
.mh-crumbs { margin: 14px 0 16px; font-size: .88rem; color: var(--mh-ink-2); }
.mh-crumbs ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.mh-crumbs li + li::before { content: "/"; margin: 0 8px; color: var(--mh-line); }
.mh-crumbs a { color: var(--mh-ink-2); text-decoration: none; }
.mh-crumbs a:hover { color: var(--mh-red); text-decoration: underline; }
.mh-listhead { margin: 8px 0 32px; }
.mh-listhead h1 { margin-bottom: 10px; }
.mh-listhead--jobs { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 40px; align-items: end; padding: var(--mh-pad-panel); border-radius: var(--mh-r-panel); background: var(--mh-mist); }
.mh-listhead--jobs .mh-lead { margin: 0; }
.mh-jobfilter { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.mh-jobfilter .mh-field { min-width: 200px; }

/* ---------- Việc làm ---------- */
.mh-jobs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mh-jobcard { position: relative; display: grid; gap: 10px; align-content: start; padding: 22px; border-radius: var(--mh-r-card); border: 1px solid var(--mh-line); background: #fff; transition: border-color .15s, box-shadow .15s; }
.mh-jobcard:hover { border-color: var(--mh-red); box-shadow: var(--mh-shadow); }
.mh-jobcard__title { margin: 0; font-size: 1.12rem; }
.mh-jobcard__title a { color: var(--mh-ink); text-decoration: none; }
.mh-jobcard__title a::after { content: ""; position: absolute; inset: 0; border-radius: var(--mh-r-card); }
.mh-jobcard__company { margin: 0; color: var(--mh-ink-2); font-size: .92rem; }
.mh-jobcard__facts { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 6px; font-size: .93rem; }
.mh-jobcard__facts li { display: flex; gap: 8px; align-items: center; }
.mh-jobcard__facts .mh-svg { width: 17px; height: 17px; color: var(--mh-ink-2); }
.mh-jobcard__facts .is-salary { color: var(--mh-red); font-weight: 600; }
.mh-jobcard__facts .is-salary .mh-svg { color: var(--mh-red); }
.mh-jobcard__foot { display: flex; gap: 14px; margin: 6px 0 0; padding-top: 12px; border-top: 1px solid var(--mh-mist-2); color: var(--mh-ink-2); font-size: .85rem; }
.mh-jobcard__foot:empty { display: none; }
.mh-more { margin-top: 24px !important; }
.mh-empty { display: grid; gap: 14px; padding: 28px; border-radius: var(--mh-r-card); background: var(--mh-mist); }
.mh-empty p { margin: 0; }
.mh-empty .mh-formbox { max-width: 640px; }
.mh-band { display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; justify-content: space-between; margin: var(--mh-gap-section) 0 0; padding: 28px clamp(24px, 4vw, 40px); border-radius: var(--mh-r-panel); background: var(--mh-black); color: #fff; }
.mh-band__title { font-size: 1.3rem; font-weight: 800; margin: 0 0 4px; }
.mh-band p:last-child { margin: 0; color: rgba(255,255,255,.8); }

.mh-jobpage { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: clamp(24px, 4vw, 56px); align-items: start; margin-top: 8px; }
.mh-jobpage__main h1 { margin: 14px 0 6px; }
.mh-jobpage__company { color: var(--mh-ink-2); font-weight: 600; }
.mh-jobfacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 24px 0 32px; padding: 6px 22px; border-radius: var(--mh-r-card); background: var(--mh-mist); }
.mh-jobfacts > div { padding: 14px 0; border-bottom: 1px solid var(--mh-line); }
.mh-jobfacts > div:nth-last-child(-n+2):nth-child(odd), .mh-jobfacts > div:last-child { border-bottom: 0; }
.mh-jobfacts dt { display: flex; gap: 8px; align-items: center; color: var(--mh-ink-2); font-size: .85rem; }
.mh-jobfacts dt .mh-svg { width: 16px; height: 16px; }
.mh-jobfacts dd { margin: 2px 0 0 24px; font-weight: 600; }
.mh-jobpage__side { position: sticky; top: 110px; display: grid; gap: 16px; }
.mh-applybox { padding: 24px; border-radius: 22px; background: var(--mh-mist); }
.mh-applybox h2, .mh-reflink h2 { font-size: 1.3rem; margin: 0 0 4px; }
.mh-applybox .mh-formbox { padding: 0; background: transparent; box-shadow: none; margin-top: 14px; }
.mh-applybox .mh-form__grid { grid-template-columns: 1fr; }
.mh-reflink { padding: 22px; border-radius: 22px; border: 1.5px dashed var(--mh-line); }
.mh-reflink__row { display: flex; gap: 8px; margin-top: 12px; }
.mh-reflink__row input { flex: 1; min-width: 0; }
.mh-reflink__row .mh-btn { padding-inline: 16px; white-space: nowrap; }
.mh-reflink__out { margin: 10px 0 0; font-size: .85rem; word-break: break-all; color: var(--mh-ink-2); }
.mh-safe-note, .mh-alert { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: var(--mh-red-tint); font-size: .95rem; }
.mh-safe-note .mh-svg { color: var(--mh-red); margin-top: 2px; }
.mh-alert { font-weight: 600; color: var(--mh-red-d); }

/* ---------- Bài viết, trang thường ---------- */
.mh-article { max-width: 820px; margin: 8px auto 0; }
.mh-article__head { margin-bottom: 28px; }
.mh-article__head h1 { margin: 14px 0 12px; }
.mh-article__meta { color: var(--mh-ink-2); font-size: .92rem; }
.mh-article__cover { margin: 0 0 32px; }
.mh-article__cover img { width: 100%; border-radius: var(--mh-r-panel); }
.mh-prose { font-size: 1.0625rem; line-height: 1.75; }
.mh-prose > * { margin-block: 0 1.1em; }
.mh-prose h2 { font-size: clamp(1.4rem, 2.4vw, 1.75rem); margin: 1.8em 0 .6em; }
.mh-prose h3 { font-size: 1.2rem; margin: 1.5em 0 .5em; }
.mh-prose ul, .mh-prose ol { padding-left: 1.3em; }
.mh-prose li { margin-bottom: .4em; }
.mh-prose li::marker { color: var(--mh-red); }
.mh-prose blockquote { margin: 1.5em 0; padding: 18px 24px; border-radius: 14px; background: var(--mh-mist); font-weight: 600; }
.mh-prose img { border-radius: var(--mh-r-card); }
.mh-callout { margin: 48px 0; padding: 28px; border-radius: var(--mh-r-panel); background: var(--mh-red); color: #fff; }
.mh-callout__title { font-size: 1.35rem; font-weight: 800; margin-bottom: 6px; }
.mh-callout .mh-btn--primary { background: #fff; color: var(--mh-red); }
.mh-callout .mh-btn--primary:hover { background: var(--mh-black); color: #fff; }
.mh-callout p:last-child { margin: 16px 0 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.post-navigation a { display: block; padding: 18px; border-radius: var(--mh-r-card); background: var(--mh-mist); color: var(--mh-ink); text-decoration: none; font-weight: 600; }
.post-navigation .nav-next { text-align: right; }

.mh-postgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mh-postcard { position: relative; overflow: hidden; border-radius: var(--mh-r-card); border: 1px solid var(--mh-line); background: #fff; }
.mh-postcard__img img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.mh-postcard__body { padding: 20px 22px 22px; }
.mh-postcard__cat { margin: 0 0 6px; color: var(--mh-red); font-weight: 600; font-size: .85rem; }
.mh-postcard__title { font-size: 1.2rem; margin: 0 0 8px; }
.mh-postcard__title a { color: var(--mh-ink); text-decoration: none; }
.mh-postcard__title a::after { content: ""; position: absolute; inset: 0; }
.mh-postcard__excerpt { color: var(--mh-ink-2); font-size: .95rem; }
.mh-postcard__date { margin: 0; color: var(--mh-ink-2); font-size: .85rem; }
.pagination .nav-links, .nav-links:has(.page-numbers) { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; }
.page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 999px; background: var(--mh-mist); color: var(--mh-ink); text-decoration: none; font-weight: 600; }
.page-numbers.current { background: var(--mh-black); color: #fff; }

.mh-search { display: flex; gap: 8px; max-width: 520px; margin-top: 16px; }
.mh-search input { flex: 1; }
.mh-404 { max-width: 720px; padding: clamp(32px, 6vw, 80px) 0; }
.mh-404__code { font-size: clamp(4rem, 12vw, 8rem); font-weight: 800; line-height: 1; color: var(--mh-red); letter-spacing: -.04em; margin: 0 0 12px; }
.mh-404__links { list-style: none; padding: 0; display: grid; gap: 8px; margin: 24px 0; }
.mh-404__links a { font-weight: 600; }

/* ---------- Footer ---------- */
.mh-footer { margin-top: var(--mh-gap-section); background: var(--mh-black); color: rgba(255,255,255,.78); font-size: .95rem; }
.mh-footer a { color: #fff; text-decoration: none; }
.mh-footer a:hover { color: #fff; text-decoration: underline; }
.mh-footer__inner { max-width: var(--mh-wrap); margin-inline: auto; padding: clamp(48px, 7vw, 80px) var(--mh-gutter) 40px; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, 1fr); gap: 40px 56px; }
.mh-footer__brand img { width: 200px; height: auto; margin-bottom: 18px; }
.mh-footer__brand p { max-width: 46ch; }
.mh-footer__legal { font-size: .85rem; line-height: 1.6; color: rgba(255,255,255,.62); }
.mh-footer__legal strong { color: #fff; }
.mh-footer__title { margin: 0 0 14px; color: #fff; font-weight: 800; font-size: 1rem; }
.mh-footer__menu, .mh-footer__contact, .mh-footer__social, .mh-footer__legalmenu { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mh-footer__contact li { display: flex; gap: 10px; align-items: flex-start; }
.mh-footer__contact .mh-svg { color: #FF8A8F; margin-top: 3px; width: 18px; height: 18px; }
.mh-footer__social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.mh-footer__social a { display: inline-block; padding: 6px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }
.mh-footer__bottom { max-width: var(--mh-wrap); margin-inline: auto; padding: 20px var(--mh-gutter) 28px; border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; font-size: .85rem; color: rgba(255,255,255,.6); }
.mh-footer__bottom p { margin: 0; }
.mh-footer__legalmenu { display: flex; gap: 16px; }
.mh-mobilebar { display: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1280px) {
	.mh-burger { display: inline-grid; }
	.mh-header__actions .mh-header__cta { display: none; }
	.mh-nav {
		position: fixed; inset: 82px var(--mh-gutter) auto; z-index: 70;
		display: none; flex-direction: column; align-items: stretch; gap: 16px;
		max-height: calc(100vh - 100px); overflow: auto;
		padding: 16px; border-radius: 22px; background: #fff; box-shadow: 0 24px 60px rgba(0,0,0,.18);
	}
	.admin-bar .mh-nav { top: 114px; }
	.mh-nav-open .mh-nav { display: flex; }
	.mh-menu { flex-direction: column; gap: 2px; }
	.mh-menu a { padding: 14px 16px; font-size: 1.05rem; border-radius: 14px; }
	.mh-menu .sub-menu { display: block; position: static; box-shadow: none; padding: 0 0 0 12px; margin: 0; }
	.mh-nav__extra { display: grid; gap: 8px; }
	.mh-hero__side { grid-template-columns: 1fr; padding: 22px 14px 14px; }
	.mh-hero__side h2 { padding-left: 12px; }
	.mh-routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mh-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mh-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
	.mh-hero__main { grid-template-columns: 1fr; min-height: 0; }
	.mh-post { justify-self: start; }
	.mh-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.mh-fact:nth-child(3) { border-left: 0; padding-left: 0; }
	.mh-grid--4, .mh-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mh-flow::before { display: none; }
	.mh-grid--3, .mh-jobs, .mh-postgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mh-safe { grid-template-columns: 1fr; }
	.mh-pagehero, .mh-split, .mh-formsec, .mh-contact, .mh-jobpage { grid-template-columns: 1fr; }
	.mh-formsec__intro, .mh-jobpage__side { position: static; }
	.mh-listhead--jobs { grid-template-columns: 1fr; }
	.mh-footer__inner { grid-template-columns: 1fr 1fr; }
	.mh-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
	body { font-size: 1rem; padding-bottom: 68px; }
	.mh-header { padding-top: 8px; }
	.mh-header__bar { padding: 8px 8px 8px 16px; border-radius: 18px; }
	.mh-logo__img { height: 34px; }
	.mh-iconbtn, .mh-burger { width: 44px; height: 44px; }
	.mh-nav { inset: 70px var(--mh-gutter) auto; }
	.mh-hero__main, .mh-pagehero { padding: 28px 20px; border-radius: 22px; }
	.mh-hero h1 { font-size: clamp(2.2rem, 10vw, 3rem); }
	.mh-post { transform: none; max-width: none; }
	.mh-routes { grid-template-columns: 1fr; }
	.mh-grid--2, .mh-grid--3, .mh-grid--4, .mh-grid--5, .mh-flow, .mh-timeline, .mh-stages, .mh-jobs, .mh-postgrid, .mh-checks { grid-template-columns: 1fr; }
	.mh-facts { grid-template-columns: 1fr 1fr; }
	.mh-fact { padding: 0 0 0 16px; }
	.mh-fact:nth-child(odd) { border-left: 0; padding-left: 0; }
	.mh-section--panel, .mh-formsec, .mh-cta { border-radius: 22px; padding: 28px 18px; }
	.mh-card { padding: 20px; }
	.mh-card[class*="mh-i-"], .mh-split .mh-card, .mh-flow__node[class*="mh-i-"] { padding: 20px 20px 20px 84px; min-height: 88px; }
	.mh-flow__node[class*="mh-i-"] { --mh-ic-x: 20px; --mh-ic-y: 20px; }
	.mh-card[class*="mh-i-"] { --mh-ic-x: 20px; --mh-ic-y: 20px; }
	.mh-split .mh-card[class*="mh-i-"] { --mh-ic-y: 20px; }
	.mh-form__grid { grid-template-columns: 1fr; }
	.mh-field--half { grid-column: 1 / -1; }
	.mh-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 150px; }
	.mh-gallery .wp-block-image:first-child, .mh-gallery .wp-block-image:last-child { grid-column: span 2; }
	.mh-gallery .wp-block-image:first-child { grid-row: span 1; }
	.mh-jobfacts { grid-template-columns: 1fr; }
	.mh-jobfacts > div:nth-last-child(-n+2):nth-child(odd) { border-bottom: 1px solid var(--mh-line); }
	.mh-jobfacts > div:last-child { border-bottom: 0; }
	.mh-compare { font-size: .9rem; }
	.mh-compare th, .mh-compare td { padding: 12px; }
	.mh-compare td:nth-child(2), .mh-compare td:nth-child(3) { padding-left: 36px; }
	.mh-compare td:nth-child(2)::before, .mh-compare td:nth-child(3)::before { left: 12px; top: 15px; }
	.mh-glossary td:first-child, .mh-legal td:first-child { width: 40%; }
	.mh-footer__inner { grid-template-columns: 1fr; }
	.mh-faq summary { font-size: 1rem; }
	.mh-mobilebar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 55;
		display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
		padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); gap: 6px;
		background: #fff; box-shadow: 0 -6px 24px rgba(0,0,0,.1);
	}
	.mh-mobilebar a { display: grid; justify-items: center; gap: 2px; padding: 6px 4px; border-radius: 12px; color: var(--mh-ink); font-size: .75rem; font-weight: 600; text-decoration: none; }
	.mh-mobilebar a.is-primary { background: var(--mh-red); color: #fff; }
	.mh-mobilebar .mh-svg { width: 20px; height: 20px; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
	.mh-reflink__row { flex-direction: column; }
}
@media (max-width: 782px) { .admin-bar .mh-header { top: 46px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media print { .mh-header, .mh-footer, .mh-mobilebar, .mh-formsec, .mh-cta { display: none !important; } }
/* Icon Lucide (ISC License), nhúng dạng mask */
.mh-i-arrow-up-right{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M7 7h10v10' /%3E%3Cpath d='M7 17 17 7' /%3E%3C/svg%3E")}
.mh-i-badge-check{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' /%3E%3Cpath d='m16 9-5.5 5.5L8 12' /%3E%3C/svg%3E")}
.mh-i-banknote{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='12' x='2' y='6' rx='2' /%3E%3Ccircle cx='12' cy='12' r='2' /%3E%3Cpath d='M6 12h.01M18 12h.01' /%3E%3C/svg%3E")}
.mh-i-building-2{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 12h4' /%3E%3Cpath d='M10 8h4' /%3E%3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3' /%3E%3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2' /%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16' /%3E%3C/svg%3E")}
.mh-i-calendar-check{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='m9 15 2 2 4-4' /%3E%3C/svg%3E")}
.mh-i-check{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 6 9 17l-5-5' /%3E%3C/svg%3E")}
.mh-i-chevron-down{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E")}
.mh-i-circle-pause{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cline x1='10' x2='10' y1='15' y2='9' /%3E%3Cline x1='14' x2='14' y1='15' y2='9' /%3E%3C/svg%3E")}
.mh-i-clock{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 6v6l4 2' /%3E%3C/svg%3E")}
.mh-i-factory{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 16h.01' /%3E%3Cpath d='M16 16h.01' /%3E%3Cpath d='M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z' /%3E%3Cpath d='M8 16h.01' /%3E%3C/svg%3E")}
.mh-i-file-question{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M12 17h.01' /%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3' /%3E%3C/svg%3E")}
.mh-i-file-text{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E")}
.mh-i-gavel{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m14 13-8.381 8.38a1 1 0 0 1-3.001-3l8.384-8.381' /%3E%3Cpath d='m16 16 6-6' /%3E%3Cpath d='m21.5 10.5-8-8' /%3E%3Cpath d='m8 8 6-6' /%3E%3Cpath d='m8.5 7.5 8 8' /%3E%3C/svg%3E")}
.mh-i-handshake{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3' /%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4' /%3E%3Cpath d='m21 3 1 11h-2' /%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' /%3E%3Cpath d='M3 4h8' /%3E%3C/svg%3E")}
.mh-i-heart-handshake{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762' /%3E%3C/svg%3E")}
.mh-i-id-card{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M13 19a4 4 0 00-8 0' /%3E%3Cpath d='M16 10h2' /%3E%3Cpath d='M16 14h2' /%3E%3Ccircle cx='9' cy='12' r='3' /%3E%3Crect x='2' y='5' width='20' height='14' rx='2' /%3E%3C/svg%3E")}
.mh-i-layers{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z' /%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12' /%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17' /%3E%3C/svg%3E")}
.mh-i-link{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' /%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71' /%3E%3C/svg%3E")}
.mh-i-log-out{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 17 5-5-5-5' /%3E%3Cpath d='M21 12H9' /%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4' /%3E%3C/svg%3E")}
.mh-i-map-pin{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E")}
.mh-i-megaphone{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' /%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14' /%3E%3Cpath d='M8 6v8' /%3E%3C/svg%3E")}
.mh-i-minus{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3C/svg%3E")}
.mh-i-plus{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E")}
.mh-i-refresh-cw{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E")}
.mh-i-repeat{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m17 2 4 4-4 4' /%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14' /%3E%3Cpath d='m7 22-4-4 4-4' /%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3' /%3E%3C/svg%3E")}
.mh-i-scale{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3v18' /%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7' /%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1' /%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7' /%3E%3Cpath d='M7 21h10' /%3E%3C/svg%3E")}
.mh-i-scan-text{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2' /%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2' /%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2' /%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2' /%3E%3Cpath d='M7 8h8' /%3E%3Cpath d='M7 12h10' /%3E%3Cpath d='M7 16h6' /%3E%3C/svg%3E")}
.mh-i-share-2{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='18' cy='5' r='3' /%3E%3Ccircle cx='6' cy='12' r='3' /%3E%3Ccircle cx='18' cy='19' r='3' /%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49' /%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49' /%3E%3C/svg%3E")}
.mh-i-shield-alert{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='M12 8v4' /%3E%3Cpath d='M12 16h.01' /%3E%3C/svg%3E")}
.mh-i-shield-check{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")}
.mh-i-shopping-bag{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 10a4 4 0 0 1-8 0' /%3E%3Cpath d='M3.103 6.034h17.794' /%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z' /%3E%3C/svg%3E")}
.mh-i-smartphone{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2' /%3E%3Cpath d='M12 18h.01' /%3E%3C/svg%3E")}
.mh-i-target{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Ccircle cx='12' cy='12' r='6' /%3E%3Ccircle cx='12' cy='12' r='2' /%3E%3C/svg%3E")}
.mh-i-timer{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E")}
.mh-i-truck{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2' /%3E%3Cpath d='M15 18H9' /%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14' /%3E%3Ccircle cx='17' cy='18' r='2' /%3E%3Ccircle cx='7' cy='18' r='2' /%3E%3C/svg%3E")}
.mh-i-user-check{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 11 2 2 4-4' /%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3C/svg%3E")}
.mh-i-user-round-search{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='10' cy='8' r='5' /%3E%3Cpath d='M2 21a8 8 0 0 1 10.434-7.62' /%3E%3Ccircle cx='18' cy='18' r='3' /%3E%3Cpath d='m22 22-1.9-1.9' /%3E%3C/svg%3E")}
.mh-i-users{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3C/svg%3E")}
.mh-i-utensils-crossed{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8' /%3E%3Cpath d='M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7' /%3E%3Cpath d='m2.1 21.8 6.4-6.3' /%3E%3Cpath d='m19 5-7 7' /%3E%3C/svg%3E")}
.mh-i-wallet{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1' /%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4' /%3E%3C/svg%3E")}
.mh-i-wrench{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z' /%3E%3C/svg%3E")}
.mh-i-x{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E")}
.mh-i-zap{--mh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z' /%3E%3C/svg%3E")}