/* XPLAYZ 128.2 — the customer popup is populated ONLY by /ajax/getPromotionPopup. */
#xp82PopupLayer[hidden],#xp82PopupLayer [hidden]{display:none!important}
#xp82PopupLayer,#xp82PopupLayer *{box-sizing:border-box}
#xp82PopupLayer.xp82-layer{position:fixed!important;inset:0!important;z-index:2147482100!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;font-family:Kanit,'Noto Sans Thai',system-ui,sans-serif!important;color:#fff!important}
#xp82PopupLayer .xp82-backdrop{position:absolute!important;inset:0!important;background:rgba(0,9,24,.76)!important;backdrop-filter:blur(8px);border:0!important;border-radius:0!important;width:100%!important;height:100%!important;cursor:pointer!important}
#xp82PopupLayer .xp82-dialog{position:relative!important;display:flex!important;flex-direction:column!important;z-index:1!important;isolation:isolate;width:min(100%,430px)!important;max-height:min(92dvh,800px)!important;overflow:hidden!important;border-radius:27px!important;border:1px solid #3b5874!important;padding:12px 17px 20px!important;background:linear-gradient(150deg,#143552,#081a30 90%)!important;color:#fff!important;box-shadow:0 26px 65px rgba(0,5,14,.64)!important}
#xp82PopupLayer .xp82-grip{width:48px;height:5px;background:#42647d;border-radius:999px;margin:0 auto 12px;flex-shrink:0}
#xp82PopupLayer .xp82-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important}
#xp82PopupLayer .xp82-heading{min-width:0!important;text-align:left!important}
#xp82PopupLayer .xp82-kicker{font-size:10px!important;font-weight:800!important;color:#62d997!important;letter-spacing:.06em}
#xp82PopupLayer h2{margin:4px 0 0!important;font-size:19px!important;line-height:1.35!important;font-weight:800!important;color:#fff!important}
#xp82PopupLayer .xp82-close{flex:0 0 36px!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:1px solid #35526e!important;border-radius:12px!important;color:#e0efff!important;background:#1e3b54!important;font-size:25px!important;cursor:pointer!important;padding:0!important}
#xp82PopupLayer .xp82-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:3px 0 9px!important;color:#9eb9cc!important;font-size:11px!important}
#xp82PopupLayer .xp82-skip{border:0!important;background:transparent!important;color:#a9edc7!important;text-decoration:underline!important;font-size:11px!important;cursor:pointer!important}
#xp82PopupLayer .xp82-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-color:#375c77 transparent;scrollbar-width:thin}
#xp82PopupLayer .xp82-image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;border-radius:16px!important;overflow:hidden!important;background:#173e4b!important;min-height:60px!important}
#xp82PopupLayer .xp82-image img{display:block!important;width:100%!important;height:auto!important;max-height:min(45vh,390px)!important;object-fit:contain!important}
#xp82PopupLayer .xp82-message{margin-top:10px!important;padding:10px 12px!important;border-radius:14px!important;background:#142c44!important;border:1px solid #33516e!important;text-align:center!important;color:#f0f8ff!important;line-height:1.55!important;font-size:13px!important;overflow-wrap:anywhere!important}
#xp82PopupLayer .xp82-message *{color:#edf6ff!important;background:transparent!important;border-color:transparent!important;font-size:inherit!important;line-height:inherit!important;max-width:100%!important}
#xp82PopupLayer .xp82-message p{margin:4px 0!important}
#xp82PopupLayer .xp82-countdown{margin:10px 0 0!important;color:#ffd68b!important;font-size:12px!important;text-align:center!important;font-weight:700!important}
#xp82PopupLayer .xp82-status{margin:9px 0 0!important;color:#ffe2aa!important;font-size:12px!important;text-align:center!important;line-height:1.5!important}
#xp82PopupLayer .xp82-actions{display:flex!important;flex-direction:column!important;gap:8px!important;padding:13px 0 0!important;border:0!important;background:transparent!important;flex-shrink:0!important}
#xp82PopupLayer .xp82-primary,#xp82PopupLayer .xp82-secondary{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:100%!important;border-radius:14px!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important;padding:10px 14px!important}
#xp82PopupLayer .xp82-primary{border:0!important;background:linear-gradient(105deg,#2ac96b,#149f4b)!important;color:#fff!important;box-shadow:0 10px 18px rgba(4,91,46,.28)!important}
#xp82PopupLayer .xp82-secondary{border:1px solid #3e5c77!important;background:#223951!important;color:#e3eef8!important}
#xp82PopupLayer .xp82-primary:disabled{opacity:.6!important;cursor:wait!important}
#xp82PopupLayer :is(a,button):focus-visible{outline:3px solid #b4ffcd!important;outline-offset:3px!important}
body.xp82-open{overflow:hidden!important}
@media(max-width:450px){#xp82PopupLayer.xp82-layer{align-items:flex-end!important;padding:0!important}#xp82PopupLayer .xp82-dialog{width:100%!important;border-radius:29px 29px 0 0!important;max-height:92dvh!important;padding:12px 17px calc(17px + env(safe-area-inset-bottom))!important}}

body .xp82-health{position:fixed!important;z-index:2147481800!important;left:9px!important;right:9px!important;top:9px!important;padding:10px 13px!important;border-radius:12px!important;background:#64252c!important;color:#fff!important;font:600 12px/1.5 Kanit,system-ui,sans-serif!important;box-shadow:0 7px 24px #0018!important;text-align:center!important}
/* Hidden state must outrank every modal layout declaration. */
#xp82PopupLayer.xp82-layer[hidden],#xp82PopupLayer.xp82-layer[aria-hidden="true"]{display:none!important}