@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:Kanit,sans-serif;font-weight:300}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100vh}body,span.text-gold{text-decoration:none!important}body{line-height:1;background-image:url(/assets/img/bg02.png);background-size:cover;background-attachment:fixed;background-position:50%}body.body-page-cards,body.body-page-life-barcode,body.body-page-profile{background-image:url(/assets/img/bg03.png)}a[href^=tel]{color:inherit;text-decoration:none}@media (hover:none) and (pointer:coarse),(max-width:768px){body{background-attachment:scroll}}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#0d1520;--bg-card:#1a1a1a;--bg-card-hover:#2a2a2a;--gold-primary:#c9a227;--gold-light:#e8c860;--gold-dark:#a68523;--gold-strong:#ffa500;--gold-accent:#f0c674;--gold-gradient:linear-gradient(135deg,#fceabb,#f8b500 50%,#bf8728);--gold-text-gradient:-webkit-linear-gradient(#fceabb,#f8b500);--text-primary:#ffffff;--text-secondary:#888888;--text-gold:#c9a227;--text-muted:#cccccc;--gold-shadow:rgba(201,162,39,0.4);--card-shadow:0 8px 20px rgba(0,0,0,0.3);--card-shadow-hover:0 12px 30px rgba(0,0,0,0.5);--font-cinzel:var(--font-cinzel)}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{color:var(--text-primary);max-width:100%;justify-content:center}.app-viewport,body{min-height:100vh;width:100%;overflow-x:hidden;display:flex}.app-viewport{position:relative;flex-direction:column;background-image:var(--bg-main-image);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.mobile-container{width:100%;height:100%;position:relative}.app-content{flex:1 1;padding-top:50px;width:100%;position:relative;z-index:5}.no-padding{padding-top:0!important}.text-gold-gradient{background:var(--gold-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.starfield:after,.starfield:before{content:"";position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:25px 50px 0 rgba(255,215,0,.3),50px 100px 0 rgba(255,255,255,.2),100px 150px 0 rgba(240,198,116,.4),150px 75px 0 rgba(255,255,255,.15),200px 200px 0 rgba(255,215,0,.25),250px 50px 0 rgba(255,255,255,.2),300px 175px 0 rgba(240,198,116,.3),75px 225px 0 rgba(255,255,255,.15),125px 275px 0 rgba(255,215,0,.2),175px 325px 0 rgba(255,255,255,.25),225px 375px 0 rgba(240,198,116,.35);animation:twinkle 4s ease-in-out infinite}.starfield:after{animation-delay:2s;transform:translateX(50px) translateY(30px)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.satthra-menu-toggle{position:absolute;right:15px;top:40%;transform:translateY(-50%);width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:99999;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.satthra-menu-toggle:focus{outline:none}.satthra-menu-toggle .bar{display:block;width:24px;height:2px;background-color:var(--header-hamburger-color);transition:all .3s ease;border-radius:2px}.satthra-menu-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px);background-color:#f0c674}.satthra-menu-toggle.active .bar:nth-child(2){opacity:0;transform:translateX(-20px)}.satthra-menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background-color:#f0c674}.satthra-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0A0F16,#0A131B);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.satthra-menu-overlay.active{opacity:1;visibility:visible}.satthra-menu-inner{display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden}.satthra-menu-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0;border-bottom:1px solid rgba(212,175,55,.2)}.satthra-menu-title{font-family:Kanit,Prompt,sans-serif;font-size:1.25rem;font-weight:500;color:#D4AF37}.satthra-profile-info{flex:1 1;min-width:0;width:100%;height:auto;min-height:75px;border:1.96px solid #d4af3766!important}.satthra-menu-close{width:40px;height:40px;border-radius:20%;border:1px solid #d4af37;background:transparent;color:#D4AF37;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:background .2s,color .2s}.satthra-menu-close:hover{background:rgba(212,175,55,.15)}.satthra-menu-content{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:30px}.satthra-menu-card{border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(26,35,50,.8),rgba(15,24,32,.8));box-shadow:0 0 10px 0 #D4AF371A;border:.65px solid #d4af3733}.satthra-menu-card-title{font-family:Kanit,Prompt,sans-serif;font-size:1rem;font-weight:500;color:#D4AF37;margin:0 0 10px}.satthra-menu-list{list-style:none;padding:0;margin:0}.satthra-menu-list li{margin:0}.satthra-menu-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:.95rem;font-family:Kanit,Prompt,sans-serif;font-weight:300;text-decoration:none;padding:10px 0;transition:color .2s;letter-spacing:.3px}.satthra-menu-item:focus,.satthra-menu-item:hover{color:#D4AF37}.satthra-menu-icon,.satthra-menu-icon-img{flex-shrink:0;width:20px;height:20px}.satthra-menu-icon{color:#D4AF37;font-size:1rem;text-align:center}.satthra-menu-icon-img{object-fit:contain}.satthra-menu-profile{padding:14px 16px}.satthra-profile-row{display:flex;align-items:center;gap:12px}.satthra-profile-name{font-family:Kanit,Prompt,sans-serif;font-size:1.1rem;font-weight:500;color:#D4AF37}.satthra-profile-meta{font-size:.8rem;color:rgba(255,255,255,.85);margin:5px 0}.profile-section__avatar-wrap{width:90px;height:90px;position:relative;margin-bottom:10px}.profile-section__avatar-ring{width:100%;height:100%;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--cp-ring-1,#f8b500) 0,var(--cp-ring-2,#fceabb) 50%,var(--cp-ring-3,#f8b500) 100%);box-shadow:0 0 20px var(--cp-ring-shadow,rgba(248,181,0,.4));position:relative}.profile-section__avatar-ring:before{content:"";background-image:url(/assets/img/icon/icon_crown.png);position:absolute;left:50%;top:-65%;transform:translateX(-50%);width:50%;height:100%;background-repeat:no-repeat;background-size:100%;background-position:50%;display:var(--profile-crown-display,block);pointer-events:none}.profile-section__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #1a1a1a;background:#000}.satthra-profile-badge{position:absolute;bottom:-5px;left:0;display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid #d4af37;font-size:.75rem;color:#fff;background:#000;white-space:nowrap;width:max-content;z-index:2;right:0;margin:0 auto}.satthra-menu-toggle.active{position:fixed;right:15px;top:10px;transform:translateY(0)}.satthra-header{position:fixed;top:0;left:0;right:0;margin:0 auto 16px;width:100%;background:transparent;padding:25px 0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.satthra-header.scrolled{background:rgba(10,10,10,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 4px 30px rgba(0,0,0,.5)}.satthra-header .logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;text-align:center}.satthra-header .logo img{height:45px;max-width:200px}.satthra-header .logo:after{content:"";display:var(--header-logo-border-display);width:80%;height:1px;background:radial-gradient(ellipse at center,#ffffff 0,var(--header-border-color) 30%,transparent 70%);margin:10px auto 0;box-shadow:0 0 15px rgba(255,170,0,.4)}.satthra-cart-button{position:absolute;right:15px;top:8px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:99999;padding:0;display:flex;align-items:center;justify-content:center;color:var(--header-hamburger-color,#f0c674);font-size:20px;transition:all .3s ease}.satthra-cart-button:focus{outline:none}.satthra-cart-button:hover{color:#ffd700;transform:scale(1.1)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-menu{position:relative;z-index:9999}.padding-bg{width:100%;height:120px;display:block;background:transparent}footer.footer-menu a{color:var(--footer-text)!important;font-size:11px;text-decoration:none!important}footer.footer-menu a:hover{color:var(--footer-text-hover)!important}#account-actions-mobile{position:fixed;left:0;bottom:0;z-index:10000;width:100%;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom)}#account-actions-mobile .-outer-wrapper{display:flex;align-items:flex-end;position:relative}#account-actions-mobile .-left-wrapper,#account-actions-mobile .-right-wrapper{display:flex;align-items:center;justify-content:space-around;flex:1 1;height:70px;padding:10px 5px 12px;background:var(--footer-bg);position:relative;z-index:5;box-shadow:0 -4px 8px -4px rgba(0,0,0,.25)}#account-actions-mobile .-left-wrapper{border-top-left-radius:0;border-top-right-radius:35px;margin-right:-5px}#account-actions-mobile .-right-wrapper{border-top-left-radius:35px;border-top-right-radius:0;margin-left:-5px}#account-actions-mobile .-left-wrapper:before,#account-actions-mobile .-right-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:0;border-radius:inherit}#account-actions-mobile .-left-wrapper:after,#account-actions-mobile .-right-wrapper:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * env(safe-area-inset-bottom));height:env(safe-area-inset-bottom);background:var(--footer-bg)}#account-actions-mobile .-center-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;z-index:10;width:90px;margin-bottom:10px}#account-actions-mobile .-center-wrapper .-selected{width:75px;height:75px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px var(--footer-center-shadow);background:transparent;margin-bottom:8px}.-selected img{height:auto!important;max-width:90px}span.-center-wrapper.js-footer-lobby-selector.js-menu-mobile-container>span:last-child{font-size:11px;color:var(--footer-text);text-align:center;white-space:nowrap}#account-actions-mobile .-fake-center-bg-wrapper{position:absolute;left:50%;transform:translateX(-50%);bottom:-100px;z-index:3;width:120px;height:155px;pointer-events:none;filter:drop-shadow(0 -4px 4px rgba(0,0,0,.25))}#account-actions-mobile .-fake-center-bg-wrapper svg{width:100%;height:100%}#account-actions-mobile .-fake-center-bg-wrapper svg path,#account-actions-mobile .-fake-center-bg-wrapper svg rect{fill:var(--footer-bg)}#account-actions-mobile .-fake-center-bg-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:0;width:150px;height:20px;pointer-events:none}#account-actions-mobile .-fake-center-bg-bottom svg{width:100%;height:100%}#account-actions-mobile .-item-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;padding:5px;position:relative;z-index:10}.-ic-img{display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.-ic-img img{width:28px;height:28px;object-fit:contain}#account-actions-mobile .-item-wrapper .-textfooter,#account-actions-mobile .-item-wrapper .-textfooter a{font-size:11px;color:var(--footer-text);text-align:center;white-space:nowrap}#account-actions-mobile .-item-wrapper:hover .-textfooter a{color:var(--footer-text-hover)}#account-actions-mobile .-fully-overlay{display:none}.homepage-skeleton{padding:1rem;min-height:60vh;animation:homepage-skeleton-pulse 1.2s ease-in-out infinite}.homepage-skeleton__profile{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.homepage-skeleton__avatar{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12)}.homepage-skeleton__lines{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.homepage-skeleton__line{height:12px;border-radius:6px;background:rgba(255,255,255,.1);width:70%}.homepage-skeleton__line--short{width:40%}.homepage-skeleton__banner,.homepage-skeleton__card{height:120px;border-radius:12px;background:rgba(255,255,255,.08);margin-bottom:1rem}.homepage-skeleton__banner{height:80px}.homepage-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.homepage-skeleton__menu-item{height:88px;border-radius:12px;background:rgba(255,255,255,.08)}@keyframes homepage-skeleton-pulse{0%,to{opacity:1}50%{opacity:.65}}.page-title h1,.page-title h2{color:#fff;font-size:20px;margin:20px 10px}.sub-title{margin-bottom:30px}.sub-title-text{color:#fff;margin-bottom:10px}.main-wrapper{width:100%;max-width:500px;display:table;background:#2d2d2d;padding:0 0 0 20px;border-radius:20px}.fullsize-btn{width:100%}.main-btn{background-color:#735824;color:#fff;border-radius:10px;border:0;padding:10px;font-size:16px}.text-gold{color:#ffe082;font-weight:400}.text-white{color:#fff}.small-text{font-size:13px;opacity:.9;font-weight:300;line-height:1.5}.main-slider{width:100%;padding:10px 0;overflow:hidden;position:relative}.swiper{width:100%;overflow:visible;border-radius:20px;padding-left:0!important;padding-right:10px;padding-bottom:50px!important}.swiper-pagination-bullet{width:10px;height:10px;background:rgb(119 107 107);opacity:1}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fcb10d;color:#fff}.swiper-slide{position:relative}.swiper-slide,.swiper-slide .content{border-radius:20px;transition:all .5s ease}.swiper-slide .content{width:100%;aspect-ratio:2/1;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff;text-align:center;transform-origin:left center;border:2px solid #ffa500}.swiper-button-next,.swiper-button-prev{color:rgb(246,146,89)}.slider-nav .slick-list{overflow-y:auto;overflow-x:hidden}.slider-nav .slick-slide{transition:transform .3s ease}.slider-for img{max-width:50%;margin:70px auto}.multiple-items .slick-slide.slick-active{transform:scale(.55)!important}.multiple-items .slick-slide.slick-current.slick-active.slick-center{transform:scale(.8)!important}.multiple-items .slick-slide.slick-current.slick-active.slick-center img{outline:4px solid #d2af67;outline-offset:-4px;border-radius:50%;box-shadow:0 0 13px rgb(255 249 68/66%)}.miles-items .slick-slide.slick-active{transform:scale(.9)!important}.miles-items .slick-slide.slick-current.slick-active.slick-center{transform:scale(1.2)!important}.slick-slide span{font-size:14px;text-align:center;display:block;margin:15px 0;color:#fff}.slider-nav .slick-slide.slick-current.slick-active.slick-center img{border-radius:50%;box-shadow:0 0 9px 1px #ffd700;transition:all .3s ease}.slick-track{padding:10px 0}@media (min-width:768px){.swiper-slide{width:calc((100% - 80px * 2) / 3);flex-shrink:0}.swiper-slide.swiper-slide-visible.swiper-slide-active{margin-right:120px}.swiper-slide .content{transition:transform .4s ease-in-out;z-index:1}.swiper-slide.swiper-slide-active .content{transform:scale(1.2);z-index:2}.swiper-slide:not(.swiper-slide-active) .content{transform:scale(.85)}}@media (max-width:767px){.swiper{overflow:hidden}.swiper-slide{width:80%;flex-shrink:0}.swiper-slide .content{transition:transform .4s ease-in-out;z-index:1}.swiper-slide.swiper-slide-active .content{transform:scale(1);transform-origin:left center;z-index:2}.swiper-slide:not(.swiper-slide-active) .content{transform:scale(.9);position:relative;top:-6px}.swiper-slide.swiper-slide-next{transform:translateX(10px)}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:9999}.modal,.modal.hidden{display:none}.modal-content{position:relative;background:#fff;max-width:800px;width:90%;padding:30px;border-radius:15px;color:#000;border:0;overflow:scroll}.modal-content p{margin-bottom:10px}.modal-content h2{font-size:18px;margin:20px 0;font-weight:600}.modal h3{font-weight:600;margin-bottom:5px}.modal-header{border-bottom:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.1)}.modal-title{color:#ffd700;font-weight:700;text-align:center;width:100%}.modal-body{padding:20px;max-height:500px;overflow-y:auto}.modal-body p{line-height:1.8;margin-bottom:15px;text-align:justify}.modal-body h4{color:#ffd700;margin-bottom:15px}.modal-body h5{color:#ffd700;margin-top:20px;margin-bottom:10px}.modal-footer{border-top:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.05)}.close{color:#ffd700;opacity:1;text-shadow:none;font-size:30px}.close:hover{color:#fff}#closeModal{position:absolute;top:10px;right:20px;font-size:2rem;cursor:pointer;z-index:999}span#closeModal{background:#eacb75;border-radius:50%;height:20px;width:20px;text-align:center;line-height:14px;color:#a76203}span#closeModal:before{content:"Close";text-align:left;position:absolute;left:-47px;font-size:16px;top:3px;font-weight:500}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:rgba(255,215,0,.1);border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#ffd700;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffed4e}.btn-modal-close{background:linear-gradient(135deg,#8b6914,#ffd700 50%,#8b6914);color:#000;font-weight:700;border:2px solid #ffd700;border-radius:20px;padding:8px 30px}.btn-modal-close:hover{color:#000;box-shadow:0 4px 15px rgba(255,215,0,.6)}.slide-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;display:none;align-items:center;justify-content:center}.slide-modal-container{background:#fff;width:90%;max-width:500px;border-radius:20px;padding:25px 20px;animation:fadeInScale .3s ease-out;position:relative;color:#333;font-family:Kanit,sans-serif;max-height:85vh;overflow-y:auto}@keyframes fadeInScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.slide-modal-close{position:absolute;top:15px;right:15px;font-size:24px;color:#aaa;cursor:pointer}.custom-nav{display:flex;width:100%;margin:0;list-style:none;border:1px solid #dddddd2b;border-radius:10px;padding:4px;flex:1 1;text-align:center}.custom-nav>li>a{background-color:transparent;font-size:16px;color:#fff}.custom-nav>li>a:hover{background:#735824}.custom-nav>li.active>a,.custom-nav>li.active>a:focus,.custom-nav>li.active>a:hover{color:#fff;background-color:#735824;border-radius:10px;border:0;padding:10px}.nav-button-container{padding:15px 10px;gap:10px;justify-content:space-between}.nav-btn,.nav-button-container{display:flex;align-items:center}.nav-btn{flex-direction:column;justify-content:center;flex:1 1;min-width:0;height:auto;padding:10px 0;border:none;background:#6363638a;cursor:pointer;transition:all .3s ease;border-radius:10px}.nav-btn,.nav-btn:hover{text-decoration:none;color:white}.nav-btn:hover{transform:translateY(-3px)}.nav-btn.active{background-color:#c89740;border-radius:15px}.nav-btn-icon{width:45px;height:45px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.nav-btn-icon svg{width:100%;height:100%;fill:white}.nav-btn-text{font-size:14px;font-weight:400;text-align:center;color:white}