html.vmtmm3-lock, body.vmtmm3-lock{overflow:hidden!important}
.vmtmm3-overlay{display:none;position:fixed;inset:0;background:rgba(3,23,54,.48);z-index:999998;opacity:0;transition:.22s}
.vmtmm3-overlay.is-open{display:block;opacity:1}
.vmtmm3-panel{position:fixed;z-index:999999;top:0;left:0;width:min(88vw,390px);height:100dvh;background:#fff;transform:translateX(-104%);transition:transform .25s ease;box-shadow:10px 0 35px rgba(0,30,80,.22);display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;color:#10213d}
.vmtmm3-panel.is-open{transform:translateX(0)}
.vmtmm3-head{min-height:104px;padding:17px 18px 16px;display:flex;align-items:flex-start;justify-content:space-between;position:relative}
.vmtmm3-brand{display:flex;gap:12px;align-items:center;min-width:0}.vmtmm3-brand img{width:58px;height:58px;object-fit:contain;flex:0 0 58px}.vmtmm3-brandtext{min-width:0;padding-top:4px}.vmtmm3-brandtext strong{display:block;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vmtmm3-brandtext small{display:block;margin-top:5px;font-size:11px;line-height:1.3;white-space:nowrap}
.vmtmm3-close{border:0;background:transparent;font-size:34px;line-height:1;width:36px;height:36px;cursor:pointer;color:inherit;padding:0}
.vmtmm3-body{padding:0 14px 14px;overflow:auto;flex:1;background:#fff}
.vmtmm3-search{height:50px;border:1px solid #d8e3f3;border-radius:26px;display:flex;align-items:center;background:#fff;margin:0 0 13px;overflow:hidden}
.vmtmm3-search input{flex:1;min-width:0;height:48px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0 8px 0 17px!important;font-size:15px!important;line-height:48px!important;color:#1b2d49!important;margin:0!important}
.vmtmm3-search input::placeholder{color:#8a9ab2;opacity:1}.vmtmm3-search button{height:48px;width:52px;flex:0 0 52px;border:0;background:transparent;display:grid;place-items:center;padding:0;margin:0;color:#0b3f7f;cursor:pointer}.vmtmm3-search .dashicons{font-size:23px;width:23px;height:23px;line-height:23px}
.vmtmm3-list{list-style:none!important;margin:0!important;padding:0!important}.vmtmm3-item{list-style:none!important;margin:0 0 7px!important;padding:0!important}.vmtmm3-row{min-height:52px;border:1px solid #e5eaf1;border-radius:14px;background:#fff;display:flex;align-items:center;box-shadow:0 4px 11px rgba(20,48,88,.055)}
.vmtmm3-link{flex:1;min-width:0;height:52px;display:flex!important;align-items:center;gap:12px;padding:0 13px!important;text-decoration:none!important;color:#14223b!important;font-weight:700;font-size:16px;line-height:1.2}.vmtmm3-icon{font-size:22px;width:26px;height:26px;line-height:26px;color:var(--vmt-blue)}.vmtmm3-text{min-width:0}.vmtmm3-toggle{width:48px;height:52px;border:0;background:transparent;color:var(--vmt-blue);font-size:23px;font-weight:700;cursor:pointer;display:grid;place-items:center}.vmtmm3-toggle span{display:block;transition:.2s;transform:translateY(-2px)}.vmtmm3-item.open>.vmtmm3-row .vmtmm3-toggle span{transform:rotate(180deg) translateY(1px)}
.vmtmm3-sub{display:none}.vmtmm3-item.open>.vmtmm3-sub{display:block}.vmtmm3-sub .vmtmm3-list{padding:5px 8px 2px 42px!important}.vmtmm3-sub .vmtmm3-item{margin:0!important}.vmtmm3-sub .vmtmm3-row{min-height:36px;border:0;box-shadow:none;border-radius:0;background:transparent}.vmtmm3-sub .vmtmm3-link{height:36px;min-height:36px;padding:0!important;font-size:14.5px;font-weight:600;color:#566b87!important;gap:8px}.vmtmm3-bullet{font-size:20px;line-height:1;color:#ff6b16}
.vmtmm3-foot{min-height:92px;padding:14px 18px 15px;display:grid;gap:7px;align-content:center;background:var(--vmt-blue);color:#fff}.vmtmm3-foot a{color:#fff!important;text-decoration:none!important;display:flex;align-items:center;gap:10px;font-size:16px}.vmtmm3-foot .dashicons{width:24px;height:24px;font-size:24px;line-height:24px}.vmtmm3-zalo{border:1px solid currentColor;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px;font-weight:700}
/* Style 2 */
.vmtmm3-panel.style-2 .vmtmm3-head{background:linear-gradient(135deg,#fff0c4 0,#fff 35%);color:#112b59}.vmtmm3-panel.style-2 .vmtmm3-head:before{content:"";position:absolute;left:0;top:0;width:72px;height:72px;background:linear-gradient(135deg,var(--vmt-gold),#ffd86a);clip-path:polygon(0 0,100% 0,0 100%);z-index:-1}.vmtmm3-panel.style-2 .vmtmm3-item.open>.vmtmm3-row{background:#fff0e7;border-color:#ffd9c7}.vmtmm3-panel.style-2 .vmtmm3-item.open>.vmtmm3-row .vmtmm3-link,.vmtmm3-panel.style-2 .vmtmm3-item.open>.vmtmm3-row .vmtmm3-icon,.vmtmm3-panel.style-2 .vmtmm3-item.open>.vmtmm3-row .vmtmm3-toggle{color:#f15a13!important}.vmtmm3-panel.style-2 .vmtmm3-foot{background:linear-gradient(135deg,#c88800,var(--vmt-gold))}
/* Style 3 */
.vmtmm3-panel.style-3 .vmtmm3-head{min-height:102px;background:linear-gradient(135deg,#edf5ff,#fff 55%);color:#0a347d}.vmtmm3-panel.style-3 .vmtmm3-list.depth-0{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vmtmm3-panel.style-3 .vmtmm3-item{margin:0!important}.vmtmm3-panel.style-3 .vmtmm3-item.has-children{grid-column:1/-1}.vmtmm3-panel.style-3 .vmtmm3-row{min-height:54px}.vmtmm3-panel.style-3 .vmtmm3-link{height:54px;font-size:14px;padding:0 11px!important;gap:9px}.vmtmm3-panel.style-3 .vmtmm3-toggle{height:54px;width:40px}.vmtmm3-panel.style-3 .vmtmm3-item.open>.vmtmm3-row{background:#eef5ff}.vmtmm3-panel.style-3 .vmtmm3-sub .vmtmm3-list{display:block!important;padding:5px 8px 4px 42px!important}.vmtmm3-panel.style-3 .vmtmm3-sub .vmtmm3-row{min-height:34px}.vmtmm3-panel.style-3 .vmtmm3-sub .vmtmm3-link{height:34px;min-height:34px;font-size:14px}.vmtmm3-panel.style-3 .vmtmm3-foot{min-height:86px}
@media (min-width:992px){.vmtmm3-panel,.vmtmm3-overlay{display:none!important}}
@media (max-width:360px){.vmtmm3-panel{width:92vw}.vmtmm3-brandtext strong{font-size:17px}.vmtmm3-brand img{width:50px;height:50px;flex-basis:50px}.vmtmm3-link{font-size:15px}.vmtmm3-panel.style-3 .vmtmm3-link{font-size:13px}}
/* v1.3.1 - vá menu trắng + header/logo */
.vmtmm3-brand{max-width:calc(100% - 46px)}
.vmtmm3-brand img{max-width:64px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.vmtmm3-brandtext strong{max-width:235px}
.vmtmm3-nav:empty:after{content:"Chưa có menu để hiển thị";display:block;padding:18px;text-align:center;color:#64748b;font-size:14px}
.vmtmm3-panel.style-3 .vmtmm3-brand img{max-width:68px!important}

/* v1.3.5 - sửa đúng selector: đồng bộ chiều cao menu cha với menu thường */
@media (max-width: 991px) {

  /* Tất cả ô menu cấp 1 */
  #vmtmm3-panel .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Link trong ô, kể cả ô có menu con */
  #vmtmm3-panel .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row > .vmtmm3-link {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Nút mũi tên không được làm ô cao lên */
  #vmtmm3-panel .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row > .vmtmm3-toggle {
    width: 46px !important;
    min-width: 46px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
  }

  #vmtmm3-panel .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row > .vmtmm3-toggle span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  /* Style 3 trước đây đặt 54px, ép về cùng 52px */
  #vmtmm3-panel.style-3 .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row {
    min-height: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
  }

  #vmtmm3-panel.style-3 .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row > .vmtmm3-link,
  #vmtmm3-panel.style-3 .vmtmm3-list.depth-0 > .vmtmm3-item > .vmtmm3-row > .vmtmm3-toggle {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
  }
}

/* v1.3.6 - bỏ phần chân menu màu cam / gold */
#vmtmm3-panel.style-2 .vmtmm3-footer {
  display: none !important;
}

/* Khi bỏ footer, nội dung menu kéo xuống hết chiều cao, không chừa khoảng trống */
#vmtmm3-panel.style-2 .vmtmm3-body {
  padding-bottom: 16px !important;
}

/* Loại bỏ nền vàng/cam dạng sóng ở đáy nếu được tạo bằng pseudo element */
#vmtmm3-panel.style-2::after,
#vmtmm3-panel.style-2 .vmtmm3-body::after,
#vmtmm3-panel.style-2 .vmtmm3-footer::before,
#vmtmm3-panel.style-2 .vmtmm3-footer::after {
  display: none !important;
  content: none !important;
}

/* v1.3.7 - XÓA CỨNG phần chân menu cam/gold */
#vmtmm3-panel .vmtmm3-footer,
#vmtmm3-panel .vmtmm3-contact-footer,
#vmtmm3-panel .vmtmm3-bottom,
#vmtmm3-panel .vmtmm3-bottom-bar,
#vmtmm3-panel .vmtmm3-footer-contact,
#vmtmm3-panel [class*="footer"],
#vmtmm3-panel [class*="bottom-bar"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Không chừa khoảng trống dưới menu */
#vmtmm3-panel .vmtmm3-body,
#vmtmm3-panel .vmtmm3-content,
#vmtmm3-panel .vmtmm3-scroll {
  padding-bottom: 12px !important;
  margin-bottom: 0 !important;
}

/* Loại bỏ mọi nền sóng/cam/gold tạo bằng pseudo-element ở đáy */
#vmtmm3-panel::before,
#vmtmm3-panel::after,
#vmtmm3-panel .vmtmm3-body::before,
#vmtmm3-panel .vmtmm3-body::after,
#vmtmm3-panel .vmtmm3-content::before,
#vmtmm3-panel .vmtmm3-content::after {
  bottom: auto !important;
}

/* Riêng style 2: tuyệt đối không có nền cam dưới chân */
#vmtmm3-panel.style-2 {
  background: #fff !important;
}
#vmtmm3-panel.style-2 .vmtmm3-body,
#vmtmm3-panel.style-2 .vmtmm3-content {
  background: #fff !important;
}

/* v1.3.8 - BỎ ĐÚNG chân menu thực tế (.vmtmm3-foot) */
#vmtmm3-panel .vmtmm3-foot,
#vmtmm3-panel.style-2 .vmtmm3-foot,
#vmtmm3-panel.style-3 .vmtmm3-foot {
  display: none !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Phần thân menu chiếm trọn phần còn lại */
#vmtmm3-panel .vmtmm3-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-bottom: 14px !important;
  margin-bottom: 0 !important;
  background: #fff !important;
}

/* Không để Style 2 sinh màu Gold ở đáy panel */
#vmtmm3-panel.style-2 {
  background: #fff !important;
}

/* v1.3.9 - Header compact + bỏ gạch/chấm trang trí */
@media (max-width: 991px) {

  /* Thu gọn khối tiêu đề */
  #vmtmm3-panel .vmtmm3-head,
  #vmtmm3-panel .vmtmm3-header {
    min-height: 108px !important;
    height: 108px !important;
    max-height: 108px !important;
    padding: 10px 48px 8px 18px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  /* Logo gọn lại, giữ đúng tỷ lệ */
  #vmtmm3-panel .vmtmm3-logo,
  #vmtmm3-panel .vmtmm3-brand img {
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 82px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Nếu dùng text brand thì căn giữa gọn */
  #vmtmm3-panel .vmtmm3-brand {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
  }

  #vmtmm3-panel .vmtmm3-brand-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }

  #vmtmm3-panel .vmtmm3-brand-subtitle,
  #vmtmm3-panel .vmtmm3-tagline {
    margin: 3px 0 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* Nút đóng nằm gọn ở góc phải */
  #vmtmm3-panel .vmtmm3-close {
    top: 12px !important;
    right: 12px !important;
  }

  /* Bỏ hoàn toàn gạch vàng + chấm tròn và mọi trang trí giữa header/search */
  #vmtmm3-panel .vmtmm3-divider,
  #vmtmm3-panel .vmtmm3-separator,
  #vmtmm3-panel .vmtmm3-ornament,
  #vmtmm3-panel .vmtmm3-decor,
  #vmtmm3-panel [class*="divider"],
  #vmtmm3-panel [class*="separator"],
  #vmtmm3-panel [class*="ornament"],
  #vmtmm3-panel [class*="decor"] {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Xóa pseudo-element có thể tạo gạch/chấm */
  #vmtmm3-panel .vmtmm3-head::before,
  #vmtmm3-panel .vmtmm3-head::after,
  #vmtmm3-panel .vmtmm3-header::before,
  #vmtmm3-panel .vmtmm3-header::after,
  #vmtmm3-panel .vmtmm3-brand::before,
  #vmtmm3-panel .vmtmm3-brand::after {
    content: none !important;
    display: none !important;
  }

  /* Kéo ô tìm kiếm lên sát header hơn */
  #vmtmm3-panel .vmtmm3-search {
    margin-top: 10px !important;
  }
}

/* =========================================================
   v1.4.0 - FIX HEADER THEO MẪU NHỎ GỌN
   Logo nhỏ ở giữa -> tên thương hiệu -> slogan
   ========================================================= */
@media (max-width: 991px) {

  #vmtmm3-panel .vmtmm3-head {
    position: relative !important;
    min-height: 122px !important;
    height: 122px !important;
    max-height: 122px !important;
    padding: 8px 42px 7px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* Style 2 giữ góc vàng nhỏ, không làm tăng chiều cao header */
  #vmtmm3-panel.style-2 .vmtmm3-head {
    background:
      linear-gradient(135deg, var(--vmt-gold) 0 34px, #f7e8b9 35px 50px, transparent 51px),
      #fff !important;
  }

  #vmtmm3-panel .vmtmm3-brand {
    position: static !important;
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: visible !important;
  }

  /* Khóa kích thước logo, không cho ảnh phóng to/cắt mất */
  #vmtmm3-panel .vmtmm3-brand img {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto 3px !important;
    padding: 0 !important;
    transform: none !important;
  }

  #vmtmm3-panel .vmtmm3-brandtext {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 230px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    overflow: visible !important;
  }

  #vmtmm3-panel .vmtmm3-brandtext strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0873fd !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 25px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #vmtmm3-panel .vmtmm3-brandtext small {
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    color: #17243a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  #vmtmm3-panel .vmtmm3-close {
    position: absolute !important;
    top: 7px !important;
    right: 8px !important;
    z-index: 10 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 27px !important;
    line-height: 28px !important;
    display: grid !important;
    place-items: center !important;
    color: #111 !important;
  }

  /* Ô tìm kiếm nằm ngay dưới header, không tạo khoảng trắng lớn */
  #vmtmm3-panel .vmtmm3-body {
    padding-top: 3px !important;
  }

  #vmtmm3-panel .vmtmm3-search {
    margin-top: 0 !important;
  }

  /* Bỏ mọi gạch/chấm trang trí dưới slogan */
  #vmtmm3-panel .vmtmm3-brand::before,
  #vmtmm3-panel .vmtmm3-brand::after,
  #vmtmm3-panel .vmtmm3-brandtext::before,
  #vmtmm3-panel .vmtmm3-brandtext::after {
    display: none !important;
    content: none !important;
  }
}