*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0B;-webkit-text-size-adjust:100%}
a{color:#E8B84A}a:hover{color:#F5D27E}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid #F5D27E;outline-offset:2px}
.fab,.mbar{display:none}
@media (max-width:760px){
 body{padding-bottom:78px}
 .u-left{display:none}
 .nav{flex-wrap:nowrap!important;overflow-x:auto;width:100%;order:3;gap:20px!important;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}
 .line-btn{display:none!important}
 .logo-main{font-size:16px!important}
 .hero-wrap{padding:24px 14px 32px!important}
 .hero-card{padding:22px!important}
 .hero-h1{font-size:34px!important}
 .h2-xl{font-size:28px!important}
 .promo-box{margin:12px!important;padding:18px!important}
 .promo-title{font-size:28px!important}
 .band{padding:22px!important}
 main{padding-left:16px!important;padding-right:16px!important}
 .ev-main{padding-top:28px!important}
 .fab{display:flex;position:fixed;right:16px;bottom:90px;width:56px;height:56px;border-radius:50%;background:#06C755;color:#FFF;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4);z-index:20}
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;padding:10px 16px 14px;background:#141416;border-top:2px solid #E8B84A;align-items:center;gap:12px;z-index:20}
}

@media (max-width:760px){.logo-img{height:44px!important}}

.why-grid,.steps{}
@media (max-width:900px){.why-grid{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.partner{padding-left:10px!important}.partner-lbl{font-size:9px!important;letter-spacing:1px!important}.steps{grid-template-columns:minmax(0,1fr)!important}}

#thisweek{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
.hdr-cta a{white-space:nowrap}
@media (max-width:1440px){.nav{gap:4px 16px!important;font-size:15px!important}.line-btn{font-size:0!important;padding:0 13px!important}}
html[lang="th"] [style*="letter-spacing"]{letter-spacing:.2px!important}
.logo-img,img[src*="wtn-logo"]{width:auto!important;object-fit:contain}
.steps>li{display:flex;flex-direction:column}
.steps>li>a{margin-top:auto!important;padding-top:12px;align-self:flex-start}
