.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-weight:500;background-color:#BE2D62;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== MASARU168 SPARKLES ===== */

/* พื้นที่แสดงเอฟเฟกต์ */
body::before,
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  pointer-events: none;
  z-index: 9999;
  background-repeat: no-repeat;
}

/* ===== จุดแสงสีขาว 15 จุด ===== */
body::before {
  background-image:
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1.5px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1.5px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1.5px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px),
    radial-gradient(circle, #fff 1px, transparent 3px),
    radial-gradient(circle, #fff 2px, transparent 4px);

  background-size:
    20px 20px, 16px 16px, 20px 20px,
    18px 18px, 20px 20px, 16px 16px,
    20px 20px, 18px 18px, 20px 20px,
    16px 16px, 20px 20px, 18px 18px,
    20px 20px, 16px 16px, 20px 20px;

  background-position:
    4% 12%, 13% 36%, 22% 70%,
    30% 18%, 38% 55%, 46% 88%,
    54% 27%, 61% 65%, 68% 10%,
    75% 45%, 82% 78%, 89% 22%,
    95% 58%, 17% 90%, 52% 48%;

  filter: drop-shadow(0 0 5px #ffffff);
  animation: msrWhiteFloat 7s ease-in-out infinite alternate;
}

/* ===== จุดแสงสีชมพู 15 จุด ===== */
body::after {
  background-image:
    radial-gradient(circle, #ff65d9 2px, transparent 4px),
    radial-gradient(circle, #ffb5f0 2px, transparent 4px),
    radial-gradient(circle, #ff45c9 1px, transparent 3px),
    radial-gradient(circle, #ff8de5 2px, transparent 4px),
    radial-gradient(circle, #ff65d9 2px, transparent 4px),
    radial-gradient(circle, #ffb5f0 1px, transparent 3px),
    radial-gradient(circle, #ff45c9 2px, transparent 4px),
    radial-gradient(circle, #ff8de5 2px, transparent 4px),
    radial-gradient(circle, #ff65d9 1px, transparent 3px),
    radial-gradient(circle, #ffb5f0 2px, transparent 4px),
    radial-gradient(circle, #ff45c9 2px, transparent 4px),
    radial-gradient(circle, #ff8de5 1px, transparent 3px),
    radial-gradient(circle, #ff65d9 2px, transparent 4px),
    radial-gradient(circle, #ffb5f0 2px, transparent 4px),
    radial-gradient(circle, #ff45c9 1px, transparent 3px);

  background-size:
    20px 20px, 20px 20px, 16px 16px,
    20px 20px, 20px 20px, 16px 16px,
    20px 20px, 20px 20px, 16px 16px,
    20px 20px, 20px 20px, 16px 16px,
    20px 20px, 20px 20px, 16px 16px;

  background-position:
    8% 52%, 16% 15%, 25% 82%,
    33% 40%, 41% 8%, 49% 68%,
    57% 32%, 64% 92%, 72% 55%,
    80% 12%, 87% 72%, 94% 38%,
    11% 94%, 44% 47%, 77% 88%;

  filter: drop-shadow(0 0 6px #ff56d2);
  animation: msrPinkFloat 9s ease-in-out infinite alternate;
}

/* ===== แสงสีขาวเคลื่อนไหว ===== */
@keyframes msrWhiteFloat {
  0% {
    transform: translate(0, 0);
    opacity: 0.45;
  }
  50% {
    transform: translate(16px, -20px);
    opacity: 1;
  }
  100% {
    transform: translate(32px, 15px);
    opacity: 0.6;
  }
}

/* ===== แสงสีชมพูเคลื่อนไหว ===== */
@keyframes msrPinkFloat {
  0% {
    transform: translate(0, 0);
    opacity: 0.8;
  }
  50% {
    transform: translate(-18px, 20px);
    opacity: 0.4;
  }
  100% {
    transform: translate(-35px, -25px);
    opacity: 1;
  }
}

/* ===== มือถือ ===== */
@media screen and (max-width: 767px) {
  body::before,
  body::after {
    filter: none;
  }
}

/* ===== ลดการเคลื่อนไหว ===== */
@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation: none;
  }
}/* End custom CSS */