/* Compact desktop navigation: avoid stretching menu items across the full canvas. */
@media (min-width: 1200px) {
  body.mk-v7 #site-navigation .main-nav > ul {
    justify-content: center !important;
    column-gap: clamp(20px, 2.2vw, 40px) !important;
    row-gap: 0 !important;
  }

  body.mk-v7 #site-navigation .main-nav > ul > li {
    flex: 0 0 auto !important;
  }

  body.mk-v7 #site-navigation #menu-item-6029 > .sub-menu {
    min-width: 280px;
    right: 0 !important;
    left: auto !important;
  }

  body.mk-v7 #site-navigation #menu-item-4165 > .sub-menu {
    min-width: 320px;
    right: 100% !important;
    left: auto !important;
  }
}

/* Match every homepage panel to the official footer reading canvas. */
@media (min-width: 769px) {
  body.home .mk-home-final > .mk-demo-hero,
  body.home .mk-demo-trust,
  body.home .mk-home-section > .mk-home-shell,
  body.home #he-thong-cua-hang > .mk-home-shell,
  body.home #goc-tu-van,
  body.home .mk-home-support {
    width: min(1192px, calc(100% - 48px)) !important;
    max-width: 1192px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Use the footer's 1192px reading canvas for the global desktop header too. */
@media (min-width: 1280px) {
  html body.mk-v7 #masthead.site-header .inside-header.grid-container,
  html body.mk-v7 #site-navigation .inside-navigation.grid-container {
    width: min(calc(100% - 64px), 1192px) !important;
    max-width: 1192px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}