/* ===== Mặt Bằng Tốt: header v6 (emerald + gold, centred menu; menu icons visible at all desktop widths) + homepage re-tone (body.home only) + bottom bar ===== */
:root{--mbt-ink:#002419;--mbt-emerald:#0a3d2e;--mbt-gold:#d4a63a;--mbt-gold-l:#f3d27a;--mbt-gold-d:#9c6d14;--mbt-pill:rgba(212,166,58,.10);--mbt-hair:rgba(0,36,25,.08)}
:root{--mbt-ico-store:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%204.5h16l1.5%205H2.5z'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Cpath%20d='M4.5%209.5V20h15V9.5'/%3E%3Cpath%20d='M9.5%2020v-5h5v5'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3C/svg%3E");--mbt-ico-store-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%204.5h16l1.5%205H2.5z'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Cpath%20d='M4.5%209.5V20h15V9.5'/%3E%3Cpath%20d='M9.5%2020v-5h5v5'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3C/svg%3E");--mbt-ico-office:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='3'%20width='14'%20height='17'%20rx='1.2'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Cpath%20d='M9%207h1.5M13.5%207H15M9%2010.5h1.5M13.5%2010.5H15M9%2014h1.5M13.5%2014H15'/%3E%3Cpath%20d='M10.5%2020v-2.5h3V20'/%3E%3C/svg%3E");--mbt-ico-office-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='3'%20width='14'%20height='17'%20rx='1.2'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Cpath%20d='M9%207h1.5M13.5%207H15M9%2010.5h1.5M13.5%2010.5H15M9%2014h1.5M13.5%2014H15'/%3E%3Cpath%20d='M10.5%2020v-2.5h3V20'/%3E%3C/svg%3E");--mbt-ico-factory:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2020.5V10l4.5%203V10l4.5%203V10l4.5%203V6.5H21v14z'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Cpath%20d='M9.5%2020.5v-3h4v3'/%3E%3C/svg%3E");--mbt-ico-factory-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2020.5V10l4.5%203V10l4.5%203V10l4.5%203V6.5H21v14z'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Cpath%20d='M9.5%2020.5v-3h4v3'/%3E%3C/svg%3E");--mbt-ico-land:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2.5%2019.5L9%2010.5l3.6%204.7%202.4-3%206.5%207.3z'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='17'%20cy='6.5'%20r='2'%20fill='%23d4a63a'%20fill-opacity='0.72'/%3E%3C/svg%3E");--mbt-ico-land-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2.5%2019.5L9%2010.5l3.6%204.7%202.4-3%206.5%207.3z'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='17'%20cy='6.5'%20r='2'%20fill='%23f3d27a'%20fill-opacity='0.9'/%3E%3C/svg%3E");--mbt-ico-spark:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.5l1.7%204.8%204.8%201.7-4.8%201.7L12%2016.5l-1.7-4.8-4.8-1.7%204.8-1.7z'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Cpath%20d='M19%2016.5l.5%201.4%201.5.6-1.5.6-.5%201.4-.5-1.4-1.5-.6%201.5-.6z'%20fill='%23d4a63a'%20fill-opacity='0.72'/%3E%3C/svg%3E");--mbt-ico-spark-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.5l1.7%204.8%204.8%201.7-4.8%201.7L12%2016.5l-1.7-4.8-4.8-1.7%204.8-1.7z'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Cpath%20d='M19%2016.5l.5%201.4%201.5.6-1.5.6-.5%201.4-.5-1.4-1.5-.6%201.5-.6z'%20fill='%23f3d27a'%20fill-opacity='0.9'/%3E%3C/svg%3E")}
/* ---------- HEADER: surface, hairline, shadow (white background kept) ---------- */
#masthead{background-color:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);box-shadow:0 1px 0 rgba(0,36,25,.05),0 14px 28px -24px rgba(0,36,25,.5)}
#masthead>div:first-child{position:relative;box-sizing:border-box;width:100%;max-width:none;margin:0;padding-left:20px;padding-right:20px}
@media (min-width:640px){#masthead>div:first-child{padding-left:24px;padding-right:24px}}
@media (min-width:768px){#masthead>div:first-child{padding-left:32px;padding-right:32px}}
#masthead>div:first-child::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(212,166,58,0) 0%,#d4a63a 16%,#f3d27a 50%,#d4a63a 84%,rgba(212,166,58,0) 100%)}
#masthead a[rel="home"] img{height:32px;width:auto}
@media (min-width:1024px){#masthead a[rel="home"] img{height:36px}}
/* desktop: logo | menu (exactly centred) | actions */
@media (min-width:1024px){
#masthead>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;padding-left:32px;padding-right:32px}
#masthead>div:first-child>div:first-child{justify-self:start;min-width:0}
#masthead>div:first-child>nav{grid-column:2;justify-self:center}
#masthead>div:first-child>div:last-child{grid-column:3;justify-self:end;gap:10px}
}
@media (min-width:1280px){#masthead>div:first-child{padding-left:40px;padding-right:40px;column-gap:28px}}
@media (min-width:1536px){#masthead>div:first-child{padding-left:48px;padding-right:48px}}

/* ---------- MENU LINKS: deep-green text, gold pill on hover, gold underline when active ---------- */
#masthead nav[aria-label="Menu chính"]{gap:4px}
#masthead nav[aria-label="Menu chính"] a{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;height:40px;padding:0 14px;border-radius:999px;background:transparent;color:var(--mbt-ink);font-size:14.5px;line-height:20px;font-weight:600;letter-spacing:.015em;white-space:nowrap;text-decoration:none;transition:color .25s ease,background-color .25s ease}
#masthead nav[aria-label="Menu chính"] a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#b98424 0%,#f3d27a 50%,#d4a63a 100%);transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#masthead nav[aria-label="Menu chính"] a:hover,#masthead nav[aria-label="Menu chính"] a:focus-visible,#masthead nav[aria-label="Menu chính"] a[aria-current="page"],#masthead nav[aria-label="Menu chính"] .current-menu-item>a{color:var(--mbt-gold-d);background-color:var(--mbt-pill)}
#masthead nav[aria-label="Menu chính"] a:hover::after,#masthead nav[aria-label="Menu chính"] a:focus-visible::after,#masthead nav[aria-label="Menu chính"] a[aria-current="page"]::after,#masthead nav[aria-label="Menu chính"] .current-menu-item>a::after{transform:scaleX(1)}
#masthead nav[aria-label="Menu chính"] a:focus-visible{outline:2px solid var(--mbt-gold);outline-offset:2px}
@media (min-width:1024px) and (max-width:1279.98px){
#masthead nav[aria-label="Menu chính"]{gap:0}
#masthead nav[aria-label="Menu chính"] a{padding:0 9px;font-size:14px;letter-spacing:.01em}
#masthead nav[aria-label="Menu chính"] a::after{left:10px;right:10px}
}
@media (min-width:1280px){#masthead nav[aria-label="Menu chính"]{gap:4px}}
@media (min-width:1280px) and (max-width:1439.98px){#masthead nav[aria-label="Menu chính"] a{padding:0 12px}#masthead nav[aria-label="Menu chính"] a::after{left:12px;right:12px}}

/* ---------- MENU ICONS: duotone line icons (deep-green stroke + gold fill), gold on hover/active ---------- */
#masthead nav[aria-label="Menu chính"] a::before,#mbt-mobile-menu nav a::before{content:"";flex:0 0 auto;display:block;width:18px;height:18px;margin-right:7px;background-image:var(--mbt-ico);background-repeat:no-repeat;background-position:center;background-size:contain;transition:opacity .25s ease}
#masthead nav[aria-label="Menu chính"] a[href*="mat-bang-kinh-doanh"]::before,#mbt-mobile-menu nav a[href*="mat-bang-kinh-doanh"]::before{--mbt-ico:var(--mbt-ico-store);--mbt-ico-h:var(--mbt-ico-store-h)}
#masthead nav[aria-label="Menu chính"] a[href*="cho-thue-van-phong"]::before,#mbt-mobile-menu nav a[href*="cho-thue-van-phong"]::before{--mbt-ico:var(--mbt-ico-office);--mbt-ico-h:var(--mbt-ico-office-h)}
#masthead nav[aria-label="Menu chính"] a[href*="kho-xuong-san-xuat"]::before,#mbt-mobile-menu nav a[href*="kho-xuong-san-xuat"]::before{--mbt-ico:var(--mbt-ico-factory);--mbt-ico-h:var(--mbt-ico-factory-h)}
#masthead nav[aria-label="Menu chính"] a[href*="dat-trong"]::before,#mbt-mobile-menu nav a[href*="dat-trong"]::before{--mbt-ico:var(--mbt-ico-land);--mbt-ico-h:var(--mbt-ico-land-h)}
#masthead nav[aria-label="Menu chính"] a[href*="tien-ich"]::before,#mbt-mobile-menu nav a[href*="tien-ich"]::before{--mbt-ico:var(--mbt-ico-spark);--mbt-ico-h:var(--mbt-ico-spark-h)}
#masthead nav[aria-label="Menu chính"] a:hover::before,#masthead nav[aria-label="Menu chính"] a:focus-visible::before,#masthead nav[aria-label="Menu chính"] a[aria-current="page"]::before,#masthead nav[aria-label="Menu chính"] .current-menu-item>a::before,#mbt-mobile-menu nav a:hover::before,#mbt-mobile-menu nav a:focus-visible::before,#mbt-mobile-menu nav a[aria-current="page"]::before{background-image:var(--mbt-ico-h)}
@media (min-width:1280px) and (max-width:1439.98px){#masthead nav[aria-label="Menu chính"] a::before{width:16px;height:16px;margin-right:6px}}
/* ---------- v6: 1024-1279 — menu icons stay VISIBLE; nav tightened instead (13px text, 7px padding, 6px icon gap); right buttons slimmer ---------- */
@media (min-width:1024px) and (max-width:1279.98px){
#masthead>div:first-child{padding-left:24px;padding-right:24px;column-gap:14px}
#masthead a[rel="home"] img{height:32px}
#masthead nav[aria-label="Menu chính"]{gap:0;justify-self:center}
#masthead nav[aria-label="Menu chính"] a{height:38px;padding:0 7px;font-size:13px;line-height:18px;letter-spacing:0}
#masthead nav[aria-label="Menu chính"] a::after{left:8px;right:8px}
#masthead nav[aria-label="Menu chính"] a::before{display:block;width:15px;height:15px;margin-right:6px}
#masthead>div:first-child>div:last-child{gap:8px}
}

/* ---------- HAMBURGER + MOBILE PANEL (same language: green text, same buttons, gold on hover) ---------- */
#mbt-menu-toggle{box-sizing:border-box;width:44px;height:44px;padding:0;border:1.5px solid var(--mbt-emerald);border-radius:999px;background:#fff;color:var(--mbt-emerald);box-shadow:0 1px 2px rgba(0,36,25,.05);transition:background-color .3s ease,color .3s ease,border-color .3s ease}
#mbt-menu-toggle:hover,#mbt-menu-toggle:focus-visible,#mbt-menu-toggle[aria-expanded="true"]{background:var(--mbt-ink);border-color:var(--mbt-ink);color:var(--mbt-gold-l)}
#mbt-menu-toggle:focus-visible{outline:2px solid var(--mbt-gold);outline-offset:3px}
#mbt-mobile-menu{background:rgba(255,255,255,.98);border-top:1px solid var(--mbt-hair);box-shadow:0 22px 30px -26px rgba(0,36,25,.35)}
#mbt-mobile-menu nav{gap:2px}
#mbt-mobile-menu nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border-radius:14px;color:var(--mbt-ink);font-size:15px;line-height:20px;font-weight:600;letter-spacing:.015em;text-decoration:none;transition:color .25s ease,background-color .25s ease,box-shadow .25s ease}
#mbt-mobile-menu nav a::before{width:19px;height:19px;margin-right:0}
#mbt-mobile-menu nav a:hover,#mbt-mobile-menu nav a:focus-visible,#mbt-mobile-menu nav a[aria-current="page"]{color:var(--mbt-gold-d);background-color:var(--mbt-pill);box-shadow:inset 3px 0 0 var(--mbt-gold)}
#mbt-mobile-menu nav a:focus-visible{outline:2px solid var(--mbt-gold);outline-offset:-2px}

/* ---------- BOTTOM BAR (full-bleed, original theme colours; v3) ---------- */
#colophon{overflow-x:hidden;overflow-x:clip}
#colophon>.max-w-7xl{padding-bottom:0}
#colophon>.max-w-7xl>div:last-child{position:relative;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;padding:18px clamp(20px,4vw,48px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:none;border-top:0;color:#414944;font-size:13px;line-height:20px;letter-spacing:.02em}
@media (min-width:768px){#colophon>.max-w-7xl>div:last-child{flex-direction:row;justify-content:space-between;text-align:left;gap:16px}}
#colophon>.max-w-7xl>div:last-child>p:first-child{margin:0;color:#414944;font-weight:500;letter-spacing:.04em}
#colophon>.max-w-7xl>div:last-child>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px}
@media (min-width:768px){#colophon>.max-w-7xl>div:last-child>div{justify-content:flex-end}}
#colophon>.max-w-7xl>div:last-child>div a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:#414944;text-decoration:none;transition:color .25s ease}
#colophon>.max-w-7xl>div:last-child>div a:hover,#colophon>.max-w-7xl>div:last-child>div a:focus-visible{color:#002419}
#colophon>.max-w-7xl>div:last-child>div a .material-symbols-outlined{color:#717974;font-size:16px}
@media (prefers-reduced-motion:reduce){#masthead *,#colophon *{transition:none!important}}

/* ===================================================================
   HOMEPAGE v6 (body.home only): re-tone to price-page emerald/gold,
   market-index cards (replace the old 4 tool tiles), gold hover states.
   Header/footer and other pages are not touched by this block.
   =================================================================== */
body.home{background-color:#faf8f3}
body.home section{transition:background-color .3s ease}
body.home section.bg-surface-container-low{background-color:#f3f0e6}
body.home section.bg-surface-container-low{background-image:radial-gradient(700px 320px at 92% 0%,rgba(212,166,58,.08),rgba(212,166,58,0) 70%)}

/* hero: warm off-white with a faint gold glow from the top, emerald hairline at the base */
body.home #tim-kiem{background-color:#faf8f3;background-image:radial-gradient(860px 380px at 50% -12%,rgba(212,166,58,.16),rgba(212,166,58,0) 66%),linear-gradient(180deg,#f3f0e5 0%,#faf8f3 52%,#faf8f3 100%)}
body.home #tim-kiem::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(212,166,58,0),rgba(212,166,58,.55) 50%,rgba(212,166,58,0))}
body.home #tim-kiem h1{letter-spacing:-.01em}
body.home #tim-kiem h1 span.text-secondary{background-image:linear-gradient(90deg,#8a5d0f 0%,#c99a2e 45%,#f3d27a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body.home #tim-kiem .inline-flex.rounded-full{box-shadow:0 1px 0 rgba(243,210,122,.25) inset,0 6px 14px -10px rgba(0,36,25,.7)}
body.home #mbt-hero-search{transition:box-shadow .35s ease,border-color .35s ease}
body.home #mbt-hero-search:hover,body.home #mbt-hero-search:focus-within{border-color:rgba(212,166,58,.6);box-shadow:0 0 0 4px rgba(243,210,122,.18),0 22px 40px -26px rgba(0,36,25,.55)}
body.home #mbt-hero-search button[type="submit"]{background-image:linear-gradient(135deg,#fbe39a 0%,#f3d27a 35%,#d4a63a 100%);color:#002419;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 20px -12px rgba(156,109,20,.95)}
body.home #mbt-hero-search button[type="submit"]:hover{background-image:linear-gradient(135deg,#fff1c7 0%,#f3d27a 45%,#e2b345 100%);color:#002419;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 4px rgba(243,210,122,.22),0 16px 26px -12px rgba(156,109,20,.95);transform:translateY(-1px)}
body.home #tim-kiem a.rounded-full{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
body.home #tim-kiem a.rounded-full:hover{background-color:rgba(212,166,58,.16);color:#7e5700;box-shadow:inset 0 0 0 1px rgba(212,166,58,.55)}

/* gold-gradient buttons + badges (generic Tailwind secondary-container usage) */
body.home .bg-secondary-container{background-image:linear-gradient(135deg,#f3d27a 0%,#d4a63a 100%)}
body.home .bg-secondary-container:hover{background-image:linear-gradient(135deg,#fff1c7 0%,#f3d27a 50%,#d4a63a 100%)}
body.home .bg-secondary{background-image:linear-gradient(135deg,#d4a63a 0%,#9c6d14 100%)}
body.home .bg-secondary-container.text-on-secondary-container{color:#002419}
body.home section .font-label-tag.text-secondary,body.home section span.text-secondary.uppercase{color:#9c6d14}
body.home section h2.text-primary{letter-spacing:-.01em}

/* cards: soft radius + refined shadow; gold hairline and glow on hover */
body.home section a.group{border-radius:16px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
body.home section a.group:hover{box-shadow:0 22px 40px -26px rgba(0,36,25,.6),0 0 0 1px rgba(212,166,58,.42),0 0 26px -10px rgba(212,166,58,.5)}
body.home section .shadow-sm{box-shadow:0 1px 2px rgba(0,36,25,.05),0 10px 22px -18px rgba(0,36,25,.35)}
body.home section .group:hover .group-hover\:text-secondary,body.home section a.group:hover h3{color:#9c6d14}
body.home section a.group:hover .text-secondary{color:#9c6d14}
body.home section .rounded-xl.border{border-color:rgba(0,36,25,.08)}

/* ===== v7 (2026-10-19): hero headline one line per part on desktop; index labels one line at desktop ===== */
@media (min-width:640px){
  body.home #tim-kiem h1{white-space:nowrap;font-size:clamp(30px,4.4vw,52px);line-height:1.12}
  body.home #tim-kiem h1 span{white-space:nowrap}
}

/* ===== v8 (2026-10-19): no orphan words on homepage headings/labels (balanced headings, pretty labels) ===== */
body.home #tim-kiem h1{text-wrap:balance}

/* ===== v9 (2026-10-19): mobile hero keeps its two parts on separate lines (wrap allowed inside each part) ===== */
body.home #tim-kiem h1 br{display:inline}

/* ===== v10 (2026-10-19): index labels one line at >=1280 (desktop cards); balanced wrap below (no clipping at 1024-1279) ===== */

/* ===== v11 (2026-10-19): hero headline parts stay on one line at >=640px (text-wrap overrides nowrap in some Chrome builds) ===== */
@media (min-width:640px){
  body.home #tim-kiem h1,body.home #tim-kiem h1 span{text-wrap:nowrap;white-space:nowrap}
}

/* ===== v14 (2026-10-19): header CTA pair = homepage CTA style. Order: "Tìm mặt bằng" (gold, first) then "Ký gửi mặt bằng" (emerald, second). Sentence case, full pill, 46px, 15px bold, arrow, lift + stronger glow on hover. Same in the mobile panel. Menu icons stay visible; 1024-1279 tightened. ===== */
#masthead a.mbt-hbtn,#mbt-mobile-menu a.mbt-hbtn{position:relative;box-sizing:border-box;align-items:center;justify-content:center;height:46px;min-height:46px;padding:0 12px;gap:8px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background-color .3s ease,border-color .3s ease,color .3s ease}
#masthead a.mbt-hbtn .mbt-hbtn__txt,#mbt-mobile-menu a.mbt-hbtn .mbt-hbtn__txt{font-size:15px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none}
#masthead .mbt-hbtn__arr,#mbt-mobile-menu .mbt-hbtn__arr{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
#masthead a.mbt-hbtn:focus-visible,#mbt-mobile-menu a.mbt-hbtn:focus-visible{outline:2px solid #fbe7ae;outline-offset:3px}
/* gold: Tìm mặt bằng (gradient #f3d27a -> #d4a63a, deep-green text, soft gold glow) */
#masthead a.mbt-hbtn--tim,#mbt-mobile-menu a.mbt-hbtn--tim{background:linear-gradient(135deg,#f3d27a 0%,#d4a63a 100%);color:#0a3d2e;border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px -10px rgba(212,166,58,.95),0 0 26px -6px rgba(243,210,122,.7)}
#masthead a.mbt-hbtn--tim:hover,#masthead a.mbt-hbtn--tim:focus-visible,#mbt-mobile-menu a.mbt-hbtn--tim:hover,#mbt-mobile-menu a.mbt-hbtn--tim:focus-visible{transform:translateY(-2px);color:#002419;border-color:#fbe7ae;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 30px -10px rgba(212,166,58,1),0 0 40px -4px rgba(243,210,122,.95)}
/* emerald: Ký gửi mặt bằng (gradient #0a3d2e -> #002419, thin gold border, white text + arrow) */
#masthead a.mbt-hbtn--ky,#mbt-mobile-menu a.mbt-hbtn--ky{background:linear-gradient(135deg,#0a3d2e 0%,#002419 100%);color:#fff;border-color:#d4a63a;box-shadow:inset 0 1px 0 rgba(243,210,122,.22),0 8px 18px -10px rgba(0,36,25,.9)}
#masthead a.mbt-hbtn--ky:hover,#masthead a.mbt-hbtn--ky:focus-visible,#mbt-mobile-menu a.mbt-hbtn--ky:hover,#mbt-mobile-menu a.mbt-hbtn--ky:focus-visible{transform:translateY(-2px);color:#fff;border-color:#f3d27a;box-shadow:inset 0 1px 0 rgba(243,210,122,.3),0 16px 30px -10px rgba(0,36,25,.95),0 0 32px -4px rgba(243,210,122,.8)}
#masthead a.mbt-hbtn:hover .mbt-hbtn__arr,#masthead a.mbt-hbtn:focus-visible .mbt-hbtn__arr,#mbt-mobile-menu a.mbt-hbtn:hover .mbt-hbtn__arr,#mbt-mobile-menu a.mbt-hbtn:focus-visible .mbt-hbtn__arr{transform:translateX(3px)}
#masthead a.mbt-hbtn:active,#mbt-mobile-menu a.mbt-hbtn:active{transform:translateY(0)}
/* right-hand group: drop the empty spacer div (it added a phantom gap) and set the pill spacing */
#masthead>div:first-child>div:last-child>div:empty{display:none}
@media (min-width:1024px){#masthead>div:first-child>div:last-child{gap:10px}}
/* mobile panel: the two CTAs stack full-width (46px each) at every phone width, Tìm first */
#mbt-mobile-menu .mbt-hbtns{grid-template-columns:minmax(0,1fr);gap:10px}
#mbt-mobile-menu a.mbt-hbtn{justify-content:center;width:100%}
/* 640-1023: logo + two CTAs + menu button on one row (menu is hidden at this width) */
@media (min-width:640px) and (max-width:1023.98px){#masthead a.mbt-hbtn{padding:0 16px;gap:8px}#masthead>div:first-child>div:last-child{gap:8px}}
/* 1024-1279: tighten. Menu items 13px, 5px pads; CTA padding 10px (font 15px, arrow kept). Below 1205px the centred
   menu cannot sit symmetrically with two full pills, so it stays centred in the space between logo and CTAs (no overlap, icons visible). */
@media (min-width:1024px) and (max-width:1279.98px){
#masthead>div:first-child{padding-left:16px;padding-right:16px;column-gap:12px}
#masthead nav[aria-label="Menu chính"] a{padding:0 5px}
#masthead a.mbt-hbtn{padding:0 10px}
#masthead>div:first-child>div:last-child{gap:8px}
}
@media (min-width:1024px) and (max-width:1204.98px){
#masthead>div:first-child{grid-template-columns:auto minmax(0,1fr) auto}
#masthead>div:first-child>div:first-child{grid-column:1;justify-self:start}
#masthead>div:first-child>nav{grid-column:2;justify-self:center}
#masthead>div:first-child>div:last-child{grid-column:3;justify-self:end}
}
/* 1280-1439: centred menu at 13px with 4px item padding; CTA padding 12px */
@media (min-width:1280px) and (max-width:1439.98px){#masthead nav[aria-label="Menu chính"] a{padding:0 4px;font-size:13px}#masthead a.mbt-hbtn{padding:0 10px}}
/* 1440-1535 */
@media (min-width:1440px) and (max-width:1535.98px){#masthead a.mbt-hbtn{padding:0 12px}}
/* 1536-1919 */
@media (min-width:1536px) and (max-width:1919.98px){#masthead a.mbt-hbtn{padding:0 16px}}
/* 1920+ */
@media (min-width:1920px){#masthead a.mbt-hbtn{padding:0 24px}}
/* hero headline: parts stay on one line on desktop; size fits the 896px header block */
@media (min-width:640px){
  body.home #tim-kiem h1{font-size:clamp(30px,4vw,46px);text-wrap:nowrap;white-space:nowrap}
  body.home #tim-kiem h1 span{text-wrap:nowrap;white-space:nowrap}
}



@media (max-width:639px){body.home #tim-kiem h1 span{display:inline-block;max-width:100%;text-wrap:balance}}

/* ===== v15 (2026-10-19): homepage CTA = ONE premium split card (owner | tenant). Block "Cần tìm hoặc cho thuê mặt bằng?" removed. ===== */
.mbt-cta2-wrap{padding:8px 24px 48px;background:transparent}
.mbt-cta2{position:relative;isolation:isolate;overflow:hidden;max-width:1200px;margin:0 auto;border-radius:24px;border:1px solid rgba(243,210,122,.30);color:#fff;background:radial-gradient(60% 130% at 100% 0%,rgba(243,210,122,.20) 0%,rgba(243,210,122,0) 60%),radial-gradient(50% 120% at 0% 100%,rgba(243,210,122,.12) 0%,rgba(243,210,122,0) 62%),linear-gradient(118deg,#00140e 0%,#0a3d2e 55%,#14523f 100%);box-shadow:0 24px 50px -28px rgba(0,36,25,.75),inset 0 1px 0 rgba(243,210,122,.16)}
.mbt-cta2::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3E%3Cpath%20d='M-10%2010L10-10M30%2050L50%2030'%20stroke='%23f3d27a'%20stroke-opacity='.10'%20stroke-width='1'/%3E%3Ccircle%20cx='20'%20cy='20'%20r='1.2'%20fill='%23f3d27a'%20fill-opacity='.22'/%3E%3C/svg%3E");background-size:40px 40px;opacity:.9}
.mbt-cta2::after{content:"";position:absolute;z-index:0;right:-150px;top:-190px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(243,210,122,.20);pointer-events:none}
.mbt-cta2__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.23fr) 1px minmax(0,1fr);align-items:stretch}
.mbt-cta2__div{background:linear-gradient(180deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.6) 25%,rgba(243,210,122,.6) 75%,rgba(243,210,122,0) 100%)}
.mbt-cta2__panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;padding:36px 32px;box-sizing:border-box}
.mbt-cta2__panel--tenant{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mbt-cta2__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.02em;color:#f3d27a}
.mbt-cta2__eyebrow::before{content:"";flex:0 0 22px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fbe7ae,#d4a63a)}
.mbt-cta2__title{margin:0;font-size:clamp(22px,2vw,25px);line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#fff;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.25)}
@media (min-width:1200px){.mbt-cta2__title--one{white-space:nowrap}}
.mbt-cta2__chips{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mbt-cta2__chips li{display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;box-sizing:border-box;padding:3px 12px 3px 7px;border-radius:999px;background:rgba(243,210,122,.10);border:1px solid rgba(243,210,122,.34);font-size:13.5px;font-weight:600;line-height:1.25;color:#fbf3dc;white-space:nowrap}
.mbt-cta2__chips .material-symbols-outlined{font-size:18px;color:#f3d27a;flex:0 0 auto}
.mbt-cta2__sub{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.84)}
.mbt-cta2__btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.mbt-cta2__btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background-color .25s,color .25s,border-color .25s}
.mbt-cta2__btn--gold{background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:#0a3d2e;border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px -10px rgba(212,166,58,.95),0 0 26px -6px rgba(243,210,122,.6)}
.mbt-cta2__btn--outline{background:rgba(0,0,0,.12);color:#f3d27a;border-color:rgba(243,210,122,.75)}
.mbt-cta2__btn:hover,.mbt-cta2__btn:focus-visible{transform:translateY(-2px);text-decoration:none}
.mbt-cta2__btn--gold:hover,.mbt-cta2__btn--gold:focus-visible{color:#002419;border-color:#fbe7ae;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 30px -10px rgba(212,166,58,1),0 0 40px -4px rgba(243,210,122,.95)}
.mbt-cta2__btn--outline:hover,.mbt-cta2__btn--outline:focus-visible{background:rgba(243,210,122,.16);color:#fbe7ae;border-color:#fbe7ae}
.mbt-cta2__btn:focus-visible,.mbt-cta2__link:focus-visible{outline:2px solid #fbe7ae;outline-offset:3px}
.mbt-cta2__arr{font-size:18px;line-height:1;transition:transform .25s}
.mbt-cta2__btn:hover .mbt-cta2__arr{transform:translateX(3px)}
.mbt-cta2__zalo{width:18px;height:18px;flex:0 0 auto}
.mbt-cta2__link{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 2px;font-size:15px;font-weight:700;line-height:1;color:rgba(255,255,255,.92);text-decoration:none;border-bottom:1px solid rgba(243,210,122,.6);transition:color .2s,border-color .2s}
.mbt-cta2__link:hover{color:#fbe7ae;border-color:#fbe7ae}
@media (max-width:899.98px){
.mbt-cta2__grid{grid-template-columns:minmax(0,1fr)}
.mbt-cta2__div{height:1px;margin:0 28px;background:linear-gradient(90deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.6) 25%,rgba(243,210,122,.6) 75%,rgba(243,210,122,0) 100%)}
.mbt-cta2__panel{padding:30px 28px}
}
@media (max-width:639.98px){
.mbt-cta2-wrap{padding:0 16px 40px}
.mbt-cta2__panel{padding:28px 22px;gap:14px}
.mbt-cta2__title{font-size:24px}
.mbt-cta2__chips li{white-space:normal;border-radius:14px;font-size:13px}
.mbt-cta2__btns{flex-direction:column;align-items:stretch;width:100%;margin-top:4px}
.mbt-cta2__btn{width:100%;padding:0 20px}
.mbt-cta2__link{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.mbt-cta2__btn,.mbt-cta2__arr,.mbt-cta2__link{transition:none}}
/* === v16 BLOG ARCHIVE === */
/* Trang chuyên mục bài viết (archive.php, is_category). Phạm vi .mbt-blog; không đụng menu, header hay footer. */
.mbt-blog{--bl-ink:#002419;--bl-em:#0a3d2e;--bl-gold:#d4a63a;--bl-gold-l:#f3d27a;--bl-gold-d:#9c6d14;--bl-pill:rgba(212,166,58,.10);--bl-line:rgba(0,36,25,.09);font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--bl-ink);background:#fff;font-size:15px;line-height:1.5}
.mbt-blog *,.mbt-blog *::before,.mbt-blog *::after{box-sizing:border-box}
.mbt-blog a{color:inherit}
.mbt-blog img{max-width:100%;height:auto}
.mbt-blog__hero{position:relative;isolation:isolate;overflow:hidden;color:#f3f0e6;background:radial-gradient(70% 140% at 100% 0%,rgba(243,210,122,.20) 0%,rgba(243,210,122,0) 58%),radial-gradient(45% 120% at 0% 100%,rgba(243,210,122,.10) 0%,rgba(243,210,122,0) 60%),linear-gradient(118deg,#00140e 0%,#002419 46%,#0a3d2e 100%);padding:26px 0 24px}
.mbt-blog__hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.9) 35%,rgba(243,210,122,.9) 65%,rgba(243,210,122,0) 100%)}
.mbt-blog__in{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;min-width:0}
.mbt-blog__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:0;list-style:none;font-size:13px;line-height:18px;color:rgba(243,240,230,.72)}
.mbt-blog__crumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}
.mbt-blog__crumbs li+li::before{content:"›";color:var(--bl-gold-l);font-size:15px;line-height:1}
.mbt-blog__crumbs a{color:rgba(243,240,230,.92);text-decoration:none}
.mbt-blog__crumbs a:hover,.mbt-blog__crumbs a:focus-visible{color:var(--bl-gold-l);text-decoration:underline}
.mbt-blog__crumbs [aria-current="page"]{color:var(--bl-gold-l);font-weight:600}
.mbt-blog__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0}
.mbt-blog__title{margin:0;flex:0 1 auto;min-width:0;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbt-blog__count{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;border:1px solid rgba(243,210,122,.38);background:rgba(243,210,122,.12);color:var(--bl-gold-l);font-size:13px;font-weight:700;white-space:nowrap}
.mbt-blog__desc{margin:8px 0 0;max-width:760px;font-size:15px;line-height:1.55;color:rgba(243,240,230,.84);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbt-blog__tabs-wrap{background:#fff;border-bottom:1px solid var(--bl-line)}
.mbt-blog__tabs{display:flex;flex-wrap:wrap;gap:8px;max-width:1200px;margin:0 auto;padding:14px 24px;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mbt-blog__tabs::-webkit-scrollbar{display:none}
.mbt-blog__tabs li{flex:0 0 auto;margin:0}
.mbt-blog__tab{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;border:1px solid rgba(0,36,25,.13);background:#fff;color:var(--bl-ink);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.mbt-blog__tab:hover,.mbt-blog__tab:focus-visible{border-color:var(--bl-gold);background:var(--bl-pill);color:var(--bl-gold-d)}
.mbt-blog__tab:focus-visible{outline:2px solid var(--bl-gold);outline-offset:2px}
.mbt-blog__tab-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(0,36,25,.07);font-size:12px;font-weight:700}
.mbt-blog__tab[aria-current="page"]{border-color:transparent;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:#002419;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px -10px rgba(212,166,58,.95)}
.mbt-blog__tab[aria-current="page"] .mbt-blog__tab-n{background:rgba(0,36,25,.14)}
.mbt-blog__main{max-width:1200px;margin:0 auto;padding:26px 24px 56px;min-width:0}
.mbt-blog__feat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:0 0 26px;border:1px solid var(--bl-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 22px 40px -32px rgba(0,36,25,.6)}
.mbt-blog__feat-media{position:relative;display:block;min-height:300px;overflow:hidden;background:#0a3d2e}
.mbt-blog__feat-media .mbt-blog__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mbt-blog__feat-body{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:28px 30px}
.mbt-blog__tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mbt-blog__pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 40%,#d4a63a 100%);color:#002419;font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 14px -8px rgba(212,166,58,.95)}
.mbt-blog__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bl-gold-d)}
.mbt-blog__feat-title{margin:0;font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.015em}
.mbt-blog__feat-title a,.mbt-blog__ctitle a{text-decoration:none;color:var(--bl-ink)}
.mbt-blog__feat-title a:hover,.mbt-blog__ctitle a:hover{color:var(--bl-em)}
.mbt-blog__excerpt{margin:0;font-size:15px;line-height:1.6;color:#4a5a55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mbt-blog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:18px;color:#66756f}
.mbt-blog__dot{width:4px;height:4px;border-radius:50%;background:var(--bl-gold)}
.mbt-blog__more{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:4px;height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#0a3d2e 0%,#002419 100%);color:#fff;border:1px solid #d4a63a;font-size:14px;font-weight:700;text-decoration:none;box-shadow:inset 0 1px 0 rgba(243,210,122,.22),0 8px 18px -10px rgba(0,36,25,.9);transition:transform .25s ease,box-shadow .25s ease}
.mbt-blog__more:hover,.mbt-blog__more:focus-visible{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(243,210,122,.3),0 14px 22px -12px rgba(0,36,25,.95)}
.mbt-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mbt-blog__card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--bl-line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 24px -22px rgba(0,36,25,.6);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.mbt-blog__card:hover,.mbt-blog__card:focus-within{transform:translateY(-4px);border-color:rgba(212,166,58,.5);box-shadow:0 22px 36px -24px rgba(0,36,25,.55)}
.mbt-blog__thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0a3d2e}
.mbt-blog__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.mbt-blog__card:hover .mbt-blog__img{transform:scale(1.03)}
.mbt-blog__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 120% at 100% 0%,rgba(243,210,122,.22) 0%,rgba(243,210,122,0) 55%),linear-gradient(160deg,#0b3b2c 0%,#002419 62%,#00130d 100%);color:#f3d27a}
.mbt-blog__ph .material-symbols-outlined{font-size:44px;line-height:1;opacity:.9}
.mbt-blog__thumb .mbt-blog__pill{position:absolute;left:12px;top:12px;z-index:2}
.mbt-blog__body{display:flex;flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px 18px 18px}
.mbt-blog__ctitle{margin:0;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbt-blog__ctitle a::after{content:"";position:absolute;inset:0;z-index:1}
.mbt-blog__card .mbt-blog__excerpt{font-size:14px;-webkit-line-clamp:2}
.mbt-blog__card .mbt-blog__meta{margin-top:auto;padding-top:4px}
.mbt-blog__pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}
.mbt-blog__pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(0,36,25,.14);background:#fff;color:var(--bl-em);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.mbt-blog__pager a.page-numbers:hover,.mbt-blog__pager a.page-numbers:focus-visible{border-color:var(--bl-gold);background:var(--bl-pill);color:var(--bl-gold-d)}
.mbt-blog__pager .page-numbers.current{border-color:#d4a63a;background:linear-gradient(135deg,#0a3d2e 0%,#002419 100%);color:#f3d27a;box-shadow:inset 0 1px 0 rgba(243,210,122,.22),0 8px 18px -10px rgba(0,36,25,.9)}
.mbt-blog__pager .page-numbers.dots{border-color:transparent;background:transparent}
.mbt-blog__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;border:1px dashed rgba(212,166,58,.55);border-radius:22px;background:linear-gradient(180deg,#fffdf6 0%,#fff 100%)}
.mbt-blog__empty .material-symbols-outlined{font-size:44px;color:var(--bl-gold-d)}
.mbt-blog__empty h2{margin:0;font-size:22px;line-height:1.3;font-weight:800}
.mbt-blog__empty p{margin:0;max-width:520px;color:#4a5a55}
.mbt-blog__btn{display:inline-flex;align-items:center;height:42px;margin-top:6px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:#002419;font-size:14px;font-weight:700;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px -10px rgba(212,166,58,.95)}
@media (max-width:1023.98px){
.mbt-blog__title{font-size:34px}
.mbt-blog__feat{grid-template-columns:minmax(0,1fr)}
.mbt-blog__feat-media{min-height:0;aspect-ratio:16/9}
.mbt-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media (max-width:767.98px){
.mbt-blog__in{padding:0 16px}
.mbt-blog__hero{padding:20px 0}
.mbt-blog__title{font-size:28px;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip}
.mbt-blog__tabs{flex-wrap:nowrap;margin:0;padding:12px 16px}
.mbt-blog__main{padding:20px 16px 44px}
.mbt-blog__feat-body{padding:20px 18px}
.mbt-blog__feat-title{font-size:22px}
.mbt-blog__grid{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (prefers-reduced-motion:reduce){.mbt-blog__card,.mbt-blog__img,.mbt-blog__more,.mbt-blog__tab{transition:none}.mbt-blog__card:hover,.mbt-blog__card:focus-within{transform:none}.mbt-blog__card:hover .mbt-blog__img{transform:none}}
.mbt-blog .mbt-blog__more{color:#fff}.mbt-blog .mbt-blog__btn{color:#002419}.mbt-blog .mbt-blog__main{padding-bottom:36px}

/* ===== v16 (2026-10-19): footer split CTA card refined — owner line = one muted inline row (no pills, small gold dots), calmer dot pattern, slightly smaller title ===== */
.mbt-cta2::before{opacity:.35}
.mbt-cta2__chips{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:2px 0 0;padding:0}
.mbt-cta2__chips li{display:inline-flex;align-items:center;gap:6px;min-height:0;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.74);white-space:nowrap}
.mbt-cta2__chips li+li::before{content:"";flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#d4a63a}
.mbt-cta2__chips .material-symbols-outlined{font-size:15px;color:#d4a63a}
@media (min-width:1200px){
.mbt-cta2__grid{grid-template-columns:minmax(0,1.45fr) 1px minmax(0,1fr)}
.mbt-cta2__chips{flex-wrap:nowrap}
.mbt-cta2__panel{padding:28px 32px}
.mbt-cta2__title{font-size:22px}
}
@media (min-width:900px) and (max-width:1199.98px){
.mbt-cta2__grid{grid-template-columns:minmax(0,1.45fr) 1px minmax(0,1fr)}
.mbt-cta2__panel{padding:26px 24px}
.mbt-cta2__title{font-size:21px}
}
@media (max-width:639.98px){
.mbt-cta2__chips li+li::before{display:none}
.mbt-cta2__chips li{font-size:12.5px}
}

@media (min-width:900px){.mbt-cta2__panel--owner .mbt-cta2__btns{margin-top:14px}}

/* === v17 LOAI HINH ARCHIVE === */
/* Trang 4 loại hình (mặt bằng kinh doanh, văn phòng, kho xưởng, đất trống): hero emerald + vàng, tab loại hình, thanh lọc trắng, thẻ 16:9, phân trang emerald/vàng, khối SEO gọn. Phạm vi .mbt-arch và khối SEO; không đụng header, menu, footer, schema. */
.mbt-arch{--v-ink:#002419;--v-em:#0a3d2e;--v-gold:#d4a63a;--v-gold-l:#f3d27a;--v-gold-d:#9c6d14;--v-line:rgba(0,36,25,.10);--v-mut:#5b6b66;background:#fff;color:var(--v-ink)}
.mbt-arch *,.mbt-arch *::before,.mbt-arch *::after{box-sizing:border-box}
.mbt17-hero{position:relative;isolation:isolate;overflow:hidden;color:#f3f0e6;background:radial-gradient(60% 150% at 100% 0%,rgba(243,210,122,.22) 0%,rgba(243,210,122,0) 60%),radial-gradient(40% 120% at 0% 100%,rgba(243,210,122,.10) 0%,rgba(243,210,122,0) 62%),linear-gradient(118deg,#00140e 0%,#002419 46%,#0a3d2e 100%);padding:22px 0 0}
.mbt17-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.95) 30%,rgba(243,210,122,.95) 70%,rgba(243,210,122,0) 100%)}
.mbt17-hero__in{position:relative;z-index:1;max-width:1152px;margin:0 auto;padding:0 24px 46px;min-width:0}
.mbt17-crumbs{margin:0 0 12px!important;font-size:13px;line-height:18px;color:rgba(243,240,230,.72)}
.mbt17-crumbs a{color:rgba(243,240,230,.92);text-decoration:none}
.mbt17-crumbs a:hover,.mbt17-crumbs a:focus-visible{color:var(--v-gold-l);text-decoration:underline}
.mbt17-crumbs [aria-current="page"]{color:var(--v-gold-l)!important;font-weight:600}
.mbt17-crumbs .material-symbols-outlined{color:rgba(243,210,122,.75)}
.mbt17-hero__row{display:flex;align-items:center;gap:16px;min-width:0}
.mbt17-hero__ico{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 40%,#d4a63a 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 24px -14px rgba(243,210,122,.9)}
.mbt17-hero__ico::before{content:"";position:absolute;inset:11px;background:center/contain no-repeat}
.mbt17-hero--store .mbt17-hero__ico::before{background-image:var(--mbt-ico-store)}
.mbt17-hero--office .mbt17-hero__ico::before{background-image:var(--mbt-ico-office)}
.mbt17-hero--factory .mbt17-hero__ico::before{background-image:var(--mbt-ico-factory)}
.mbt17-hero--land .mbt17-hero__ico::before{background-image:var(--mbt-ico-land)}
.mbt17-hero__txt{min-width:0;flex:1 1 auto}
.mbt17-hero__h1{margin:0;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff}
.mbt17-hero__sub{margin:6px 0 0;max-width:860px;font-size:15px;line-height:1.5;color:rgba(243,240,230,.82);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbt17-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.mbt17-chips li{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,210,122,.30);background:rgba(243,210,122,.10);color:rgba(243,240,230,.9);font-size:13px;line-height:1;white-space:nowrap}
.mbt17-chips strong{color:var(--v-gold-l);font-weight:800;font-size:14px}
.mbt17-tabs{margin:16px 0 0}
.mbt17-tabs ul{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mbt17-tabs ul::-webkit-scrollbar{display:none}
.mbt17-tabs li{flex:0 0 auto;margin:0}
.mbt17-tab{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 18px 0 12px;border-radius:999px;border:1px solid rgba(243,210,122,.28);background:rgba(255,255,255,.06);color:#f3f0e6;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.mbt17-tab:hover,.mbt17-tab:focus-visible{background:rgba(243,210,122,.16);border-color:rgba(243,210,122,.6);color:#fff}
.mbt17-tab:focus-visible{outline:2px solid var(--v-gold-l);outline-offset:2px}
.mbt17-tab__ico{display:inline-block;flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat;filter:brightness(0) invert(1);opacity:.92}
.mbt17-tab--store .mbt17-tab__ico{background-image:var(--mbt-ico-store)}
.mbt17-tab--office .mbt17-tab__ico{background-image:var(--mbt-ico-office)}
.mbt17-tab--factory .mbt17-tab__ico{background-image:var(--mbt-ico-factory)}
.mbt17-tab--land .mbt17-tab__ico{background-image:var(--mbt-ico-land)}
.mbt17-tab[aria-current="page"]{border-color:transparent;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:var(--v-ink);font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 20px -12px rgba(243,210,122,.95)}
.mbt17-tab[aria-current="page"] .mbt17-tab__ico{filter:none;opacity:1}
.mbt17-fbar{position:relative;z-index:3;max-width:1152px;margin:-30px auto 0;padding:0 24px}
.mbt17-fbar>div{background:#fff;border:1px solid rgba(0,36,25,.10);border-radius:18px;padding:14px 16px;box-shadow:0 24px 40px -30px rgba(0,36,25,.6),0 2px 6px rgba(0,36,25,.05)}
.mbt17-fbar select,.mbt17-fbar input[type="text"]{background-color:#f5f7f6;border:1px solid rgba(0,36,25,.08);border-radius:12px;min-height:44px}
.mbt17-fbar button[type="submit"]{background:linear-gradient(135deg,#0a3d2e 0%,#002419 100%);color:#f3d27a;border:1px solid #d4a63a;border-radius:12px;min-height:44px;box-shadow:inset 0 1px 0 rgba(243,210,122,.22)}
.mbt17-fbar button[type="submit"]:hover{box-shadow:inset 0 1px 0 rgba(243,210,122,.3),0 12px 22px -14px rgba(0,36,25,.9)}
.mbt17-fbar summary{color:var(--v-em)}

.mbt-arch #danh-sach{padding-top:22px!important;padding-bottom:14px!important}
.mbt-arch #danh-sach p[role="status"]{font-size:15px;color:var(--v-mut)}
.mbt-arch #danh-sach p[role="status"] strong{color:var(--v-em);font-size:16px}
.mbt-arch #mbt-sort{border-radius:10px;border:1px solid rgba(0,36,25,.14);background-color:#fff;color:var(--v-ink);min-height:38px}
.mbt-arch ul[aria-label="Bộ lọc đang áp dụng"]{padding-bottom:18px!important}
.mbt-arch ul[aria-label="Bộ lọc đang áp dụng"] a{background:rgba(10,61,46,.07)!important;color:var(--v-em)!important}
.mbt-arch ul[aria-label="Bộ lọc đang áp dụng"] a:hover{background:rgba(212,166,58,.16)!important}
.mbt17-streets{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 20px}
.mbt17-streets__lbl{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--v-em)}
.mbt17-streets__list{display:flex;gap:8px;margin:0;padding:2px 0;list-style:none;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto}
.mbt17-streets__list::-webkit-scrollbar{display:none}
.mbt17-streets__list li{flex:0 0 auto;margin:0}
.mbt17-streets__a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(0,36,25,.12);background:#fff;color:var(--v-ink);font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.mbt17-streets__a:hover,.mbt17-streets__a:focus-visible{border-color:var(--v-gold);background:rgba(212,166,58,.08);color:var(--v-gold-d)}
.mbt17-streets__a.is-on{border-color:transparent;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:var(--v-ink);font-weight:700}
.mbt17-streets__n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(0,36,25,.07);font-size:11.5px;font-weight:700}
.mbt17-streets__a.is-on .mbt17-streets__n{background:rgba(0,36,25,.14)}
.mbt-arch .mbt17-gradenav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mbt17-gtab{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,36,25,.14);background:#fff;color:var(--v-ink);font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.mbt17-gtab:hover,.mbt17-gtab:focus-visible{border-color:var(--v-gold);color:var(--v-gold-d)}
.mbt17-gtab.is-on{border-color:transparent;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:var(--v-ink);font-weight:700}
.mbt17-gtab__n{font-size:12px;font-weight:700;opacity:.7}
.mbt-arch .mbt17-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}
.mbt-arch .mbt17c{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(0,36,25,.09);border-radius:18px;overflow:hidden;box-shadow:0 10px 26px -22px rgba(0,36,25,.55);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.mbt-arch .mbt17c:hover,.mbt-arch .mbt17c:focus-within{transform:translateY(-4px);border-color:rgba(212,166,58,.55);box-shadow:0 22px 38px -22px rgba(0,36,25,.55)}
.mbt-arch .mbt17c__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a3d2e}
.mbt-arch .mbt17c__img{position:absolute;inset:0}
.mbt-arch .mbt17c__pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.mbt-arch .mbt17c:hover .mbt17c__pic{transform:scale(1.04)}
.mbt-arch .mbt17c__img>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 120% at 100% 0%,rgba(243,210,122,.22) 0%,rgba(243,210,122,0) 55%),linear-gradient(160deg,#0b3b2c 0%,#002419 62%,#00130d 100%);color:#f3d27a}
.mbt-arch .mbt17c__img>span .material-symbols-outlined{font-size:44px;line-height:1}
.mbt-arch .mbt17c__pill{position:absolute;left:12px;top:12px;z-index:2;max-width:calc(100% - 24px);display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:rgba(0,36,25,.74);color:#fff;border:1px solid rgba(243,210,122,.35);font-size:12px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbt-arch .mbt17c__price{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:baseline;gap:4px;max-width:calc(100% - 24px);padding:7px 12px;border-radius:12px;background:linear-gradient(135deg,#fbe7ae 0%,#f3d27a 38%,#d4a63a 100%);color:#002419;font-size:17px;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 20px -10px rgba(0,0,0,.45)}
.mbt-arch .mbt17c__price small{font-size:12px;font-weight:600;color:rgba(0,36,25,.8)}
.mbt-arch .mbt17c__body{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;min-width:0;padding:16px 18px 14px}
.mbt-arch .mbt17c__title{margin:0;min-height:2.7em;font-size:17px;line-height:1.35;font-weight:700;letter-spacing:-.005em;color:var(--v-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbt-arch .mbt17c__title a{color:inherit;text-decoration:none}
.mbt-arch .mbt17c__title a::after{content:"";position:absolute;inset:0;z-index:1}
.mbt-arch .mbt17c:hover .mbt17c__title a{color:var(--v-em)}
.mbt-arch .mbt17c__loc{display:flex;align-items:flex-start;gap:4px;margin:0;font-size:13.5px;line-height:1.4;color:var(--v-mut);min-width:0}
.mbt-arch .mbt17c__loc>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbt-arch .mbt17c__loc .material-symbols-outlined{font-size:17px;color:var(--v-gold-d);flex:0 0 auto}
.mbt-arch .mbt17c__specs{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.mbt-arch .mbt17c__specs li{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:26px;padding:0 9px 0 7px;border-radius:8px;background:#f3f6f4;border:1px solid rgba(0,36,25,.06);color:var(--v-ink);font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;min-width:0}
.mbt-arch .mbt17c__specs .material-symbols-outlined{font-size:15px;color:var(--v-em)}
.mbt-arch .mbt17c__specs li>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:150px}
.mbt-arch .mbt17c__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(0,36,25,.07)}
.mbt-arch .mbt17c__ht{font-size:12.5px;font-weight:700;color:var(--v-gold-d);letter-spacing:.01em}
.mbt-arch .mbt17c__tools{position:relative;z-index:2;display:flex;align-items:center;gap:2px;margin-right:-6px}
.mbt-arch .mbt17c__tools button{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--v-mut);background:transparent;border:0;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.mbt-arch .mbt17c__tools button:hover{background:rgba(212,166,58,.12);color:var(--v-em)}
.mbt-arch .mt-12.pt-6{margin-top:40px!important;padding-top:22px!important;gap:12px!important;border-top:1px solid var(--v-line)!important}
.mbt-arch .mt-12.pt-6>p{margin:0;font-size:14px;color:var(--v-mut)}
.mbt-arch nav[aria-label="Phân trang"]{gap:8px}
.mbt-arch nav[aria-label="Phân trang"]>a,.mbt-arch nav[aria-label="Phân trang"]>span{min-width:40px;height:40px;padding:0 12px;border-radius:12px!important;border:1px solid rgba(0,36,25,.12);background:#fff!important;color:var(--v-em)!important;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.mbt-arch nav[aria-label="Phân trang"]>a:hover,.mbt-arch nav[aria-label="Phân trang"]>a:focus-visible{border-color:var(--v-gold);background:rgba(212,166,58,.10)!important;color:var(--v-gold-d)!important}
.mbt-arch nav[aria-label="Phân trang"]>.bg-primary{background:linear-gradient(135deg,#0a3d2e 0%,#002419 100%)!important;color:#f3d27a!important;border-color:#d4a63a!important;box-shadow:inset 0 1px 0 rgba(243,210,122,.22),0 8px 18px -10px rgba(0,36,25,.9)}
.mbt-arch nav[aria-label="Phân trang"]>span.text-outline{background:transparent!important;border:0!important;min-width:0;padding:0 2px;color:var(--v-mut)!important}
section[aria-labelledby="mbt-guide-h"]{background:#fff;color:var(--v-ink)}
section[aria-labelledby="mbt-guide-h"]>div{padding-top:44px!important;padding-bottom:36px!important}
section[aria-labelledby="mbt-guide-h"]>div>*+*{margin-top:22px!important}
section[aria-labelledby="mbt-guide-h"] header>p:first-child{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--v-gold-d)!important}
#mbt-guide-h{font-size:26px!important;line-height:1.25!important;color:var(--v-em)!important;font-weight:800!important}
section[aria-labelledby="mbt-guide-h"] header>p.mt-3{font-size:15px;line-height:1.6;color:var(--v-mut)}
section[aria-labelledby="mbt-guide-h"] .rounded-2xl.border:not(.bg-surface-container-low){background:#fff;border-color:var(--v-line);border-radius:18px;padding:20px 22px;box-shadow:0 14px 26px -26px rgba(0,36,25,.5)}
section[aria-labelledby="mbt-guide-h"] .rounded-2xl.border:not(.bg-surface-container-low) h3{font-size:16px;color:var(--v-em)}
section[aria-labelledby="mbt-guide-h"] h3.font-headline-md{font-size:20px;color:var(--v-em);font-weight:800}
details.mbt-more{border-radius:14px!important;border:1px solid var(--v-line)!important;background:#fbfaf6!important}
details.mbt-more>summary{min-height:50px!important;font-size:15px;color:var(--v-em)}
details.mbt-faq{border-radius:14px!important;border:1px solid var(--v-line)!important;background:#fff!important;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
details.mbt-faq[open]{border-color:rgba(212,166,58,.55)!important;box-shadow:0 14px 24px -22px rgba(0,36,25,.55)}
details.mbt-faq>summary{min-height:50px!important;padding:12px 18px!important;font-size:15px!important;color:var(--v-ink)}
details.mbt-faq>summary::-webkit-details-marker{display:none}
details.mbt-faq>div{padding:0 18px 16px!important;font-size:14.5px;line-height:1.65;color:var(--v-mut)}
details.mbt-faq>summary .material-symbols-outlined,details.mbt-more>summary .material-symbols-outlined{color:var(--v-gold-d)!important}
section[aria-labelledby="mbt-guide-h"] ul[role="list"]>li>a{min-height:40px;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(0,36,25,.12)!important;background:#fff!important;color:var(--v-em)!important;font-size:14px;font-weight:600;transition:background-color .2s ease,border-color .2s ease}
section[aria-labelledby="mbt-guide-h"] ul[role="list"]>li>a:hover{border-color:var(--v-gold)!important;background:rgba(212,166,58,.10)!important}
section[aria-labelledby="mbt-guide-h"] .bg-surface-container-low.rounded-2xl{background:linear-gradient(120deg,#00140e 0%,#002419 50%,#0a3d2e 100%)!important;border-color:rgba(212,166,58,.45)!important;color:#f3f0e6;overflow:hidden}
section[aria-labelledby="mbt-guide-h"] .bg-surface-container-low.rounded-2xl h3{color:#fff!important}
section[aria-labelledby="mbt-guide-h"] .bg-surface-container-low.rounded-2xl p{color:rgba(243,240,230,.82)!important}
section[aria-labelledby="mbt-guide-h"] .bg-surface-container-low.rounded-2xl .text-secondary{color:var(--v-gold-l)!important}
@media (min-width:1024px){
.mbt17-hero__h1{font-size:clamp(26px,2.7vw,34px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:1023.98px){
.mbt-arch .mbt17-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.mbt-arch .mbt17c__title{font-size:16px}
}
@media (max-width:767.98px){
.mbt-arch .mbt17-grid{grid-template-columns:minmax(0,1fr);gap:20px}
.mbt17-hero{padding-top:16px}
.mbt17-hero__in{padding:0 16px 40px}
.mbt17-hero__row{gap:12px}
.mbt17-hero__ico{width:44px;height:44px;border-radius:14px}
.mbt17-hero__ico::before{inset:9px}
.mbt17-hero__h1{font-size:25px;line-height:1.2;white-space:normal}
.mbt17-hero__sub{font-size:14px}
.mbt17-chips{gap:6px;margin-top:12px}
.mbt17-tabs{margin-top:14px}
.mbt17-tabs ul{margin:0 -16px;padding:0 16px 2px}
.mbt17-tab{height:40px;padding:0 14px 0 10px}
.mbt17-fbar{padding:0 12px;margin-top:-22px}
section[aria-labelledby="mbt-guide-h"] header h2,#mbt-guide-h{font-size:22px!important}
}
@media (prefers-reduced-motion:reduce){
.mbt-arch .mbt17c,.mbt-arch .mbt17c__pic,.mbt17-tab,.mbt17-streets__a,.mbt17-gtab{transition:none!important}
.mbt-arch .mbt17c:hover,.mbt-arch .mbt17c:hover .mbt17c__pic{transform:none}
}

/* === v18 LOAI HINH STYLES === */
/* Moi loai hinh co phong cach rieng, van trong thuong hieu emerald + vang. Pham vi: wrapper .mbt-arch--kd / --vp / --kho / --dat (archive-listings.php, gom ca trang goc va trang khu vuc/duong). Chi CSS: khong doi template, header, footer, schema; khong them tab, CTA hay so dien thoai. Chu tren nen toi/sang giu tuong phan AA. */

/* ---------- 1. KINH DOANH (kd): vang am, gian hang, gia vang dam ---------- */
.mbt-arch--kd .mbt17-hero{color:#002419;background:linear-gradient(100deg,#fbe7ae 0%,#f3d27a 36%,#e4b043 56%,#d4a63a 68%,#0a3d2e 100%)}
.mbt-arch--kd .mbt17-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;bottom:auto;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#002419 0 36px,#f3d27a 36px 72px)}
.mbt-arch--kd .mbt17-hero::after{height:3px;background:linear-gradient(90deg,#002419 0%,#d4a63a 45%,#f3d27a 70%,#0a3d2e 100%)}
.mbt-arch--kd .mbt17-crumbs{color:rgba(0,36,25,.8)}
.mbt-arch--kd .mbt17-crumbs a{color:#002419}
.mbt-arch--kd .mbt17-crumbs a:hover,.mbt-arch--kd .mbt17-crumbs a:focus-visible{color:#0a3d2e}
.mbt-arch--kd .mbt17-crumbs [aria-current="page"]{color:#002419!important}
.mbt-arch--kd .mbt17-crumbs .material-symbols-outlined{color:rgba(0,36,25,.6)}
.mbt-arch--kd .mbt17-hero__ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0f5a43 0%,#002419 100%);box-shadow:inset 0 1px 0 rgba(243,210,122,.35),0 14px 24px -14px rgba(0,36,25,.85)}
.mbt-arch--kd .mbt17-hero__ico::before{inset:12px;background:#f3d27a;-webkit-mask:var(--mbt-ico-store) center/contain no-repeat;mask:var(--mbt-ico-store) center/contain no-repeat}
.mbt-arch--kd .mbt17-hero__h1{color:#002419}
.mbt-arch--kd .mbt17-hero__sub{color:rgba(0,36,25,.84)}
.mbt-arch--kd .mbt17-chips li{background:rgba(255,255,255,.6);border-color:rgba(0,36,25,.18);color:#002419}
.mbt-arch--kd .mbt17-chips strong{color:#002419}
.mbt-arch--kd .mbt17-fbar>div{border-top:3px solid #e0a526;border-color:rgba(156,109,20,.22);box-shadow:0 24px 40px -30px rgba(122,74,6,.6),0 2px 6px rgba(0,36,25,.05)}
.mbt-arch--kd .mbt17-fbar button[type="submit"]{background:linear-gradient(135deg,#f5c64f 0%,#e0a526 100%);color:#002419;border-color:#b8740f;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 18px -12px rgba(122,74,6,.9)}
.mbt-arch--kd .mbt17-fbar button[type="submit"]:hover{background:linear-gradient(135deg,#ffd76a 0%,#f0b232 100%)}
.mbt-arch--kd #danh-sach p[role="status"] strong{color:#9c5f08}
.mbt-arch--kd ul[aria-label="Bộ lọc đang áp dụng"] a{background:rgba(224,165,38,.18)!important;color:#7a4a06!important}
.mbt-arch--kd ul[aria-label="Bộ lọc đang áp dụng"] a:hover{background:rgba(224,165,38,.32)!important}
.mbt-arch--kd .mbt17c{border-top:3px solid #e0a526;border-color:rgba(156,109,20,.16)}
.mbt-arch--kd .mbt17c:hover,.mbt-arch--kd .mbt17c:focus-within{transform:translateY(-4px);border-color:#e0a526;border-top-color:#e0a526;box-shadow:0 22px 38px -20px rgba(122,74,6,.6)}
.mbt-arch--kd .mbt17c__media{background:#0a3d2e}
.mbt-arch--kd .mbt17c__pill{background:#fbe7ae;color:#002419;border-color:transparent;font-weight:800}
.mbt-arch--kd .mbt17c__price{background:linear-gradient(135deg,#ffe38a 0%,#f5bc3c 46%,#e08e0b 100%);color:#002419;font-size:18px;font-weight:900;padding:8px 13px;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 22px -12px rgba(0,0,0,.6)}
.mbt-arch--kd .mbt17c__price small{color:#002419;font-weight:700}
.mbt-arch--kd .mbt17c__loc .material-symbols-outlined{color:#b8740f}
.mbt-arch--kd .mbt17c__specs li{background:#fdf5e1;border-color:rgba(184,116,15,.18)}
.mbt-arch--kd .mbt17c__specs .material-symbols-outlined{color:#b8740f}
.mbt-arch--kd .mbt17c__foot{border-top-color:rgba(184,116,15,.24)}
.mbt-arch--kd .mbt17c__ht{color:#8a5a12}
.mbt-arch--kd .mbt17c:hover .mbt17c__title a{color:#8a5a12}
.mbt-arch--kd .mbt17c__img>span{background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 55%),linear-gradient(160deg,#f3d27a 0%,#d4a63a 55%,#0a3d2e 100%);color:#002419}
.mbt-arch--kd nav[aria-label="Phân trang"]>a:hover,.mbt-arch--kd nav[aria-label="Phân trang"]>a:focus-visible{border-color:#e0a526!important;background:rgba(224,165,38,.16)!important;color:#7a4a06!important}
.mbt-arch--kd nav[aria-label="Phân trang"]>.bg-primary{background:linear-gradient(135deg,#f5c64f 0%,#e0a526 100%)!important;color:#002419!important;border-color:#b8740f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px -10px rgba(122,74,6,.9)!important}
.mbt-arch--kd .mbt17-streets__a:hover,.mbt-arch--kd .mbt17-streets__a:focus-visible,.mbt-arch--kd .mbt17-gtab:hover,.mbt-arch--kd .mbt17-gtab:focus-visible{border-color:#e0a526;color:#8a5a12}
@media (max-width:767.98px){
.mbt-arch--kd .mbt17-hero{background:linear-gradient(180deg,#fbe7ae 0%,#f3d27a 58%,#e4b043 100%)}
.mbt-arch--kd .mbt17-hero::after{background:linear-gradient(90deg,#002419 0%,#d4a63a 50%,#0a3d2e 100%)}
}

/* ---------- 2. VAN PHONG (vp): navy -> emerald, luoi + duong chan troi, vien vang mong, tong lanh ---------- */
.mbt-arch--vp .mbt17-hero{background:radial-gradient(70% 150% at 100% 0%,rgba(212,166,58,.16) 0%,rgba(212,166,58,0) 60%),linear-gradient(112deg,#0b1d33 0%,#0d2b40 46%,#0a3d2e 100%)}
.mbt-arch--vp .mbt17-hero::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(243,210,122,.075) 1px,rgba(243,210,122,0) 1px),linear-gradient(90deg,rgba(243,210,122,.075) 1px,rgba(243,210,122,0) 1px),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20380%20124%22%3E%3Cg%20fill=%22%23f3d27a%22%20fill-opacity=%22.11%22%3E%3Crect%20x=%226%22%20y=%2278%22%20width=%2228%22%20height=%2246%22/%3E%3Crect%20x=%2238%22%20y=%2254%22%20width=%2222%22%20height=%2270%22/%3E%3Crect%20x=%2264%22%20y=%2266%22%20width=%2234%22%20height=%2258%22/%3E%3Crect%20x=%22102%22%20y=%2230%22%20width=%2218%22%20height=%2294%22/%3E%3Crect%20x=%22124%22%20y=%2260%22%20width=%2226%22%20height=%2264%22/%3E%3Crect%20x=%22154%22%20y=%2242%22%20width=%2232%22%20height=%2282%22/%3E%3Crect%20x=%22190%22%20y=%2272%22%20width=%2222%22%20height=%2252%22/%3E%3Crect%20x=%22216%22%20y=%2218%22%20width=%2220%22%20height=%22106%22/%3E%3Crect%20x=%22240%22%20y=%2256%22%20width=%2230%22%20height=%2268%22/%3E%3Crect%20x=%22274%22%20y=%2280%22%20width=%2224%22%20height=%2244%22/%3E%3Crect%20x=%22302%22%20y=%2246%22%20width=%2234%22%20height=%2278%22/%3E%3Crect%20x=%22340%22%20y=%2268%22%20width=%2226%22%20height=%2256%22/%3E%3C/g%3E%3C/svg%3E");background-size:56px 56px,56px 56px,380px 124px;background-position:0 0,0 0,right bottom;background-repeat:repeat,repeat,repeat-x}
.mbt-arch--vp .mbt17-hero::after{height:1px;background:linear-gradient(90deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.9) 22%,rgba(243,210,122,.9) 78%,rgba(243,210,122,0) 100%)}
.mbt-arch--vp .mbt17-hero__h1{font-weight:700;letter-spacing:-.01em}
.mbt-arch--vp .mbt17-chips li{border-radius:6px;height:28px;background:rgba(243,210,122,.05);border-color:rgba(243,210,122,.4)}
.mbt-arch--vp .mbt17-hero__ico{width:48px;height:48px;border-radius:8px;background:linear-gradient(160deg,#1d4066 0%,#0b1d33 100%);border:1px solid rgba(243,210,122,.6);box-shadow:none}
.mbt-arch--vp .mbt17-hero__ico::before{inset:11px;background:#f3d27a;-webkit-mask:var(--mbt-ico-office) center/contain no-repeat;mask:var(--mbt-ico-office) center/contain no-repeat}
.mbt-arch--vp .mbt17-fbar>div{border-radius:14px;border-color:rgba(11,29,51,.14);box-shadow:0 24px 40px -30px rgba(11,29,51,.7),0 2px 6px rgba(11,29,51,.05)}
.mbt-arch--vp .mbt17-fbar button[type="submit"]{background:linear-gradient(135deg,#1d4066 0%,#0b1d33 100%);color:#f3d27a;border-color:#d4a63a}
.mbt-arch--vp #danh-sach p[role="status"] strong{color:#1d4066}
.mbt-arch--vp ul[aria-label="Bộ lọc đang áp dụng"] a{background:rgba(29,64,102,.09)!important;color:#1d4066!important}
.mbt-arch--vp .mbt17c{border-radius:12px;border-color:rgba(11,29,51,.12);box-shadow:0 10px 24px -22px rgba(11,29,51,.7)}
.mbt-arch--vp .mbt17c:hover,.mbt-arch--vp .mbt17c:focus-within{border-color:#3d6a94;box-shadow:0 22px 38px -22px rgba(11,29,51,.7)}
.mbt-arch--vp .mbt17c__media{background:#0b1d33}
.mbt-arch--vp .mbt17c__pill{background:rgba(11,29,51,.84);border-color:rgba(243,210,122,.6);border-radius:6px;font-weight:600;letter-spacing:.01em}
.mbt-arch--vp .mbt17c__price{background:linear-gradient(135deg,#f3d27a 0%,#d4a63a 100%);color:#002419;border-radius:8px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(156,109,20,.35),0 10px 18px -10px rgba(0,0,0,.5)}
.mbt-arch--vp .mbt17c__price small{color:#002419}
.mbt-arch--vp .mbt17c__title{color:#0b1d33}
.mbt-arch--vp .mbt17c:hover .mbt17c__title a{color:#1f5a86}
.mbt-arch--vp .mbt17c__loc .material-symbols-outlined{color:#2c5a86}
.mbt-arch--vp .mbt17c__specs li{background:#edf2f7;border-color:rgba(44,90,134,.14);border-radius:6px;color:#0b1d33}
.mbt-arch--vp .mbt17c__specs .material-symbols-outlined{color:#2c5a86}
.mbt-arch--vp .mbt17c__foot{border-top-color:rgba(212,166,58,.5)}
.mbt-arch--vp .mbt17c__ht{color:#2c5a86}
.mbt-arch--vp .mbt17c__img>span{background:radial-gradient(90% 120% at 100% 0%,rgba(243,210,122,.2) 0%,rgba(243,210,122,0) 55%),linear-gradient(160deg,#1d4066 0%,#0b1d33 62%,#081527 100%);color:#f3d27a}
.mbt-arch--vp nav[aria-label="Phân trang"]>a:hover,.mbt-arch--vp nav[aria-label="Phân trang"]>a:focus-visible{border-color:#3d6a94!important;background:rgba(61,106,148,.10)!important;color:#1d4066!important}
.mbt-arch--vp nav[aria-label="Phân trang"]>.bg-primary{background:linear-gradient(135deg,#1d4066 0%,#0a3d2e 100%)!important;color:#f3d27a!important;border-color:#d4a63a!important}
.mbt-arch--vp .mbt17-streets__a.is-on,.mbt-arch--vp .mbt17-gtab.is-on{background:linear-gradient(135deg,#1d4066 0%,#0a3d2e 100%);color:#fff}
.mbt-arch--vp .mbt17-streets__a:hover,.mbt-arch--vp .mbt17-streets__a:focus-visible,.mbt-arch--vp .mbt17-gtab:hover,.mbt-arch--vp .mbt17-gtab:focus-visible{border-color:#3d6a94;color:#1d4066}
@media (max-width:767.98px){
.mbt-arch--vp .mbt17-hero::before{background-size:56px 56px,56px 56px,260px 88px}
}

/* ---------- 3. KHO XUONG (kho): graphite -> emerald, soc cheo cong nghiep, nhan IN HOA dam, nhan vang ---------- */
.mbt-arch--kho .mbt17-hero{background:linear-gradient(116deg,#121514 0%,#1f2422 42%,#0a3d2e 100%)}
.mbt-arch--kho .mbt17-hero::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(-45deg,rgba(212,166,58,.085) 0 2px,rgba(212,166,58,0) 2px 16px)}
.mbt-arch--kho .mbt17-hero::after{height:5px;background:repeating-linear-gradient(-45deg,#d4a63a 0 9px,#121514 9px 18px)}
.mbt-arch--kho .mbt17-hero__h1{font-weight:800;letter-spacing:-.01em}
.mbt-arch--kho .mbt17-chips{gap:6px}
.mbt-arch--kho .mbt17-chips li{height:28px;padding:0 10px;border-radius:4px;background:rgba(212,166,58,.14);border-color:rgba(212,166,58,.6);font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.mbt-arch--kho .mbt17-chips strong{font-size:13px}
.mbt-arch--kho .mbt17-hero__ico{width:52px;height:52px;border-radius:4px;background:#2b312e;border:2px solid #d4a63a;box-shadow:none}
.mbt-arch--kho .mbt17-hero__ico::before{inset:10px;background:#f0b92e;-webkit-mask:var(--mbt-ico-factory) center/contain no-repeat;mask:var(--mbt-ico-factory) center/contain no-repeat}
.mbt-arch--kho .mbt17-fbar>div{border-top:3px solid #d4a63a;border-radius:10px;border-color:rgba(18,21,20,.16)}
.mbt-arch--kho .mbt17-fbar button[type="submit"]{background:linear-gradient(135deg,#2b312e 0%,#121514 100%);color:#f3c04a;border-color:#d4a63a;border-radius:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.mbt-arch--kho #danh-sach p[role="status"] strong{color:#7a4a06}
.mbt-arch--kho ul[aria-label="Bộ lọc đang áp dụng"] a{background:rgba(212,166,58,.2)!important;color:#121514!important}
.mbt-arch--kho .mbt17c{border-radius:6px;border-color:rgba(18,21,20,.16);box-shadow:0 8px 20px -18px rgba(18,21,20,.8)}
.mbt-arch--kho .mbt17c:hover,.mbt-arch--kho .mbt17c:focus-within{border-color:#d4a63a;box-shadow:0 20px 34px -20px rgba(18,21,20,.75)}
.mbt-arch--kho .mbt17c__media{background:#121514}
.mbt-arch--kho .mbt17c__pill{background:#121514;color:#f3d27a;border:1px solid #d4a63a;border-radius:3px;height:24px;padding:0 8px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mbt-arch--kho .mbt17c__price{background:linear-gradient(135deg,#ffc94d 0%,#e8a317 100%);color:#121514;border-radius:4px;font-weight:900;box-shadow:inset 0 -2px 0 rgba(122,74,6,.35),0 10px 18px -10px rgba(0,0,0,.6)}
.mbt-arch--kho .mbt17c__price small{color:#121514}
.mbt-arch--kho .mbt17c__loc .material-symbols-outlined{color:#8a5a12}
.mbt-arch--kho .mbt17c__specs li{background:#eceeed;border-color:rgba(18,21,20,.12);border-radius:3px;color:#121514;font-weight:800}
.mbt-arch--kho .mbt17c__specs .material-symbols-outlined{color:#8a5a12}
.mbt-arch--kho .mbt17c__foot{border-top:2px dashed rgba(212,166,58,.55)}
.mbt-arch--kho .mbt17c__ht{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a4a06}
.mbt-arch--kho .mbt17c:hover .mbt17c__title a{color:#7a4a06}
.mbt-arch--kho .mbt17c__img>span{background:repeating-linear-gradient(-45deg,rgba(212,166,58,.14) 0 2px,rgba(212,166,58,0) 2px 14px),linear-gradient(160deg,#2b312e 0%,#121514 70%);color:#f0b92e}
.mbt-arch--kho nav[aria-label="Phân trang"]>a,.mbt-arch--kho nav[aria-label="Phân trang"]>span{border-radius:4px!important}
.mbt-arch--kho nav[aria-label="Phân trang"]>a:hover,.mbt-arch--kho nav[aria-label="Phân trang"]>a:focus-visible{border-color:#d4a63a!important;background:rgba(212,166,58,.14)!important;color:#7a4a06!important}
.mbt-arch--kho nav[aria-label="Phân trang"]>.bg-primary{background:linear-gradient(135deg,#2b312e 0%,#121514 100%)!important;color:#f3c04a!important;border-color:#d4a63a!important}
.mbt-arch--kho .mbt17-streets__lbl{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.mbt-arch--kho .mbt17-streets__a.is-on,.mbt-arch--kho .mbt17-gtab.is-on{background:linear-gradient(135deg,#2b312e 0%,#121514 100%);color:#f3c04a}
.mbt-arch--kho .mbt17-streets__a:hover,.mbt-arch--kho .mbt17-streets__a:focus-visible,.mbt-arch--kho .mbt17-gtab:hover,.mbt-arch--kho .mbt17-gtab:focus-visible{border-color:#d4a63a;color:#7a4a06}
@media (max-width:767.98px){
.mbt-arch--kho .mbt17-hero{background:linear-gradient(180deg,#262b29 0%,#1f2422 60%,#0a3d2e 100%)}
}

/* ---------- 4. DAT TRONG (dat): xanh la-olive -> emerald, duong dong muc (contour), vang dat ---------- */
.mbt-arch--dat .mbt17-hero{background:radial-gradient(60% 140% at 100% 100%,rgba(243,210,122,.14) 0%,rgba(243,210,122,0) 60%),linear-gradient(120deg,#5d7324 0%,#48621f 40%,#24461f 72%,#0a3d2e 100%)}
.mbt-arch--dat .mbt17-hero::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20160%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23f3d27a%22%20stroke-opacity=%22.30%22%20stroke-width=%221.1%22%3E%3Cpath%20d=%22M0%2014Q60%200%20120%2014T240%2014%22/%3E%3Cpath%20d=%22M0%2036Q60%2022%20120%2036T240%2036%22/%3E%3Cpath%20d=%22M0%20124Q60%20110%20120%20124T240%20124%22/%3E%3Cpath%20d=%22M0%20146Q60%20132%20120%20146T240%20146%22/%3E%3Cellipse%20cx=%2266%22%20cy=%2284%22%20rx=%2230%22%20ry=%2218%22/%3E%3Cellipse%20cx=%2266%22%20cy=%2284%22%20rx=%2216%22%20ry=%229%22/%3E%3Cellipse%20cx=%22184%22%20cy=%2260%22%20rx=%2234%22%20ry=%2220%22/%3E%3Cellipse%20cx=%22184%22%20cy=%2260%22%20rx=%2218%22%20ry=%2210%22/%3E%3C/g%3E%3C/svg%3E");background-size:240px 160px;background-repeat:repeat;background-position:0 0}
.mbt-arch--dat .mbt17-hero::after{height:2px;background:linear-gradient(90deg,rgba(184,134,44,0) 0%,#d9ae5c 30%,#d9ae5c 70%,rgba(184,134,44,0) 100%)}
.mbt-arch--dat .mbt17-hero__ico{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f8e3a4 0%,#e0b65e 45%,#b8862c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 22px -14px rgba(0,0,0,.6)}
.mbt-arch--dat .mbt17-hero__ico::before{inset:12px;background:#1f3314;-webkit-mask:var(--mbt-ico-land) center/contain no-repeat;mask:var(--mbt-ico-land) center/contain no-repeat}
.mbt-arch--dat .mbt17-chips li{background:rgba(243,210,122,.12);border-color:rgba(243,210,122,.45);border-radius:999px}
.mbt-arch--dat .mbt17-fbar>div{border-radius:16px;border-color:rgba(47,70,28,.16)}
.mbt-arch--dat .mbt17-fbar button[type="submit"]{background:linear-gradient(135deg,#3f5a1f 0%,#2a3f16 100%);color:#f3d27a;border-color:#b8862c}
.mbt-arch--dat #danh-sach p[role="status"] strong{color:#3f5a1f}
.mbt-arch--dat ul[aria-label="Bộ lọc đang áp dụng"] a{background:rgba(93,115,36,.12)!important;color:#2f461c!important}
.mbt-arch--dat .mbt17c{border-radius:20px;border-color:rgba(47,70,28,.14)}
.mbt-arch--dat .mbt17c:hover,.mbt-arch--dat .mbt17c:focus-within{border-color:#b8862c;box-shadow:0 22px 38px -22px rgba(47,70,28,.6)}
.mbt-arch--dat .mbt17c__media{background:#3f5a1f}
.mbt-arch--dat .mbt17c__pill{background:rgba(47,70,28,.86);border:1px solid rgba(243,210,122,.6);border-radius:999px;font-weight:700}
.mbt-arch--dat .mbt17c__price{background:linear-gradient(135deg,#f3d58f 0%,#d9ae5c 48%,#b8862c 100%);color:#1f2e12;border-radius:999px;padding:7px 14px;font-weight:800}
.mbt-arch--dat .mbt17c__price small{color:#1f2e12}
.mbt-arch--dat .mbt17c__title{color:#2f461c}
.mbt-arch--dat .mbt17c:hover .mbt17c__title a{color:#4f6b22}
.mbt-arch--dat .mbt17c__loc .material-symbols-outlined{color:#8a6a1e}
.mbt-arch--dat .mbt17c__specs li{background:#f0f4e6;border-color:rgba(93,115,36,.2);border-radius:999px;padding:0 10px 0 8px}
.mbt-arch--dat .mbt17c__specs .material-symbols-outlined{color:#4f6b22}
.mbt-arch--dat .mbt17c__foot{border-top-color:rgba(184,134,44,.4)}
.mbt-arch--dat .mbt17c__ht{color:#6b5418}
.mbt-arch--dat .mbt17c__img>span{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20160%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23f3d27a%22%20stroke-opacity=%22.30%22%20stroke-width=%221.1%22%3E%3Cpath%20d=%22M0%2014Q60%200%20120%2014T240%2014%22/%3E%3Cpath%20d=%22M0%2036Q60%2022%20120%2036T240%2036%22/%3E%3Cpath%20d=%22M0%20124Q60%20110%20120%20124T240%20124%22/%3E%3Cpath%20d=%22M0%20146Q60%20132%20120%20146T240%20146%22/%3E%3Cellipse%20cx=%2266%22%20cy=%2284%22%20rx=%2230%22%20ry=%2218%22/%3E%3Cellipse%20cx=%2266%22%20cy=%2284%22%20rx=%2216%22%20ry=%229%22/%3E%3Cellipse%20cx=%22184%22%20cy=%2260%22%20rx=%2234%22%20ry=%2220%22/%3E%3Cellipse%20cx=%22184%22%20cy=%2260%22%20rx=%2218%22%20ry=%2210%22/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 160px repeat,radial-gradient(90% 120% at 100% 0%,rgba(243,210,122,.18) 0%,rgba(243,210,122,0) 55%),linear-gradient(160deg,#5d7324 0%,#2f461c 65%,#1d2e12 100%);color:#f3d27a}
.mbt-arch--dat nav[aria-label="Phân trang"]>a:hover,.mbt-arch--dat nav[aria-label="Phân trang"]>a:focus-visible{border-color:#b8862c!important;background:rgba(184,134,44,.12)!important;color:#2f461c!important}
.mbt-arch--dat nav[aria-label="Phân trang"]>.bg-primary{background:linear-gradient(135deg,#4a6a24 0%,#2a3f16 100%)!important;color:#fbe7ae!important;border-color:#b8862c!important}
.mbt-arch--dat .mbt17-streets__a.is-on,.mbt-arch--dat .mbt17-gtab.is-on{background:linear-gradient(135deg,#4a6a24 0%,#2a3f16 100%);color:#fff}
.mbt-arch--dat .mbt17-streets__a:hover,.mbt-arch--dat .mbt17-streets__a:focus-visible,.mbt-arch--dat .mbt17-gtab:hover,.mbt-arch--dat .mbt17-gtab:focus-visible{border-color:#b8862c;color:#2f461c}
@media (max-width:767.98px){
.mbt-arch--dat .mbt17-hero{background:linear-gradient(180deg,#5d7324 0%,#3f5a1f 60%,#0a3d2e 100%)}
.mbt-arch--dat .mbt17-hero::before{background-size:200px 134px}
}

/* === v19a HOME PRICE INDEX (refined: white hairline cards, emerald figures, thin sparklines) === */
body.home .mbt-idx{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#0f2a22}
body.home .mbt-idx *,body.home .mbt-idx *::before,body.home .mbt-idx *::after{box-sizing:border-box}
body.home .mbt-idx__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:0 0 18px;text-align:center}
body.home .mbt-idx__title{margin:0;font-size:22px;line-height:30px;font-weight:700;letter-spacing:-.01em;color:#0a3d2e;text-wrap:balance}
body.home .mbt-idx__pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(185,132,36,.55);background:transparent;color:#8a6212;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
body.home .mbt-idx__pill::before{content:"";width:5px;height:5px;border-radius:50%;background:#d4a63a}
body.home .mbt-idx__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:480px){body.home .mbt-idx__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (min-width:1024px){body.home .mbt-idx__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
body.home .mbt-idx__card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 18px 14px;border-radius:16px;border:1px solid #e6ebe8;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(15,42,34,.04),0 10px 24px -20px rgba(15,42,34,.22);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.home .mbt-idx__card:hover,body.home .mbt-idx__card:focus-visible{transform:translateY(-2px);border-color:rgba(212,166,58,.5);box-shadow:0 1px 2px rgba(15,42,34,.05),0 16px 32px -20px rgba(15,42,34,.3)}
body.home .mbt-idx__card:focus-visible{outline:2px solid #d4a63a;outline-offset:3px}
body.home .mbt-idx__top{display:flex;align-items:center;gap:10px;min-width:0}
body.home .mbt-idx__ico{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eef4f1}
body.home .mbt-idx__ico .material-symbols-outlined{font-size:18px;color:#0a3d2e}
body.home .mbt-idx__label{min-width:0;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5f6f68}
body.home .mbt-idx__num{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;line-height:1}
body.home .mbt-idx__num b{font-size:42px;font-weight:700;letter-spacing:-.02em;color:#0a3d2e;font-variant-numeric:tabular-nums lining-nums}
body.home .mbt-idx__num small{font-size:12.5px;line-height:1.3;font-weight:500;color:#5f6f68}
body.home .mbt-idx__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}
body.home .mbt-idx__chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;background:#e8f4ee;color:#1d6b4c;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
body.home .mbt-idx__chip::before{content:"▲";font-size:8px;line-height:1}
body.home .mbt-idx__note{font-size:11.5px;line-height:1.35;color:#5f6f68;text-align:right}
body.home .mbt-idx__spark{display:block;width:100%;height:56px;margin-top:2px;overflow:visible}
body.home .mbt-idx__line{fill:none;stroke:#0a3d2e;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
body.home .mbt-idx__hit{fill:transparent}
body.home .mbt-idx__cmp{display:flex;flex-direction:column;gap:10px;padding:6px 0 2px}
body.home .mbt-idx__bar{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:10px;font-size:12px;line-height:1.2;color:#5f6f68}
body.home .mbt-idx__bar em{font-style:normal;white-space:nowrap}
body.home .mbt-idx__track{position:relative;display:block;height:4px;border-radius:99px;background:#edf1ef;overflow:hidden}
body.home .mbt-idx__track i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:#0a3d2e}
body.home .mbt-idx__track i.is-hn{background:#d4a63a}
body.home .mbt-idx__bar b{font-weight:700;color:#0f2a22;text-align:right;font-variant-numeric:tabular-nums}
body.home .mbt-idx__cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #e6ebe8;color:#0a3d2e;font-size:13px;font-weight:600;letter-spacing:.005em;transition:color .25s ease}
body.home .mbt-idx__cta .material-symbols-outlined{font-size:17px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
body.home .mbt-idx__card:hover .mbt-idx__cta{color:#9c6d14}
body.home .mbt-idx__card:hover .mbt-idx__cta .material-symbols-outlined{transform:translateX(3px)}
body.home .mbt-idx__disc{margin:14px 0 0;text-align:center;font-size:12px;line-height:18px;color:#7a8680}
@media (max-width:639.98px){
body.home .mbt-idx__card{padding:14px 14px 12px;gap:10px;border-radius:14px}
body.home .mbt-idx__ico{flex-basis:28px;width:28px;height:28px;border-radius:8px}
body.home .mbt-idx__ico .material-symbols-outlined{font-size:16px}
body.home .mbt-idx__label{font-size:10px;letter-spacing:.06em}
body.home .mbt-idx__num b{font-size:34px}
body.home .mbt-idx__num small{font-size:11.5px}
body.home .mbt-idx__note{font-size:11px}
body.home .mbt-idx__chip{font-size:11.5px}
body.home .mbt-idx__spark{height:44px}
body.home .mbt-idx__bar{grid-template-columns:44px minmax(0,1fr) 26px;font-size:11px}
body.home .mbt-idx__cta{font-size:12px}
}
@media (prefers-reduced-motion:reduce){body.home .mbt-idx__card,body.home .mbt-idx__cta .material-symbols-outlined{transition:none}}

/* === v19 DETAIL FORM === */
/* Sidebar contact card + "Đặt lịch xem / nhận báo giá" inquiry form on the 4 listing detail pages (article.mbt-single--kd / --vp / --kho / --dat). CSS only: markup, nonce, field names and submit flow are untouched. */
.mbt-single #lien-he{--dq-em:#0a3d2e;--dq-ink:#0f2a22;--dq-mut:#5f6f68;--dq-line:#e6ebe8;--dq-fill:#f8faf9;--dq-gold:#d4a63a;--dq-gold-d:#9c6d14;--dq-acc:#d4a63a;--dq-acc-d:#9c6d14;position:relative;padding:20px!important;border:1px solid var(--dq-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:inset 0 3px 0 var(--dq-acc),0 1px 2px rgba(15,42,34,.05),0 18px 36px -30px rgba(15,42,34,.42)}
.mbt-single--vp #lien-he{--dq-acc:#1d4066;--dq-acc-d:#0b1d33}
.mbt-single--kho #lien-he{--dq-acc:#e8a317;--dq-acc-d:#2b312e}
.mbt-single--dat #lien-he{--dq-acc:#4a6a24;--dq-acc-d:#1d2e12}
.mbt-single #lien-he>*+*{margin-top:16px}
.mbt-single #lien-he a[href^="tel:"],.mbt-single #lien-he a[href*="zalo.me"]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.005em;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.mbt-single #lien-he a[href^="tel:"]{background:var(--dq-em);color:#fff;border:1px solid var(--dq-em);box-shadow:0 10px 18px -16px rgba(10,61,46,.95)}
.mbt-single #lien-he a[href^="tel:"]:hover{background:var(--dq-acc-d);border-color:var(--dq-acc-d);color:#fff}
.mbt-single #lien-he a[href*="zalo.me"]{background:#fff;color:var(--dq-em);border:1px solid #d5ddd9}
.mbt-single #lien-he a[href*="zalo.me"]:hover{background:#f4f8f6;border-color:#b9c7c0;color:var(--dq-em)}
.mbt-single #lien-he a[href^="tel:"]:focus-visible,.mbt-single #lien-he a[href*="zalo.me"]:focus-visible,.mbt-single #lien-he details.mbt-inq>summary:focus-visible{outline:2px solid var(--dq-gold);outline-offset:3px}
.mbt-single #lien-he details.mbt-inq{border-top:1px solid var(--dq-line);padding-top:16px;margin-top:0}
.mbt-single #lien-he details.mbt-inq>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#fffaeb,#fcf1d0);border:1px solid rgba(212,166,58,.6);color:var(--dq-ink)!important;font-size:14.5px;font-weight:700;letter-spacing:.005em;box-shadow:none;animation:none;transition:border-color .2s ease,background .2s ease}
.mbt-single #lien-he details.mbt-inq>summary:hover{background:linear-gradient(180deg,#fff4d2,#fbe8b0);border-color:var(--dq-gold-d);color:var(--dq-ink)!important}
.mbt-single #lien-he details.mbt-inq[open]>summary{border-color:var(--dq-acc);animation:none}
.mbt-single #lien-he details.mbt-inq>summary .material-symbols-outlined{color:var(--dq-em)!important;font-size:20px}
.mbt-single #lien-he details.mbt-inq>div{padding-top:14px}
.mbt-single #lien-he .mbt-iqf{display:flex;flex-direction:column;gap:12px;margin-top:0}
.mbt-single #lien-he .mbt-iqf>*{margin-top:0!important}
.mbt-single #lien-he .mbt-iqf .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mbt-single #lien-he .mbt-iqf .grid>div{min-width:0}
.mbt-single #lien-he .mbt-iqf [data-grp]>div:first-child{grid-column:1/-1}
.mbt-single #lien-he .mbt-iqf [data-grp]>div:last-child:nth-child(even){grid-column:1/-1}
.mbt-single #lien-he .mbt-iqf label{display:block;margin:0 0 6px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:.01em;color:var(--dq-mut)}
.mbt-single #lien-he .mbt-iqf input:not([type=hidden]):not([type=checkbox]),.mbt-single #lien-he .mbt-iqf select,.mbt-single #lien-he .mbt-iqf textarea{box-sizing:border-box;display:block;width:100%;min-width:0;height:44px;margin:0;padding:0 12px;border:1px solid var(--dq-line);border-radius:10px;background-color:var(--dq-fill);color:var(--dq-ink);font-family:inherit;font-size:15px;line-height:20px;font-weight:500;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.mbt-single #lien-he .mbt-iqf textarea{height:auto;min-height:78px;padding:10px 12px;line-height:1.5;resize:vertical}
.mbt-single #lien-he .mbt-iqf ::placeholder{color:#97a59f;opacity:1;font-weight:400}
.mbt-single #lien-he .mbt-iqf select{padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3d2e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.mbt-single #lien-he .mbt-iqf input:hover:not(:focus),.mbt-single #lien-he .mbt-iqf select:hover:not(:focus),.mbt-single #lien-he .mbt-iqf textarea:hover:not(:focus){border-color:#c6d1cc;background-color:#fff}
.mbt-single #lien-he .mbt-iqf input:focus,.mbt-single #lien-he .mbt-iqf select:focus,.mbt-single #lien-he .mbt-iqf textarea:focus{border-color:var(--dq-em);background-color:#fff;box-shadow:0 0 0 3px rgba(10,61,46,.14),inset 0 -2px 0 var(--dq-gold)}
.mbt-single #lien-he .mbt-iqf .mbt-iq__err{margin:0;padding:9px 12px;border-radius:10px;border:1px solid #f1c6bf;background:#fff5f3;color:#a3372b;font-size:13px;line-height:18px}
.mbt-single #lien-he .mbt-iqf .mbt-iq__go{width:100%;min-height:48px;margin-top:2px;padding:0 16px;border-radius:12px;border:1px solid rgba(212,166,58,.7);background:linear-gradient(135deg,#0f5a43 0%,#0a3d2e 55%,#002419 100%);color:#fff;font-size:15px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 18px -14px rgba(0,36,25,.9);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.mbt-single #lien-he .mbt-iqf .mbt-iq__go:hover{background:linear-gradient(135deg,#136a4f 0%,#0a3d2e 55%,#002419 100%);border-color:#e8c46a;color:#fff;box-shadow:0 14px 22px -14px rgba(0,36,25,.95)}
.mbt-single #lien-he .mbt-iqf .mbt-iq__go:active{transform:translateY(1px)}
.mbt-single #lien-he .mbt-iqf .mbt-iq__go:focus-visible{outline:2px solid var(--dq-gold);outline-offset:3px}
.mbt-single #lien-he .mbt-iqf .mbt-iq__go .material-symbols-outlined{color:#f3d27a;font-size:20px}
.mbt-single #lien-he .mbt-iqf>p.text-center{margin:0;font-size:12px;line-height:17px;color:#7a8680}
@media (max-width:639.98px){
.mbt-single #lien-he{padding:16px!important}
.mbt-single #lien-he .mbt-iqf input:not([type=hidden]):not([type=checkbox]),.mbt-single #lien-he .mbt-iqf select,.mbt-single #lien-he .mbt-iqf textarea{font-size:16px}
.mbt-single #lien-he .mbt-iqf .grid{gap:10px}
}
@media (prefers-reduced-motion:reduce){.mbt-single #lien-he .mbt-iqf .mbt-iq__go,.mbt-single #lien-he details.mbt-inq>summary,.mbt-single #lien-he .mbt-iqf input,.mbt-single #lien-he .mbt-iqf select,.mbt-single #lien-he .mbt-iqf textarea{transition:none}}

/* === v20 DANH MUC === */
/* Trang Tất cả danh mục: hero emerald gọn (như v17), 4 thẻ loại hình giữ accent v18 (kd vàng, vp navy, kho graphite, dat olive), khu vực TP.HCM & Hà Nội nổi bật. Chỉ CSS + template page-danh-muc.php. */
.dm2{color:#0f2a22;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.5}
.dm2 *,.dm2 *::before,.dm2 *::after{box-sizing:border-box}
:where(.dm2) a{color:inherit;text-decoration:none}
:where(.dm2) :where(h1,h2,h3,p,ul){margin:0;padding:0}
:where(.dm2) ul{list-style:none}
:where(.dm2) .material-symbols-outlined{font-size:18px;line-height:1;vertical-align:middle}
.dm2-wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}

/* hero band */
.dm2-hero{position:relative;overflow:hidden;color:#f3f0e6;padding:22px 0 26px;background:radial-gradient(60% 150% at 100% 0%,rgba(243,210,122,.2) 0%,rgba(243,210,122,0) 60%),radial-gradient(40% 120% at 0% 100%,rgba(243,210,122,.08) 0%,rgba(243,210,122,0) 62%),linear-gradient(118deg,#00140e 0%,#0a3d2e 100%)}
.dm2-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(243,210,122,0) 0%,rgba(243,210,122,.95) 30%,rgba(243,210,122,.95) 70%,rgba(243,210,122,0) 100%)}
.dm2-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:rgba(243,240,230,.7);margin-bottom:14px}
.dm2-crumbs a{display:inline-flex;align-items:center;gap:4px;color:rgba(243,240,230,.88);transition:color .2s}
.dm2-crumbs a:hover,.dm2-crumbs a:focus-visible{color:#f3d27a}
.dm2-crumbs .material-symbols-outlined{font-size:16px}
.dm2-crumbs [aria-current]{color:#f3d27a;font-weight:600}
.dm2-hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 28px}
.dm2-h1{font-size:clamp(22px,2.6vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0 0 6px;text-wrap:balance}
.dm2-sub{font-size:15px;line-height:1.55;color:rgba(243,240,230,.84);max-width:640px}
.dm2-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dm2-stat{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,210,122,.45);background:rgba(255,255,255,.06);font-size:13px;color:#f3f0e6;white-space:nowrap}
.dm2-stat strong{font-weight:700;color:#f3d27a;font-variant-numeric:tabular-nums}
.dm2-trust{display:inline-flex;align-items:center;gap:6px;height:30px;font-size:13px;color:rgba(243,240,230,.88)}
.dm2-trust .material-symbols-outlined{color:#f3d27a;font-size:18px}

/* 4 loại hình */
.dm2-types{background:#fff;padding:26px 0 30px}
.dm2 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dm2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dm2-li{display:flex;min-width:0}
.dm2-card{position:relative;display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #e6ebe8;border-top-width:3px;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(15,42,34,.04),0 18px 32px -28px rgba(15,42,34,.45);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.dm2-card:hover,.dm2-card:focus-within{transform:translateY(-3px);box-shadow:0 1px 2px rgba(15,42,34,.05),0 24px 40px -24px rgba(15,42,34,.5)}
.dm2-card__head{position:relative;height:96px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dm2-card__ico{position:relative;display:block;width:52px;height:52px;border-radius:14px;flex:0 0 52px}
.dm2-card__ico::before{content:"";position:absolute;inset:12px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.dm2-card__count{text-align:right;line-height:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-top:2px}
.dm2-card__count strong{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dm2-card__count small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.dm2-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px;flex:1}
.dm2-card__title{font-size:19px;line-height:1.25;font-weight:700;color:#0f2a22;letter-spacing:-.005em}
.dm2-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.dm2-card__desc{font-size:14px;line-height:1.55;color:#5f6f68}
.dm2-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.dm2-card__chips li{font-size:12px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:#f3f6f4;color:#0f2a22;font-variant-numeric:tabular-nums;white-space:nowrap}
.dm2-card__cta{position:relative;margin:0 18px 18px;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;font-size:14px;font-weight:700;letter-spacing:.01em;transition:filter .2s ease,transform .2s ease}
.dm2-card__cta .material-symbols-outlined{font-size:18px;transition:transform .25s ease}
.dm2-card:hover .dm2-card__cta .material-symbols-outlined{transform:translateX(3px)}

/* Kinh doanh: vàng/amber (v18 kd) */
.dm2-card--kd{border-top-color:#e0a526}
.dm2-card--kd:hover{border-color:#e0a526;border-top-color:#e0a526}
.dm2-card--kd .dm2-card__head{color:#002419;background:linear-gradient(120deg,#fbe7ae 0%,#f3d27a 46%,#e4b043 100%);--ico:var(--mbt-ico-store)}
.dm2-card--kd .dm2-card__ico{background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(0,36,25,.14)}
.dm2-card--kd .dm2-card__count strong{color:#002419}
.dm2-card--kd .dm2-card__chips li{background:#fdf5e1;color:#6b4508;box-shadow:inset 0 0 0 1px rgba(184,116,15,.2)}
.dm2-card--kd .dm2-card__cta{background:linear-gradient(135deg,#f5c64f 0%,#e0a526 100%);color:#002419;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 18px -12px rgba(122,74,6,.9)}
.dm2-card--kd:hover .dm2-card__title a,.dm2-card--kd .dm2-card__title a:focus-visible{color:#8a5a12}

/* Văn phòng: navy (v18 vp) */
.dm2-card--vp{border-top-color:#1d4066}
.dm2-card--vp:hover{border-color:#3d6a94;border-top-color:#1d4066}
.dm2-card--vp .dm2-card__head{color:#f3d27a;background:radial-gradient(70% 150% at 100% 0%,rgba(243,210,122,.16) 0%,rgba(243,210,122,0) 60%),linear-gradient(160deg,#1d4066 0%,#0b1d33 100%);--ico:var(--mbt-ico-office)}
.dm2-card--vp .dm2-card__ico{border:1px solid rgba(243,210,122,.55)}
.dm2-card--vp .dm2-card__count strong{color:#f3d27a}
.dm2-card--vp .dm2-card__chips li{background:#edf2f7;color:#0b1d33}
.dm2-card--vp .dm2-card__cta{background:linear-gradient(135deg,#1d4066 0%,#0b1d33 100%);color:#f3d27a;box-shadow:inset 0 1px 0 rgba(243,210,122,.2),0 10px 18px -12px rgba(11,29,51,.8)}
.dm2-card--vp:hover .dm2-card__title a,.dm2-card--vp .dm2-card__title a:focus-visible{color:#1f5a86}

/* Kho xưởng: graphite (v18 kho) */
.dm2-card--kho{border-top-color:#d4a63a;border-radius:12px}
.dm2-card--kho:hover{border-color:#d4a63a;border-top-color:#d4a63a}
.dm2-card--kho .dm2-card__head{color:#f0b92e;background:repeating-linear-gradient(-45deg,rgba(212,166,58,.09) 0 2px,rgba(212,166,58,0) 2px 16px),linear-gradient(116deg,#121514 0%,#1f2422 48%,#2b312e 100%);--ico:var(--mbt-ico-factory)}
.dm2-card--kho .dm2-card__ico{border-radius:6px;background:#2b312e;border:2px solid #d4a63a}
.dm2-card--kho .dm2-card__count small{letter-spacing:.12em}
.dm2-card--kho .dm2-card__count strong{color:#f3c04a}
.dm2-card--kho .dm2-card__chips li{border-radius:4px;background:#eceeed;color:#121514;font-weight:700}
.dm2-card--kho .dm2-card__cta{border-radius:8px;background:linear-gradient(135deg,#2b312e 0%,#121514 100%);color:#f3c04a;box-shadow:inset 0 -2px 0 rgba(212,166,58,.5)}
.dm2-card--kho:hover .dm2-card__title a,.dm2-card--kho .dm2-card__title a:focus-visible{color:#7a4a06}

/* Đất trống: olive (v18 dat) */
.dm2-card--dat{border-top-color:#b8862c;border-radius:18px}
.dm2-card--dat:hover{border-color:#b8862c;border-top-color:#b8862c}
.dm2-card--dat .dm2-card__head{color:#fbe7ae;background:radial-gradient(60% 140% at 100% 100%,rgba(243,210,122,.16) 0%,rgba(243,210,122,0) 60%),linear-gradient(120deg,#5d7324 0%,#48621f 42%,#24461f 100%);--ico:var(--mbt-ico-land)}
.dm2-card--dat .dm2-card__ico{border-radius:50%;background:radial-gradient(circle at 32% 28%,#f8e3a4 0%,#e0b65e 45%,#b8862c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 18px -12px rgba(0,0,0,.6)}
.dm2-card--dat .dm2-card__ico::before{background:#1f3314}
.dm2-card--dat .dm2-card__count strong{color:#fbe7ae}
.dm2-card--dat .dm2-card__title{color:#2f461c}
.dm2-card--dat .dm2-card__chips li{background:#f0f4e6;color:#2f461c;border-radius:999px}
.dm2-card--dat .dm2-card__cta{border-radius:999px;background:linear-gradient(135deg,#4a6a24 0%,#2a3f16 100%);color:#fbe7ae;box-shadow:inset 0 1px 0 rgba(243,210,122,.2),0 10px 18px -12px rgba(31,46,18,.8)}
.dm2-card--dat:hover .dm2-card__title a,.dm2-card--dat .dm2-card__title a:focus-visible{color:#4f6b22}
.dm2-card__title a:focus-visible,.dm2-pv__head:focus-visible,.dm2-pv__types a:focus-visible,.dm2-link:focus-visible{outline:2px solid #d4a63a;outline-offset:2px}

/* khu vực */
.dm2-prov-sec{background:#f5f8f6;border-top:1px solid #e6ebe8;padding:30px 0 40px}
.dm2-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:18px}
.dm2-h2{font-size:22px;line-height:1.2;font-weight:700;color:#0a3d2e;letter-spacing:-.01em}
.dm2-muted{font-size:14px;color:#5f6f68}
.dm2-prov{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dm2-pv{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;background:#fff;border:1px solid #e6ebe8;border-radius:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}
.dm2-pv:hover{border-color:#cfd9d4;box-shadow:0 12px 24px -20px rgba(15,42,34,.5)}
.dm2-pv--lead{grid-column:span 2;padding:16px 18px;border-top:3px solid #d4a63a;gap:12px}
.dm2-pv__head{display:flex;align-items:center;gap:8px;min-width:0;border-radius:8px}
.dm2-pv__head::after{content:"";position:absolute;inset:0;border-radius:14px}
.dm2-pv__ico{color:#b8862c;font-size:18px}
.dm2-pv__name{flex:1;min-width:0;font-size:15px;font-weight:700;color:#0a3d2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm2-pv:hover .dm2-pv__name{color:#0a3d2e;text-decoration:underline;text-decoration-color:#d4a63a;text-underline-offset:3px}
.dm2-pv__cnt{flex:0 0 auto;font-size:12px;font-weight:700;line-height:1;color:#fff;background:#0a3d2e;border-radius:999px;padding:5px 9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dm2-pv--lead .dm2-pv__name{font-size:20px;font-weight:700}
.dm2-pv--lead .dm2-pv__ico{font-size:22px}
.dm2-pv--lead .dm2-pv__cnt{font-size:14px;padding:7px 13px}
.dm2-pv__types{display:flex;flex-wrap:wrap;gap:6px}
.dm2-pv--lead .dm2-pv__types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dm2-pv__types a{position:relative;z-index:1;display:flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#f3f6f4;font-size:13px;font-weight:500;color:#0f2a22;transition:background .2s ease,color .2s ease,box-shadow .2s ease;min-width:0}
.dm2-pv--lead .dm2-pv__types a{min-height:36px;border-radius:10px;padding:0 12px}
.dm2-pv__types a:hover{background:#fbf3dc;color:#7a4a06;box-shadow:inset 0 0 0 1px rgba(212,166,58,.55)}
.dm2-pv__types .material-symbols-outlined{font-size:16px;color:#7f9289}
.dm2-pv__types a:hover .material-symbols-outlined{color:#b8862c}
.dm2-pv__lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dm2-pv__types b{margin-left:2px;font-weight:700;font-size:12px;color:#5f6f68;font-variant-numeric:tabular-nums}
.dm2-pv--lead .dm2-pv__types b{margin-left:auto;font-size:13px;color:#0a3d2e}
.dm2-empty{margin-top:12px;color:#5f6f68}
.dm2-link{color:#0a3d2e;text-decoration:underline;text-underline-offset:3px}
.dm2-link:hover{color:#9c6d14}

/* tablet */
@media (max-width:1023.98px){
.dm2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dm2-prov{grid-template-columns:repeat(2,minmax(0,1fr))}
.dm2-pv--lead{grid-column:span 1}
}

/* mobile */
@media (max-width:639.98px){
.dm2-wrap{padding:0 16px}
.dm2-hero{padding:16px 0 20px}
.dm2-crumbs{font-size:12.5px;margin-bottom:10px}
.dm2-h1{font-size:23px}
.dm2-sub{font-size:14px}
.dm2-hero__meta{gap:6px}
.dm2-stat{height:28px;font-size:12.5px;padding:0 10px}
.dm2-trust{font-size:12.5px;height:28px}
.dm2-types{padding:18px 0 22px}
.dm2-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.dm2-card__head{height:76px;padding:12px 16px}
.dm2-card__ico{width:44px;height:44px;flex-basis:44px;border-radius:12px}
.dm2-card__ico::before{inset:10px}
.dm2-card__count strong{font-size:26px}
.dm2-card__body{padding:14px 16px 12px}
.dm2-card__title{font-size:18px}
.dm2-card__cta{margin:0 16px 16px;height:40px}
.dm2-prov-sec{padding:22px 0 28px}
.dm2-sec-head{margin-bottom:14px}
.dm2-h2{font-size:20px}
.dm2-prov{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dm2-pv{padding:10px 11px;gap:8px}
.dm2-pv--lead{grid-column:span 2;padding:14px}
.dm2-pv__name{font-size:14px}
.dm2-pv__cnt{font-size:11px;padding:4px 8px}
.dm2-pv__types{gap:5px}
.dm2-pv__types a{min-height:28px;padding:0 8px;font-size:12px;gap:4px}
.dm2-pv__types .material-symbols-outlined{font-size:15px}
.dm2-pv--lead .dm2-pv__types{grid-template-columns:repeat(2,minmax(0,1fr))}
.dm2-pv--lead .dm2-pv__types a{min-height:34px;font-size:13px}
}

/* v7 (2026-10-19): menu icon for "Hợp mệnh" (compass, same duotone style as the other menu icons) */
:root{--mbt-ico-compass:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23002419'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'/%3E%3Cpath%20d='M15.2%208.8L13.1%2013.1L10.9%2010.9Z'%20fill='%23d4a63a'%20fill-opacity='0.34'/%3E%3Cpath%20d='M8.8%2015.2L10.9%2010.9L13.1%2013.1Z'/%3E%3C/svg%3E");--mbt-ico-compass-h:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b07a1c'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'/%3E%3Cpath%20d='M15.2%208.8L13.1%2013.1L10.9%2010.9Z'%20fill='%23f3d27a'%20fill-opacity='0.62'/%3E%3Cpath%20d='M8.8%2015.2L10.9%2010.9L13.1%2013.1Z'/%3E%3C/svg%3E")}
#masthead nav[aria-label="Menu chính"] a[href*="tra-cuu-huong-hop-menh"]::before,#mbt-mobile-menu nav a[href*="tra-cuu-huong-hop-menh"]::before{--mbt-ico:var(--mbt-ico-compass);--mbt-ico-h:var(--mbt-ico-compass-h)}

/* tool hub: 5 cards */
.mbt-ct__page .mbt-ct__hub{grid-template-columns:repeat(2,1fr)}
@media (min-width:768px){.mbt-ct__page .mbt-ct__hub{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.mbt-ct__page .mbt-ct__hub{grid-template-columns:repeat(5,1fr);gap:12px}.mbt-ct__page .mbt-ct__hub .mbt-ct__card{padding:16px}.mbt-ct__page .mbt-ct__hub .mbt-ct__card h2{font-size:1.05rem;line-height:1.3}.mbt-ct__page .mbt-ct__hub .mbt-ct__card p{font-size:.875rem}}

/* MBT ky-gui start */
body.page-id-7 main#content,body.page-id-7 .mbt-page-custom{background:#f1f5ef!important}
body.page-id-7 .mbt-kg{--paper:#f1f5ef;--ink:#22302a;--mute:#4f5d56;background:linear-gradient(180deg,#e4efe7 0%,#eef4ec 22%,#f6f4e8 55%,#f7f1dc 80%,#f3ecd3 100%)!important}
body.page-id-7 .mbt-kg .mbt-kg__hero{background:radial-gradient(60% 100% at 88% 0%,rgba(120,190,155,.45) 0%,rgba(120,190,155,0) 65%),radial-gradient(45% 90% at 12% 100%,rgba(243,210,122,.18) 0%,rgba(243,210,122,0) 70%),linear-gradient(180deg,#14543f 0%,#1f6a50 55%,#3c8468 85%,#e4efe7 100%)!important}
body.page-id-7 .mbt-kg .mbt-kg__hero::before{opacity:.6}
body.page-id-7 .mbt-kg .mbt-kg__hero-in{padding-bottom:96px}
body.page-id-7 .mbt-kg .mbt-kg__sub{color:#e3f1ea}
body.page-id-7 .mbt-kg .mbt-kg__steps,body.page-id-7 .mbt-kg .mbt-kg__formsec{background:transparent!important}
body.page-id-7 .mbt-kg .mbt-kg__steps{margin-top:-28px;position:relative;z-index:1}
body.page-id-7 .mbt-kg .mbt-kg__step{background:rgba(255,255,255,.72);border-color:rgba(19,74,56,.10)!important;box-shadow:0 12px 30px -22px rgba(0,36,25,.35)}
body.page-id-7 .mbt-kg .mbt-kg__form-card{background:rgba(255,255,255,.82);border:1px solid rgba(19,74,56,.10);box-shadow:0 20px 50px -32px rgba(0,36,25,.35)}
body.page-id-7 .mbt-kg .mbt-kg__in{background:#fbfcfa;border-color:#d5e0d8}
body.page-id-7 .mbt-kg .mbt-kg__h2{color:#123f31}
body.page-id-7 .mbt-kg .mbt-kg__kick{color:#8a6a1c}
@media (max-width:767px){body.page-id-7 .mbt-kg .mbt-kg__hero-in{padding-bottom:72px}body.page-id-7 .mbt-kg .mbt-kg__steps{margin-top:-18px}}
body.page-id-7 .mbt-kg .mbt-kg__steps-in{background:linear-gradient(135deg,#14543f,#1f6a50)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 44px -30px rgba(0,36,25,.35)!important}
body.page-id-7 .mbt-kg .mbt-kg__step{background:transparent!important;box-shadow:none!important}
body.page-id-7 .mbt-kg .mbt-kg__step-t{color:#fff!important}
body.page-id-7 .mbt-kg .mbt-kg__step-p{color:#d7ebe1!important}
body.page-id-7 .mbt-kg .mbt-kg__step+.mbt-kg__step{border-left-color:rgba(255,255,255,.18)!important}
/* MBT ky-gui end */