/* MN Mega Top Menu v1.6.2 - dropdown neo chính xác theo mục cha */
.mnmtm-public{--mn-banner-h:150px;--mn-logo-w:180px;position:relative!important;z-index:999999!important;width:100%;height:calc(var(--mn-banner-h) + var(--mn-item));background:var(--mn-bg);color:var(--mn-text);overflow:visible!important}
.mnmtm-public *{box-sizing:border-box}
.mnmtm-public .mn-inner{position:relative!important;display:grid!important;grid-template-columns:var(--mn-logo-w) minmax(0,1fr);grid-template-rows:var(--mn-banner-h) var(--mn-item);width:100%;max-width:var(--mn-container);height:100%;margin:0 auto;padding:0;overflow:visible!important}
.mn-logo{grid-column:1;grid-row:1 / 3;display:flex!important;align-items:center;justify-content:center;min-width:0;padding:6px;text-decoration:none;color:var(--mn-text);font-weight:700;position:relative;z-index:3;overflow:hidden}
.mn-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mn-header-banner{grid-column:2;grid-row:1;display:flex!important;align-items:center;justify-content:center;width:100%;height:var(--mn-banner-h);min-width:0;overflow:hidden;line-height:0;background:var(--mn-bg)}
.mn-header-banner a{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;margin:0;padding:0;overflow:hidden}
.mn-header-banner img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;object-fit:contain!important;object-position:center center!important}
.mn-header-banner-empty{background:var(--mn-bg)}
.mn-top-list{grid-column:2;grid-row:2;display:flex!important;align-items:stretch;justify-content:flex-start;list-style:none;margin:0!important;padding:0!important;min-width:0;height:var(--mn-item);position:relative!important;overflow:visible!important;z-index:20}
.mn-top-item{display:flex;align-items:stretch;position:relative!important}
.mn-top-link{height:var(--mn-item);display:flex!important;align-items:center;gap:7px;padding:0 14px;color:var(--mn-text);text-decoration:none;font-weight:700;white-space:nowrap}
.mn-top-link:hover,.mn-top-item.open>.mn-top-link{background:rgba(0,0,0,.07);color:var(--mn-hover)}
.mn-top-arrow{font-style:normal;font-size:16px;transition:.18s}
.mn-top-item:hover .mn-top-arrow,.mn-top-item.open .mn-top-arrow{transform:rotate(180deg)}
.mn-top-link b,.mn-parent b{font-size:9px;background:var(--mn-hover);color:#fff;padding:2px 6px;border-radius:9px;margin-left:auto}
/* Panel bắt đầu đúng từ mép trái mục cha */
.mnmtm-public .mn-top-mega{position:fixed!important;top:var(--mn-drop-top,100%)!important;left:var(--mn-drop-left,0px)!important;right:auto!important;width:var(--mn-drop-width,min(var(--mn-container),calc(100vw - 24px)))!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:0!important;background:var(--mn-mega)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 18px 42px rgba(0,0,0,.20)!important;z-index:2147483647!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)!important;transition:opacity .16s,visibility .16s,transform .16s}
.mn-top-item:hover>.mn-top-mega,.mn-top-item.open>.mn-top-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)!important}
.mn-mega-categories-row{display:block;width:100%;margin:0;padding:0;background:var(--mn-mega)}
.mn-mega-columns{display:grid!important;width:100%;grid-template-columns:repeat(var(--mn-active-cols,var(--mn-cols)),minmax(0,1fr))!important;gap:0;margin:0;padding:12px 18px 18px}
.mn-mega-column{min-width:0;padding:0 16px;border-right:1px solid rgba(0,0,0,.10)}
.mn-mega-column:first-child{padding-left:0}.mn-mega-column:last-child{padding-right:0;border-right:0}
.mn-tree{list-style:none;margin:0!important;padding:0!important}.mn-node{margin:0!important;padding:0!important}
.mn-parent{min-height:var(--mn-item);display:flex!important;align-items:center;gap:8px;color:var(--mn-text)!important;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.08);padding:7px 4px}
.mn-parent:hover{color:var(--mn-hover)!important}.mn-svg{width:18px;height:18px;display:inline-flex;flex:0 0 auto}.mn-svg svg{width:100%;height:100%;fill:currentColor}
.mn-search{grid-column:2;grid-row:2;justify-self:end;align-self:center;margin:0 10px 0 auto;border:0;background:transparent;color:var(--mn-text);font-size:24px;cursor:pointer;z-index:40}
.mn-mobile{display:none;border:0;background:transparent;color:var(--mn-text);font-size:24px}
.mn-searchbox{display:none;position:absolute;right:12px;top:100%;z-index:2147483647;padding:10px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.mn-searchbox.open{display:block}.mn-searchbox input{width:250px;padding:10px;border:1px solid #ddd}
.header-wrapper,.header-main,.header-bottom,.header-inner,.nav,.nav-left,.nav-right,.nav-divided,.nav>li{overflow:visible!important}

@media(max-width:900px){.mnmtm-public{height:auto;min-height:64px}.mnmtm-public .mn-inner{display:flex!important;height:auto;min-height:64px;padding:0 12px}.mn-header-banner{display:none!important}.mn-logo{width:auto;height:64px;padding:4px}.mn-logo img{max-height:56px;max-width:150px}.mn-top-list{display:none!important;position:absolute!important;left:0;right:0;top:100%;height:auto;max-height:78vh;overflow:auto!important;background:var(--mn-bg);box-shadow:0 14px 30px rgba(0,0,0,.18);padding:6px!important}.mn-top-list.open{display:block!important}.mn-top-item{display:block;position:relative!important}.mn-top-link{height:48px}.mnmtm-public .mn-top-mega{position:static!important;width:auto!important;max-width:none!important;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;box-shadow:none!important}.mnmtm-public .mn-top-item.open>.mn-top-mega{display:block}.mn-mega-columns{grid-template-columns:1fr 1fr!important}.mn-mobile{display:block;margin-left:auto;align-self:center}.mn-search{position:static;display:block;order:2;grid-column:auto;grid-row:auto;margin-left:auto}.mn-mobile{order:3}}
@media(max-width:560px){.mn-mega-columns{grid-template-columns:1fr!important}.mn-searchbox input{width:220px}}

/* v1.6.3: khóa banner phủ toàn bộ khung bên phải logo, không bị giới hạn bởi CSS theme */
.mnmtm-public .mn-inner > .mn-header-banner{
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:var(--mn-banner-h) !important;
  min-height:var(--mn-banner-h) !important;
  max-width:none !important;
  overflow:hidden !important;
  align-self:stretch !important;
  justify-self:stretch !important;
}
.mnmtm-public .mn-header-banner > a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}
.mnmtm-public .mn-header-banner > a > img,
.header .mnmtm-public .mn-header-banner > a > img,
#header .mnmtm-public .mn-header-banner > a > img{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:fill !important;
  object-position:center center !important;
}


/* v1.6.4: màu menu luôn lấy từ cấu hình plugin, không bị Flatsome ghi đè */
.mnmtm-public,
.header .mnmtm-public,
#header .mnmtm-public{
  background-color:var(--mn-bg)!important;
  background-image:none!important;
  color:var(--mn-text)!important;
}
.mnmtm-public .mn-inner,
.mnmtm-public .mn-top-list{
  background-color:var(--mn-bg)!important;
  background-image:none!important;
}
.mnmtm-public .mn-top-item,
.mnmtm-public .mn-top-link{
  background-color:transparent!important;
}
.mnmtm-public .mn-top-link{color:var(--mn-text)!important}
.mnmtm-public .mn-top-link:hover,
.mnmtm-public .mn-top-item.open>.mn-top-link{
  color:var(--mn-hover)!important;
  background-color:rgba(0,0,0,.08)!important;
}
/* Không dùng opacity/filter hay transform làm mờ banner; giữ đúng độ nét ảnh */
.mnmtm-public .mn-header-banner,
.mnmtm-public .mn-header-banner a,
.mnmtm-public .mn-header-banner img{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
.mnmtm-public .mn-header-banner{
  background:var(--mn-bg)!important;
}
.mnmtm-public .mn-header-banner > a > img,
.header .mnmtm-public .mn-header-banner > a > img,
#header .mnmtm-public .mn-header-banner > a > img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}