/* ===== Preloader กลาง (หน้าตาเดียวกับ index.html) ใช้กับทุกหน้า ===== */
#mxPreloader{
  position:fixed;inset:0;z-index:99999;
  display:grid;place-items:center;
  background:radial-gradient(560px 300px at 50% 46%,rgba(255,34,58,.10),transparent 65%),#07070b;
  opacity:1;visibility:visible;
  transition:opacity .24s ease,visibility .24s ease;
}
#mxPreloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
#mxPreloader .mx-preload-inner{width:min(220px,60vw);text-align:center}
#mxPreloader .mx-preload-brand{
  font:900 19px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f2f2f4;letter-spacing:-.4px;
}
#mxPreloader .mx-preload-brand b{color:#f4263e}
#mxPreloader .mx-preload-bar{
  height:3px;margin-top:13px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)
}
#mxPreloader .mx-preload-bar::before{
  content:"";display:block;width:42%;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#f4263e,#ff6678);
  box-shadow:0 0 14px rgba(244,38,62,.45);
  animation:mxPreloaderSweep .72s ease-in-out infinite alternate;
}
#mxPreloader .mx-preload-text{margin-top:8px;color:#767984;font:700 8px/1 system-ui,sans-serif;letter-spacing:.12em}
@keyframes mxPreloaderSweep{from{transform:translateX(-5%)}to{transform:translateX(145%)}}

@media (prefers-reduced-motion:reduce){
  #mxPreloader .mx-preload-bar::before{animation:none!important}
  #mxPreloader{transition:none!important}
}
@media print{#mxPreloader{display:none!important}}