#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;  /* ใช้ vw (Viewport Width) เต็มความกว้างจอ */
  height: 100vh; /* ใช้ vh (Viewport Height) เต็มความสูงจอ */
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  
  /* บังคับ Flexbox เพื่อจัดกลาง */
  display: none; /* ซ่อนไว้ก่อน */
  align-items: center;
  justify-content: center;
  flex-direction: column;
  backdrop-filter: blur(2px);
}