/* ── Glow border — เส้นขอบไล่สีที่ตามเมาส์ (แบบ Stripe) ─────────────────────
   ใช้คู่กับ glow.js · ใส่ได้กับกล่องไหนก็ได้ที่ JS เลือกไว้ ไม่ต้องแก้ HTML
   ปิดเองอัตโนมัติบนจอสัมผัส และเมื่อผู้ใช้ตั้งค่า "ลดการเคลื่อนไหว" */
.glow-on { position: relative; }
.glow-on::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;                       /* ความหนาเส้น */
  background: radial-gradient(
    var(--glow-size, 220px) circle at var(--gx, -9999px) var(--gy, -9999px),
    var(--glow-1, #ff9f43) 0%,
    var(--glow-2, #ff4d8d) 28%,
    var(--glow-3, #8b5cf6) 52%,
    transparent 72%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: var(--go, 0);
  transition: opacity .25s ease;
  pointer-events: none;
  z-index: 2;
}