/* 7-Eleven Thailand campaign — aligned with 7eleven.co.th */
html,body{margin:0;padding:0;background:#fff}
.sej-shell{min-height:100vh;background:#fff;color:#222;font-family:"Hiragino Sans","Yu Gothic",Meiryo,Arial,sans-serif;font-size:15px}
.sej-header{background:#fff}
.sej-header__bar{height:8px;background:#008833}
.sej-header__row{max-width:960px;margin:0 auto;padding:16px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sej-header__row img{height:32px;width:auto;max-width:210px;object-fit:contain;display:block}
.sej-main{max-width:720px;margin:0 auto;padding:14px 12px 28px}
.sej-hero{background:#f4f4f4;border:1px solid #e0e0e0;padding:16px 14px}
.sej-hero h1{margin:0 0 8px;font-size:20px;line-height:1.35;color:#008833}
.sej-hero p{margin:0;font-size:13px;line-height:1.65;color:#444}
.sej-hero ul{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.55;color:#555}
.sej-panel{margin-top:12px;background:#f4f4f4;border:1px solid #e0e0e0;padding:16px 14px}
.sej-panel h2{margin:0 0 10px;font-size:17px;color:#222}
.sej-field{margin-top:12px}
.sej-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.sej-phone{display:flex;gap:8px}
.sej-phone .sej-cc{flex:0 0 72px;text-align:center;background:#fafafa}
.sej-phone input{flex:1;min-width:0;height:46px;border:1px solid #ccc;border-radius:4px;padding:0 12px;font-size:16px}
.sej-phone input:focus{outline:none;border-color:#008833;box-shadow:0 0 0 2px rgba(0,136,51,.15)}
.sej-btn{display:block;width:100%;height:48px;margin-top:14px;border:0;border-radius:4px;background:#008833;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.sej-btn:disabled{opacity:.55;cursor:not-allowed}
.sej-btn--red{background:#e60012}
.sej-wheel-wrap{display:none;margin-top:12px;text-align:center;padding:22px 14px 16px;border-radius:18px;background:radial-gradient(circle at 50% 42%,#1f8a45 0%,#0c4d28 72%);box-shadow:0 10px 28px rgba(8,60,28,.18)}
.sej-wheel-wrap.is-on{display:block}
.sej-wheel-wrap.is-ready .sej-wheel{cursor:pointer}
#sej-wait{display:none;position:fixed;inset:0;z-index:5500;background:rgba(255,255,255,.92);align-items:center;justify-content:center}
#sej-wait.is-open{display:flex}
.sej-wait-card{text-align:center}
.sej-wait-spin{width:48px;height:48px;margin:0 auto 14px;border:3px solid #c8e6d0;border-top-color:#008833;border-radius:50%;animation:sejspin .75s linear infinite}
.sej-wait-card p{margin:0;font-size:15px;font-weight:700;color:#145c32}
@keyframes sejspin{to{transform:rotate(360deg)}}
.sej-wheel-box{position:relative;width:min(100%,340px);margin:0 auto;padding-top:14px}
.sej-wheel-pointer{position:absolute;left:50%;top:2px;z-index:2;width:28px;height:36px;transform:translateX(-50%);background:linear-gradient(180deg,#ff4d4d,#c40012);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 2px rgba(0,0,0,.28))}
.sej-wheel{display:block;width:100%;height:auto;border-radius:50%;will-change:transform}
.sej-wheel-wrap .sej-foot{color:#e8ffe8;font-size:13px;font-weight:700}
.sej-foot{margin-top:16px;font-size:11px;color:#888;text-align:center;line-height:1.5}
.sej-sitefoot{background:#f3f3f3;border-radius:28px 28px 0 0;padding:40px 24px 48px;text-align:center}
.sej-sitefoot>img{height:34px;width:auto;max-width:220px}
.sej-sitefoot__nav{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:40px}
.sej-sitefoot__nav a{color:#222;font-size:18px;font-weight:500;text-decoration:none;border-bottom:3px solid #ff6600;padding-bottom:3px;line-height:1.35}
.sej-ig{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-top:36px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sej-ig svg{width:30px;height:30px;fill:none;stroke:#ff6600;stroke-width:1.8}
.sej-ig svg circle:last-child{fill:#ff6600;stroke:none}
.sej-copy{max-width:340px;margin:32px auto 0;font-size:14px;line-height:1.55;color:#222}
.sej-legal{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:26px}
.sej-legal a{color:#222;font-size:16px}
#toast{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);color:#fff;padding:12px 16px;font-size:14px;z-index:5000;border-radius:8px;max-width:min(88vw,340px);text-align:center}
#sej-modal{display:none;position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:16px}
#sej-modal.is-open{display:flex}
.sej-modal-card{width:min(100%,400px);background:#fff;border-radius:12px;padding:22px 18px 18px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.sej-modal-card h3{margin:0 0 8px;font-size:20px;color:#e60012}
.sej-modal-card .sej-pts{font-size:32px;font-weight:900;color:#008833;margin:8px 0}
.sej-modal-card p{margin:0;font-size:14px;line-height:1.6;color:#444}
.sej-modal-card .sej-btn{margin-top:16px}
.sej-modal-activate{margin:12px 0 0;font-size:14px;font-weight:600;color:#0a3d22;line-height:1.5}
.sej-modal-note{margin-top:10px;font-size:12px;color:#666;line-height:1.5}