@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
html{background:#f6f4ef}body{font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;color:#292929}.app-shell{max-width:534px;container-type:inline-size;background:#fff;box-shadow:0 0 25px #51320e08;border-radius:0;margin-top:0;min-height:100dvh;overflow:clip}.topbar,.bottom-nav{display:none!important}main{padding-bottom:0;min-height:100dvh;outline:none}.ref-sprite{display:block;width:100%;height:auto;fill:initial;stroke:none;stroke-width:0;overflow:hidden}.ref-member-page{background:linear-gradient(#fffcf6 0,#fff 72%);min-height:100dvh;padding-top:2.734375cqw;padding-bottom:3cqw}.ref-member-panel{margin:0 4.1015625cqw;border-radius:3.125cqw;overflow:hidden;box-shadow:0 1.4cqw 3cqw #aa731717}.ref-member-hero{position:relative}.ref-privileges{position:absolute;right:1%;top:25%;width:20%;height:37%;background:transparent;border-radius:12px}.ref-member-card{position:relative;aspect-ratio:470/158}.ref-card-art{position:absolute;inset:0;height:100%}.ref-qr{position:absolute;left:4.25%;top:7%;width:28.5%;height:85.5%;border-radius:2.2cqw;padding:1.8cqw;background:white;display:grid;place-items:center}.ref-qr img{width:100%;height:100%;object-fit:contain}.ref-member-details{position:absolute;left:35.45%;top:8.8%;width:46.7%;height:83%;background:linear-gradient(112deg,#fffaf2,#fcf5e9);padding:.25cqw .15cqw;color:#292929}.ref-name{display:flex;align-items:center;gap:.8cqw;white-space:nowrap;font-size:3.4cqw;line-height:1.5}.ref-name strong{overflow:hidden;text-overflow:ellipsis}.ref-name button{background:none;padding:0;min-height:5cqw;display:grid;place-items:center;flex-shrink:0}.ref-name svg{height:3.4cqw;width:3.4cqw}.ref-number{font-size:2.55cqw;line-height:1.65;white-space:nowrap;letter-spacing:-.06cqw}.ref-score{display:flex;align-items:center;gap:1.6cqw;margin:.8cqw 0 .45cqw;border-bottom:1px solid #b8b1a7;padding-bottom:.6cqw;height:7cqw;color:#bf1819}.ref-score strong{font-size:4.4cqw;font-weight:700;white-space:nowrap;line-height:1.5}.ref-score small{font-size:3.4cqw;font-weight:600}.ref-crown{height:4.7cqw;width:4.7cqw;background:linear-gradient(135deg,#f6dfa3,#d3a350);border-radius:50%;color:white;box-shadow:inset 0 0 0 2px #f5dcb1;display:grid;place-items:center}.ref-crown svg{width:3cqw;height:3cqw}.ref-expiry{font-size:2.5cqw;line-height:1.7;color:#929393;white-space:nowrap}.ref-expiry button{font:inherit;color:inherit;min-height:4.5cqw;padding:0;background:none}.ref-expiry svg{height:2.6cqw;width:2.6cqw}.ref-member-tabs{display:flex;margin:0 4.1015625cqw;height:11.1328125cqw;position:relative;align-items:stretch;border-bottom:.68cqw solid #efddbc;box-shadow:0 1.3cqw 2cqw #8f652708}.ref-member-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:2cqw;min-width:0;color:#292929;background:none;font-size:3.4cqw;font-weight:700;position:relative;padding:0}.ref-member-tabs svg{height:4.5cqw;width:4.5cqw;stroke-width:2.4}.ref-member-tabs button.selected{color:#df141b}.ref-member-tabs button.selected:after{content:'';position:absolute;bottom:-.68cqw;left:0;right:0;height:.68cqw;border-radius:.7cqw;background:#df171d}.ref-member-tabs button:first-child svg{transform:rotate(-12deg);fill:#e91b23;stroke:white}.ref-empty-coupons{text-align:center;padding:3.9cqw 4.1cqw 0}.ref-empty-art{width:48.828125cqw;display:block;margin:auto}.ref-empty-coupons h1{font-size:3.5cqw;line-height:1.6;font-weight:600;letter-spacing:-.08cqw;margin:1.6cqw 0 .25cqw;white-space:nowrap}.ref-empty-coupons p{color:#92949a;font-size:3.05cqw;line-height:1.8;margin:0}.ref-exchange{display:block;background:none;padding:0;width:80.859375cqw;margin:3cqw auto 0;min-height:0;box-shadow:none}.ref-expired{margin:3.9cqw 4.1cqw 0;padding-top:2.7cqw;border-top:1px solid #e3e3e3}.ref-expired h2{display:flex;align-items:center;gap:1.5cqw;font-size:3.4cqw;font-weight:600;line-height:1.8}.ref-expired h2 svg{width:3.7cqw;height:4.4cqw;fill:#292929;color:#fff;stroke-width:2}.ref-expired-row{display:flex;align-items:flex-start;gap:2.7cqw;margin-top:3.8cqw}.ref-expired-thumb{width:25.390625cqw;flex:0 0 25.390625cqw;border-radius:1cqw;overflow:hidden}.ref-expired-row>img{width:25.4cqw;height:15.2cqw;object-fit:contain}.ref-expired-row p{color:#72757a;font-size:2.75cqw;line-height:1.45;margin:0 0 1.7cqw}.ref-expired-row span{display:inline-block;border:1px solid #a9acb2;color:#93969d;font-size:2.6cqw;line-height:1.4;border-radius:5cqw;padding:.6cqw 2.3cqw}.ref-sample{font-size:2cqw;color:#b6aaa0;text-align:center;margin:8cqw 3cqw 1cqw;line-height:1.8}.ref-active-coupons{display:grid;gap:12px;margin:22px 4.1cqw}.ref-member-page .coupon-card{font-size:3cqw}.ref-member-page .coupon-head h3{font-size:3.5cqw}.ref-sub-header{height:58px;padding:6px 16px;background:#fffdf6;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee2ce;color:#a5121c}.ref-sub-header button{height:44px;width:44px;background:none;color:inherit}.ref-sub-header strong{font-size:15px}.ref-voucher-page{background:#fcf8ec;min-height:100dvh;padding-bottom:3cqw}.ref-voucher-header{position:relative}.ref-voucher-nav{position:absolute;display:flex;right:3.55%;top:8.76%;width:29%;height:32.1%;gap:7%}.ref-voucher-nav button{position:relative;padding:0;background:none;border-radius:50%;flex:1;min-width:0}.ref-cart-badge{position:absolute;right:0;top:-.2cqw;min-width:3.3cqw;height:3.3cqw;display:grid;place-items:center;font-size:2.1cqw;line-height:1;border-radius:50%;background:#e21b24;color:white;border:1px solid white;font-family:Arial,sans-serif}.ref-voucher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25cqw 2.8cqw;padding:1.12cqw 4.3cqw 0}.ref-voucher-card{border-radius:3cqw;background:#fffdf6;overflow:hidden;box-shadow:0 .8cqw 2.2cqw #9b70291a;border:1px solid #f5ecdc}.ref-voucher-art{width:100%;overflow:hidden}.ref-voucher-body{padding:1.1cqw 2.5cqw 2cqw}.ref-voucher-body h1{font-size:2.77cqw;line-height:1.2;font-weight:500;letter-spacing:0;margin:0 0 1.25cqw}.ref-voucher-price{font-size:4.2cqw;color:#df111a;font-weight:700;white-space:nowrap;line-height:1.5}.ref-voucher-price del{font-size:2.6cqw;color:#9da1a8;font-weight:500;vertical-align:middle;margin-left:.5cqw}.ref-voucher-date{color:#9ea2ab;font-size:2.3cqw;line-height:1.7;font-weight:500;display:flex;align-items:center;gap:.6cqw}.ref-voucher-date svg{width:2cqw;height:2cqw;stroke-width:1.7}.ref-voucher-progress{height:1.1cqw;background:#dedfe1;border-radius:2cqw;overflow:hidden;margin:.8cqw 0 1.9cqw}.ref-voucher-progress span{display:block;height:100%;background:linear-gradient(90deg,#dd121e,#efc25c);border-radius:2cqw}.ref-voucher-actions{display:flex;gap:1.9cqw;align-items:center}.ref-cart-add{flex:0 0 8.5cqw;border:1px solid #e21620;border-radius:3.3cqw;min-height:7.3cqw;display:grid;place-items:center;color:#ed1320;background:#fffef8;padding:0}.ref-cart-add svg{width:4.6cqw;height:4.6cqw;stroke-width:1.9}.ref-buy{flex:1;display:flex;align-items:center;justify-content:center;gap:1.5cqw;background:linear-gradient(#df1820,#bd0e16);color:white;min-height:7.3cqw;border-radius:2.4cqw;font-size:2.8cqw;font-weight:700;box-shadow:0 .6cqw 1.1cqw #c73f2520;padding:1cqw}.ref-buy svg{width:2.9cqw;height:2.9cqw}.ref-cart-row{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);font-size:13px}.ref-cart-row small{color:var(--red);font-size:15px}.ref-cart-row button{background:none;min-width:44px;min-height:44px;color:var(--red)}.ref-map-page{background:#fff;min-height:100dvh;color:#333}.ref-map-photo{position:relative}.ref-map-search{position:absolute;top:0;left:0;right:24%;height:8cqw;background:#fff;border-radius:0 0 5cqw 0;display:flex;align-items:center;gap:1.6cqw;padding:0 2.5cqw;box-shadow:0 1px 4px #0002;font-size:3.1cqw;white-space:nowrap}.ref-map-search span{overflow:hidden;text-overflow:ellipsis;flex:1}.ref-map-search button{background:none;color:#707070;padding:0;min-width:4.5cqw;height:7.8cqw;font-size:5cqw}.ref-map-search svg{width:4cqw;height:4cqw}.ref-map-title{padding:3.8cqw 5.8cqw 2.5cqw}.ref-map-title h1{font-size:4.55cqw;line-height:1.45;font-weight:400;letter-spacing:-.15cqw}.ref-map-title p{font-size:3cqw;line-height:1.7;color:#777;margin-top:1.7cqw}.ref-map-title p span{color:#ffbd00;font-size:3.6cqw;letter-spacing:.1cqw;margin-left:1.5cqw}.ref-map-title p small{font-size:3cqw}.ref-map-title .ref-map-category{font-size:3cqw;margin:0}.ref-map-tabs{display:flex;padding:0 4.7cqw;border-bottom:1px solid #ddd;box-shadow:0 1px 2px #0001}.ref-map-tabs button{flex:1;background:none;position:relative;padding:3.7cqw 0;font-size:3.1cqw;color:#7d7d7d}.ref-map-tabs button.selected{color:#198c99}.ref-map-tabs button.selected:after{content:'';position:absolute;height:.7cqw;background:#168896;bottom:0;left:0;right:0;border-radius:1cqw}.ref-map-tools{display:flex;padding:3.4cqw 4.5cqw 3.1cqw;gap:1cqw;border-bottom:1px solid #f0f0f0}.ref-map-tools button{flex:1;background:none;font-size:2.7cqw;color:#287e8c;line-height:1.5;padding:0;display:flex;align-items:center;flex-direction:column}.ref-map-tools i{font-style:normal;height:9.7cqw;width:9.7cqw;display:grid;place-items:center;border-radius:50%;background:#d5f7fb;color:#208e9e;font-size:5cqw;margin-bottom:2cqw}.ref-map-tools i svg{width:4.8cqw;height:4.8cqw}.ref-map-tools button:first-child i{background:#008596;color:#fff}.ref-map-service{padding:6.1cqw 5.8cqw 5.1cqw;display:flex;align-items:center;gap:2.5cqw;font-size:3cqw;border-bottom:1px solid #e7e7e7}.ref-map-service span{color:#43965c;font-size:4.5cqw}.ref-map-service svg{margin-left:auto;width:3.2cqw;height:3.2cqw}.ref-map-address{display:flex;align-items:flex-start;gap:4.7cqw;padding:5.5cqw 6cqw;font-size:3.1cqw;line-height:1.6}.ref-map-address>svg{color:#168b98;width:4.6cqw;height:4.6cqw;flex-shrink:0;margin-top:.5cqw}.ref-map-address p{margin-top:5cqw}.ref-map-return{padding:0 6cqw}.ref-map-return button{display:flex;align-items:center;gap:6px;background:none;color:#198b99;font-size:12px;min-height:44px}.ref-map-return svg{width:16px}.ref-voucher-page .ref-sample{margin-top:5cqw}.ref-map-page .ref-sample{margin-top:3cqw}.ref-map-page .ref-map-search button:focus-visible,.ref-privileges:focus-visible{outline:2px solid #d6a34c}
@media(min-width:600px){.app-shell{margin-top:0;border-radius:0}.sheet{border-radius:24px}.ref-member-page{min-height:100dvh}.ref-voucher-page{min-height:100dvh}}@media(max-width:359px){.ref-member-details{width:47.5%}.ref-expiry{font-size:2.42cqw}.ref-number{font-size:2.4cqw}.ref-empty-coupons h1{font-size:3.4cqw}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}
.ref-map-canvas{position:relative}.ref-map-hot-menu,.ref-map-hot-close,.ref-map-hot-tools button,.ref-map-hot-tabs button{position:absolute;background:transparent;padding:0;border-radius:8px}.ref-map-hot-menu{left:1%;top:0;width:9%;height:5.2%}.ref-map-hot-close{left:65%;top:0;width:10%;height:5.2%}.ref-map-hot-tabs{position:absolute;left:3%;right:3%;top:50.6%;height:6.3%;display:flex}.ref-map-hot-tools{position:absolute;left:5%;right:4%;top:58.5%;height:13%;display:flex}.ref-map-hot-tools button,.ref-map-hot-tabs button{position:relative;flex:1}.ref-map-return{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.ref-expired h2 .ref-expired-icon{height:4.9cqw;width:3.7cqw;fill:initial;stroke:none}
/* Native, selectable Thai lettering keeps the member header sharp at every pixel density. */
.member-header-native{aspect-ratio:470/131;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#d81420 0%,#e52125 48%,#bb101c 100%);color:#fff8e7}.member-header-pattern{position:absolute;inset:0;z-index:-1;opacity:.12;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 6px,#f7bf75 7px 8px,transparent 9px 14px);background-size:44px 25px}.member-header-clouds{position:absolute;inset:0;width:100%;height:100%;fill:initial;stroke:none;pointer-events:none;z-index:2}.member-header-brand{position:absolute;top:12%;left:3.6%;width:25%;text-align:center;z-index:3}.member-header-wordmark{display:flex;align-items:center;justify-content:center;gap:.75cqw;white-space:nowrap;line-height:1.1}.member-header-wordmark strong{font-size:3.8cqw;font-weight:700;letter-spacing:-.12cqw;text-shadow:0 1px 1px #91091944}.member-header-wordmark>svg{width:3.1cqw;height:4cqw;stroke-width:1.9;flex-shrink:0}.member-header-roman{display:block;font:600 1.45cqw/1.4 Arial,sans-serif;letter-spacing:.55cqw;margin-top:.3cqw;padding-left:3.7cqw}.member-header-tier{position:absolute;top:49%;left:3.6%;width:22%;height:25.5%;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#f4d48f,#ffedbb);color:#ad151c;border-radius:8cqw;font-weight:700;font-size:4cqw;line-height:1;z-index:3;box-shadow:0 1px 3px #7c040e22}.member-header-tagline{position:absolute;left:3.6%;bottom:6%;width:31%;font-size:1.97cqw;line-height:1.5;font-weight:500;white-space:nowrap;z-index:3;color:#fff5df}.member-header-character{position:absolute;left:26.17%;top:4.58%;width:22.77%;z-index:1;pointer-events:none}.member-header-character .ref-sprite{width:100%;height:auto}.member-header-account{position:absolute;left:49%;right:3.2%;top:37%;z-index:3}.member-header-title-row{display:flex;align-items:center;justify-content:space-between;gap:.9cqw;min-width:0}.member-header-title-row h2{font-size:2.95cqw;font-weight:700;line-height:1.5;white-space:nowrap;color:#fff8e9;letter-spacing:-.04cqw}.member-header-native .ref-privileges{position:static;display:flex;align-items:center;justify-content:flex-end;gap:.25cqw;flex-shrink:0;right:auto;top:auto;width:auto;height:auto;min-height:4.5cqw;padding:0;background:none;border-radius:3px;color:#ffe09c;font-size:2.14cqw;line-height:1.5;font-weight:600;white-space:nowrap}.member-header-native .ref-privileges svg{width:2cqw;height:2cqw;stroke-width:2.4}.member-header-progress{height:2.5cqw;border:.35cqw solid #ffecbe;border-radius:8cqw;overflow:hidden;margin:.9cqw 0 1.35cqw;background:#af10162b}.member-header-progress span{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#fff6d7,#f6dfa7);border-radius:8cqw}.member-header-total{font-size:2.2cqw;line-height:1.5;color:#fff8e8;white-space:nowrap;letter-spacing:0}.member-header-total strong{font-weight:700}.member-header-caption{font-size:1.95cqw;line-height:1.55;color:#ffeacb;white-space:nowrap;margin-top:.4cqw;letter-spacing:0}@media(max-width:359px){.member-header-title-row h2{font-size:3cqw}.member-header-native .ref-privileges{font-size:2.13cqw}.member-header-wordmark strong{font-size:3.85cqw}}
.member-header-wordmark strong{font-size:4.7cqw;letter-spacing:-.12cqw}.member-header-account{top:27%}.member-header-title-row h2{font-size:3.55cqw;line-height:1.45}.member-header-native .ref-privileges{font-size:2.45cqw}.member-header-total{font-size:2.6cqw}.member-header-caption{font-size:2.3cqw;line-height:1.4}.member-header-tagline{font-size:2.15cqw}@media(max-width:359px){.member-header-wordmark strong{font-size:4.7cqw}.member-header-title-row h2{font-size:3.55cqw}.member-header-native .ref-privileges{font-size:2.4cqw}}
.member-header-character img{display:block;width:100%;height:auto;object-fit:contain}.member-header-character{background:transparent}