/* Marketer.vn | Unified header v1.6.8 — shared by WordPress Theme and HTML preview. */
:root{--mk-h-color:#172e3f;--mk-h-orange:#ff5c35;--mk-h-line:#e6e9ed}
.mk-header,.mk-header *{box-sizing:border-box}
.mk-header{position:sticky;top:0;z-index:1100;width:100%;background:#fff;border-bottom:1px solid var(--mk-h-line);box-shadow:0 2px 13px rgba(16,36,49,.045);font-family:Inter,'Plus Jakarta Sans',Arial,sans-serif}
.mk-header .mk-nav-wrap{max-width:1290px;width:100%;padding:0 20px;margin:0 auto;min-height:72px;display:flex;position:relative;align-items:center;gap:25px}
.mk-header .mk-brand{display:flex;align-items:center;flex:0 0 auto;line-height:0;text-decoration:none}
.mk-header .mk-brand img{display:block!important;width:166px!important;height:auto!important;max-height:45px!important;object-fit:contain!important}
.mk-header .mk-desktop-nav{display:flex;align-items:stretch;gap:26px;justify-content:center;align-self:stretch;margin:auto;flex:0 1 auto}
.mk-header .mk-desktop-nav>a,.mk-header .mk-nav-parent{display:inline-flex;align-items:center;height:100%;color:var(--mk-h-color)!important;font-size:13px!important;font-weight:600!important;line-height:1.2;white-space:nowrap;text-decoration:none!important;transition:color .15s}
.mk-header .mk-desktop-nav>a:hover,.mk-header .mk-nav-parent:hover,.mk-header .mk-nav-dropdown.is-open .mk-nav-parent{color:#ef542c!important}
.mk-header .mk-nav-dropdown{position:static;display:flex;align-items:stretch}
.mk-header .mk-nav-top{display:flex;align-items:center;gap:4px}
.mk-header .mk-nav-toggle{appearance:none;background:transparent!important;color:#ef5b32!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0!important;padding:7px 3px;min-width:18px;min-height:34px;line-height:1}
.mk-header .mk-plus{font-size:18px;font-weight:400;line-height:1;transition:transform .15s}
.mk-header .mk-nav-dropdown.is-open .mk-plus{transform:rotate(45deg)}
.mk-header .mk-mega{display:none;position:absolute;z-index:20;left:20px;right:20px;top:calc(100% - 1px);width:auto;max-width:none;transform:none;margin:0;padding:0;background:#fff;border:1px solid #e2e8ed;border-radius:0 0 15px 15px;box-shadow:0 22px 45px rgba(25,53,68,.14);max-height:min(73vh,580px);overflow-y:auto}
.mk-header .mk-nav-dropdown.is-open>.mk-mega,.mk-header .mk-nav-dropdown:focus-within>.mk-mega{display:block}
.mk-header .mk-mega-inner{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:start;padding:27px 32px 30px}
.mk-header .mk-mega-intro{border-right:1px solid #e9edf0;padding:0 20px 0 0;min-height:190px}
.mk-header .mk-mega-kicker{color:#f26740;font-size:10px;letter-spacing:.12em;font-weight:700}
.mk-header .mk-mega-intro h2{font-size:26px!important;font-weight:600!important;line-height:1.15;color:#142d40!important;letter-spacing:-.025em;margin:10px 0 12px!important}
.mk-header .mk-mega-intro p{color:#657783!important;font-size:13px!important;line-height:1.62!important;margin:0 0 20px!important}
.mk-header .mk-mega-view{color:#d94e2b!important;text-decoration:none!important;font-size:13px;font-weight:700}
.mk-header .mk-mega-view:after{content:' →'}
.mk-header .mk-mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mk-header .mk-mega-group h3{font-size:12px!important;font-weight:700!important;color:#8b98a0!important;text-transform:uppercase;letter-spacing:.075em;line-height:1.4!important;margin:4px 0 12px!important}
.mk-header .mk-mega-links{display:flex;flex-direction:column;gap:2px}
.mk-header .mk-mega-item{display:flex;flex-direction:column;gap:4px;justify-content:center;text-decoration:none!important;border-radius:7px;padding:10px 11px!important;border:1px solid transparent;min-width:0}
.mk-header .mk-mega-item:hover,.mk-header .mk-mega-item:focus-visible{background:#fff6f1!important;border-color:#ffe4d7;outline:none}
.mk-header .mk-mega-item-title{font-size:14px!important;font-weight:600!important;color:#243b4b!important;line-height:1.35}
.mk-header .mk-mega-item-desc{font-size:11.5px!important;font-weight:400!important;color:#73818b!important;line-height:1.35}
.mk-header .mk-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mk-header .mk-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border-radius:6px;border:1px solid var(--mk-h-orange)!important;padding:8px 13px;white-space:nowrap;font-weight:600!important;font-size:12px!important;line-height:1.2;text-decoration:none!important;transition:background .15s}
.mk-header .mk-header-cta-outline{background:white!important;color:#ee5b35!important}
.mk-header .mk-header-cta-outline:hover{background:#fff3ed!important}
.mk-header .mk-header-cta-fill{background:var(--mk-h-orange)!important;color:white!important}
.mk-header .mk-header-cta-fill:hover{background:#ed4924!important}
.mk-header .mk-mobile-search,.mk-header .mk-menu-trigger,.mk-header .mk-mobile-panel{display:none}
.mk-header .mk-sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}
@media(max-width:1210px) and (min-width:1141px){.mk-header .mk-nav-wrap{gap:17px}.mk-header .mk-desktop-nav{gap:14px}.mk-header .mk-brand img{width:150px!important}.mk-header .mk-header-cta{padding:8px 10px}}
@media(max-width:1140px){
 .mk-header .mk-nav-wrap{min-height:64px;padding:0 16px;gap:10px}
 .mk-header .mk-brand img{width:133px!important;max-height:37px!important}
 .mk-header .mk-desktop-nav,.mk-header .mk-header-actions{display:none!important}
 .mk-header .mk-mobile-search{display:flex;align-items:center;order:1;flex:1 1 0;min-width:75px;height:38px;background:#fff;border:1px solid #dbe1e5;border-radius:7px;overflow:hidden}
 .mk-header .mk-mobile-search input{display:block;flex:1 1 0;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:0 8px;font-size:12px!important;line-height:36px;color:#223947}
 .mk-header .mk-mobile-search button{height:100%;width:36px;flex:0 0 36px;border:0;background:#fff;color:#1d3745;cursor:pointer;font-size:25px;line-height:1}
 .mk-header .mk-menu-trigger{display:block;order:2;flex:0 0 auto;width:36px;height:38px;border:0!important;background:transparent!important;padding:8px 5px!important;cursor:pointer}
 .mk-header .mk-menu-trigger span{display:block;width:24px;height:2px;background:#153342;margin:4px auto;border-radius:2px;transition:transform .15s}
 .mk-header.is-mobile-open .mk-menu-trigger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .mk-header.is-mobile-open .mk-menu-trigger span:nth-child(2){opacity:0}
 .mk-header.is-mobile-open .mk-menu-trigger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .mk-header .mk-mobile-panel{display:none;position:absolute;z-index:20;top:100%;left:0;right:0;max-height:calc(100dvh - 64px);overflow:auto;background:#fff;padding:9px 17px 22px;border-bottom:1px solid #dde5eb;box-shadow:0 15px 28px #17354d22}
 .mk-header.is-mobile-open .mk-mobile-panel{display:block}
 .mk-header .mk-mobile-panel>a,.mk-header .mk-mobile-panel details>summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 8px!important;border:0;border-bottom:1px solid #edf0f3;color:#213949!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer;list-style:none}
 .mk-header .mk-mobile-panel summary::-webkit-details-marker{display:none}
 .mk-header .mk-mobile-plus{font-size:18px;color:#f2613e;font-weight:400}
 .mk-header .mk-mobile-panel details[open]>summary>.mk-mobile-plus{transform:rotate(45deg)}
 .mk-header .mk-mobile-sub{padding:0 0 8px 10px}
 .mk-header .mk-mobile-panel .mk-mobile-all{display:block;font-size:13px;color:#e85734!important;text-decoration:none;font-weight:700;padding:13px 8px!important}
 .mk-header .mk-mobile-subgroup summary{font-size:13px!important;font-weight:600!important;background:#f8fafb;padding:11px 12px!important;border-radius:7px;margin:5px 0;border:0!important;color:#334b5b!important}
 .mk-header .mk-mobile-subgroup>a{display:block!important;font-size:13px!important;font-weight:400!important;text-decoration:none!important;padding:11px 15px 11px 23px!important;color:#536774!important;border-bottom:1px solid #f0f2f5}
 .mk-header .mk-mobile-actions{display:flex;gap:10px;margin-top:18px}
 .mk-header .mk-mobile-actions .mk-header-cta{flex:1;min-height:42px;font-size:14px!important}
}
@media(max-width:390px){.mk-header .mk-brand img{width:112px!important}.mk-header .mk-nav-wrap{gap:7px;padding:0 10px}.mk-header .mk-mobile-search input{font-size:11px!important}}

/* Prevent old preview dropdown selectors from forcing a panel open after pointer exit. */
.mk-header .mk-nav-dropdown:not(.is-open)>.mk-mega{display:none!important}
.mk-header .mk-nav-dropdown.is-open>.mk-mega{display:block!important}
body.admin-bar .mk-header{top:32px}
@media(max-width:782px){body.admin-bar .mk-header{top:46px}}


/* v1.6.8 — full-bleed desktop header, top-level single baseline, icons and search */
.mk-header .mk-nav-wrap{width:100%!important;max-width:none!important;margin:0!important;padding-inline:clamp(18px,2.2vw,44px)!important;min-height:76px!important;display:flex!important;align-items:center!important;gap:clamp(15px,1.5vw,26px)!important}
.mk-header .mk-brand{margin-right:0!important;align-self:center!important;flex-shrink:0!important}
.mk-header .mk-brand img{width:156px!important;max-height:44px!important}
.mk-header .mk-desktop-search{order:1;position:relative;display:flex;align-items:center;flex:0 1 220px;min-width:155px;width:220px;max-width:260px;height:40px!important;background:#f7f9fb!important;border:1px solid #dfe6eb!important;border-radius:9px;overflow:visible!important;margin:0!important;padding:0 8px 0 12px!important;box-shadow:none!important}
.mk-header .mk-desktop-search:focus-within{background:#fff!important;border-color:#ff8a69!important;box-shadow:0 0 0 3px #ff5c3514!important}
.mk-header .mk-desktop-search .mk-search-icon{display:flex;align-items:center;justify-content:center;color:#83939f;flex-shrink:0}
.mk-header .mk-desktop-search .mk-nav-icon{width:17px;height:17px}
.mk-header .mk-desktop-search input{flex:1 1 0;min-width:0;height:38px!important;min-height:38px!important;width:100%;padding:0 4px 0 9px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:400 12px/1.3 Inter,'Plus Jakarta Sans',sans-serif!important;color:#234051!important}
.mk-header .mk-desktop-search input::placeholder{color:#9aabb7}
.mk-header .mk-search-submit{flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;width:28px!important;height:30px!important;min-height:30px!important;border:0!important;border-radius:5px!important;background:transparent!important;padding:0!important;color:#3b5361;cursor:pointer}
.mk-header .mk-search-submit:hover{color:#f15b34;background:#fff0e8!important}
.mk-header .mk-search-submit svg{width:16px;height:16px}
.mk-header .mk-search-results{position:absolute;z-index:100;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e0e5e9;border-radius:10px;box-shadow:0 14px 36px #17354b25;padding:6px;max-height:280px;overflow:auto}
.mk-header .mk-search-results[hidden]{display:none!important}
.mk-header .mk-search-results a{display:block;text-decoration:none!important;color:#213949!important;font-size:12px!important;line-height:1.4;padding:11px!important;border-radius:6px}
.mk-header .mk-search-results a:hover{background:#fff5f0!important;color:#e9572f!important}
.mk-header .mk-desktop-nav{order:2;display:flex!important;align-items:center!important;align-self:stretch!important;justify-content:center!important;gap:clamp(14px,1.45vw,26px)!important;flex:1 1 auto!important;margin:0!important;min-width:0!important;height:auto!important}
.mk-header .mk-desktop-nav>a.mk-nav-link,.mk-header .mk-nav-dropdown,.mk-header .mk-nav-top{display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;min-height:76px!important;max-height:76px!important;height:76px!important;transform:none!important;margin:0!important;top:auto!important;bottom:auto!important;vertical-align:middle!important}
.mk-header .mk-desktop-nav>a.mk-nav-link,.mk-header .mk-nav-top>a.mk-nav-link{display:inline-flex!important;flex-shrink:0!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:76px!important;min-height:76px!important;max-height:76px!important;line-height:20px!important;padding:0!important;margin:0!important;position:static!important;white-space:nowrap!important;font-size:13px!important;font-weight:600!important;transform:none!important;vertical-align:middle!important}
.mk-header .mk-nav-link .mk-nav-label{display:inline-block!important;line-height:20px!important;white-space:nowrap!important;padding:0!important;margin:0!important;position:static!important;transform:none!important}
.mk-header .mk-nav-link .mk-nav-icon{display:block!important;position:static!important;width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;stroke:currentColor!important;opacity:.72;vertical-align:middle!important;transform:none!important}
.mk-header .mk-nav-dropdown .mk-nav-top{gap:1px!important}
.mk-header .mk-nav-toggle{flex:0 0 16px!important;min-width:16px!important;width:16px!important;height:32px!important;min-height:32px!important;max-height:32px!important;align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;transform:none!important;margin:0!important}
.mk-header .mk-nav-toggle .mk-plus{font-size:16px!important;line-height:1!important;display:block!important;margin:0!important}
.mk-header .mk-header-actions{order:3;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin-left:auto!important;flex:0 0 auto!important}
.mk-header .mk-header-cta{height:38px!important;min-height:38px!important;padding:9px 14px!important}
.mk-header .mk-mega{left:clamp(18px,2.2vw,44px)!important;right:clamp(18px,2.2vw,44px)!important;top:calc(100% - 1px)!important}
@media(min-width:1141px) and (max-width:1320px){
.mk-header .mk-nav-wrap{gap:13px!important;padding-inline:16px!important}
.mk-header .mk-desktop-search{min-width:124px;flex:0 1 155px;max-width:155px}
.mk-header .mk-desktop-search input{font-size:11px!important}
.mk-header .mk-desktop-nav{gap:11px!important}
.mk-header .mk-nav-link .mk-nav-icon{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}
.mk-header .mk-desktop-nav>a.mk-nav-link,.mk-header .mk-nav-top>a.mk-nav-link{font-size:12px!important;gap:5px!important}
.mk-header .mk-brand img{width:139px!important}
.mk-header .mk-header-cta{padding:8px 10px!important}
}
@media(max-width:1140px){
 .mk-header .mk-nav-wrap{min-height:64px!important;max-height:64px!important;gap:10px!important;padding:0 16px!important}
 .mk-header .mk-brand img{width:133px!important;max-height:37px!important}
 .mk-header .mk-desktop-search{display:none!important}
 .mk-header .mk-desktop-nav,.mk-header .mk-header-actions{display:none!important}
 .mk-header .mk-mobile-search{display:flex!important}
 .mk-header .mk-menu-trigger{display:block!important}
 .mk-header .mk-mobile-search .mk-nav-icon{width:18px;height:18px}
}
@media(max-width:390px){.mk-header .mk-brand img{width:112px!important}.mk-header .mk-nav-wrap{gap:7px!important;padding:0 10px!important}}

/* Stable X when mobile drawer opens, independent of legacy theme span transforms. */
@media(max-width:1140px){
.mk-header.is-mobile-open .mk-menu-trigger{position:relative!important}
.mk-header.is-mobile-open .mk-menu-trigger span{opacity:0!important;transform:none!important}
.mk-header.is-mobile-open .mk-menu-trigger:before,.mk-header.is-mobile-open .mk-menu-trigger:after{content:"";display:block;position:absolute;left:6px;top:18px;width:24px;height:2px;background:#153342;border-radius:3px;transform:rotate(45deg)}
.mk-header.is-mobile-open .mk-menu-trigger:after{transform:rotate(-45deg)}
}