/* Cho phép cuộn menu mobile */
.off-canvas .nav-sidebar,
.mobile-nav,
.mobile-menu,
.nav-panel {
  max-height: 100vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
/* Nới khoảng cách 2 bên topbar trên mobile + ép ưu tiên */
@media (max-width: 1024px){
  .site-topbar.site-header--wrap{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Thêm khoảng cách cho nút 3 gạch */
  .site-topbar .hamburger{
    margin-right: 8px !important;
  }
}

/* Hỗ trợ iPhone có tai thỏ (safe-area) */
@supports (padding: max(0px)){
  @media (max-width: 1024px){
    .site-topbar.site-header--wrap{
      padding-left:  max(16px, env(safe-area-inset-left)) !important;
      padding-right: max(16px, env(safe-area-inset-right)) !important;
    }
  }
}