.page-state[data-v-beb45b75]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center}.page-state__spinner[data-v-beb45b75]{width:22px;height:22px;border:2.5px solid var(--line, #d8e2dd);border-top-color:var(--accent, #0e8a5f);border-radius:50%;animation:ps-spin-beb45b75 .9s linear infinite}.page-state__icon[data-v-beb45b75]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface2, #eef2f0);color:var(--ink2, #5c6a63);font-weight:700}.page-state__title[data-v-beb45b75]{margin:0;font-size:14px;font-weight:600;color:var(--ink, #1c2420)}.page-state__desc[data-v-beb45b75]{margin:0;font-size:12.5px;color:var(--ink2, #5c6a63);max-width:300px}@keyframes ps-spin-beb45b75{to{transform:rotate(1turn)}}:root{--brand: #D96A15;--brand-strong: #B85510;--brand-grad: linear-gradient(132deg, #E5761D 0%, #C45A0E 100%);--brand-txt: #C05E10;--brand-tint: #FCEFE3;--brand-tint-txt: #A44E0E;--caramel: #2E1D10;--ink: #141517;--ink2: #6B6F6D;--ink3: #9A9C99;--ink4: #B9BBB8;--ground: #FAFAF9;--surface: #ffffff;--surface2: #F1F1EF;--line: #EEEEEC;--line2: #E2E2E0;--ok: #167A4C;--danger: #B3372B;--danger-tint: #F9ECEA;--accent: var(--brand);--accent-ink: var(--brand-txt);--accent-soft: var(--brand-tint);--warn: var(--brand-tint-txt);--danger-soft: var(--danger-tint);--r-lg: 14px;--r: 12px;--r-sm: 10px;--shadow-brand: 0 6px 16px rgba(217, 106, 21, .3);--shadow-card: 0 2px 10px rgba(31, 31, 31, .05);--ease-out: cubic-bezier(.22, 1, .36, 1);--font: -apple-system, "Noto Sans Thai", "Noto Sans SC", "Helvetica Neue", sans-serif;--font-num: Archivo, -apple-system, "Helvetica Neue", sans-serif;--z-sticky: 10;--z-header: 15;--z-tabbar: 20;--z-overlay: 40;--z-toast: 50}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit}.page{padding:calc(14px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;box-shadow:var(--shadow-card)}.card+.card,.card+form.card{margin-top:11px}.stack>*+*{margin-top:11px}h2.sec,.sec{margin:0 0 10px;font-size:14.5px;font-weight:700}.localebtn{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line2);color:var(--ink);border-radius:999px;min-height:32px;padding:4px 13px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.localerow{width:100%;display:flex;align-items:center;gap:8px;background:none;border:0;border-bottom:1px solid var(--surface2);padding:14px 2px;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;font-family:inherit}.localerow:last-child{border-bottom:0}.localerow:active{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:48px;padding:11px 18px;border-radius:var(--r-sm);border:1.5px solid transparent;font-size:14.5px;font-weight:700;cursor:pointer;transition:transform .16s var(--ease-out),opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn--primary:active:not(:disabled){background:var(--brand-strong)}.btn--ghost{background:var(--surface);border-color:var(--line2);color:var(--ink2)}.btn--brand-ghost{background:var(--surface);border-color:var(--brand);color:var(--brand-txt)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--sm{width:auto;min-height:34px;padding:5px 15px;font-size:12.5px;box-shadow:none;border-radius:9px}.input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--surface);font-size:14.5px;color:var(--ink);transition:border-color .15s}.input::placeholder{color:var(--ink3)}.input:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}textarea.input{min-height:72px;resize:vertical}label.field{display:block;font-size:12.5px;font-weight:700;color:var(--ink2)}label.field>.input,label.field>select{margin-top:6px}form .field+.field,form .field+.btn,form .check+.btn{margin-top:12px}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--surface2)}.row:last-child{border-bottom:0}.row--click{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--surface2);padding:13px 0;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:inherit;color:inherit;transition:opacity .12s}.row--click:active{opacity:.6}.row--click:last-child{border-bottom:0}.row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{font-weight:600;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.row__sub{font-size:12px;color:var(--ink3)}.thumb{width:52px;height:52px;border-radius:9px;object-fit:cover;background:var(--surface2);flex:none}.chev{color:#c9cbc8;font-size:16px}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;background:var(--surface2);color:var(--ink2)}.pill--ok{background:transparent;color:var(--ok);padding-left:0;padding-right:0}.pill--warn{background:transparent;color:var(--brand-txt);padding-left:0;padding-right:0}.pill--danger{background:var(--danger-tint);color:var(--danger)}.pill--brand{background:var(--brand-tint);color:var(--brand-tint-txt)}.pill--outline{background:var(--surface);border:1px solid var(--line2);color:var(--ink2)}.price{color:var(--brand-txt);font-weight:700;font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.price--big{font-size:26px}.price--was{color:var(--ink4);font-weight:500;font-family:var(--font);font-size:.8em;text-decoration:line-through;margin-left:6px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.error-text{color:var(--danger);font-size:13px;margin:8px 0 0}.hint{color:var(--ink3);font-size:12.5px;margin:6px 0 0}.check{display:flex;align-items:center;gap:8px;font-size:14px}.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:4px}.seg>button{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;font-size:13.5px;font-weight:600;color:var(--ink3);cursor:pointer;transition:color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg>button.active{background:var(--brand);color:#fff;font-weight:700}.stepper{display:flex;align-items:center;border:1px solid var(--line2);border-radius:var(--r-sm);overflow:hidden}.stepper>button{width:38px;height:40px;border:0;background:var(--surface);font-size:18px;font-weight:600;color:var(--ink);cursor:pointer}.stepper>button:disabled{color:var(--ink4);cursor:default}.stepper>span{min-width:38px;text-align:center;font-family:var(--font-num);font-weight:600;font-size:14.5px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--line);padding:8px 10px calc(6px + env(safe-area-inset-bottom));z-index:var(--z-tabbar)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:0;background:none;font-size:10.5px;font-weight:500;color:var(--ink3);cursor:pointer;position:relative;transition:color .15s}.tabbar__item.active{color:var(--brand-txt);font-weight:700}.tabbar__icon{display:flex;line-height:1}.tabbar__icon svg{display:block}.tabbar__item.active .tabbar__icon{color:var(--brand)}.tabbar__badge{position:absolute;top:-2px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:700;line-height:16px}.tabbar__badge.pop{animation:badge-pop .35s var(--ease-out)}@keyframes badge-pop{40%{transform:scale(1.35)}to{transform:scale(1)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14151773;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;animation:fade-in .16s var(--ease-out)}.overlay--sheet{align-items:flex-end}.dialog{width:calc(100% - 72px);max-width:420px;background:var(--surface);border-radius:18px;padding:24px 22px 18px;box-shadow:0 24px 60px #00000047;animation:dialog-in .2s var(--ease-out)}.dialog__icon{width:46px;height:46px;border-radius:50%;background:var(--brand-tint);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:21px;color:var(--brand-txt)}.dialog__title{font-size:16px;font-weight:700;color:var(--ink);text-align:center;margin:12px 0 0}.dialog__desc{font-size:13px;color:var(--ink2);text-align:center;line-height:1.6;margin:6px 0 0}.dialog__actions{display:flex;gap:10px;margin-top:18px}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:20px 20px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #0000002e;animation:sheet-in .22s var(--ease-out)}.sheet__grab{width:38px;height:4px;border-radius:999px;background:var(--line2);margin:0 auto 14px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(110px + env(safe-area-inset-bottom));background:#141517eb;color:#fff;border-radius:999px;padding:10px 20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;z-index:var(--z-toast);box-shadow:0 8px 24px #0000004d;animation:toast-in .25s var(--ease-out);pointer-events:none}.toast__ok{color:#7bd8a5}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.94)}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes route-in{0%{opacity:0;transform:translateY(5px)}}.page,.paypage{animation:route-in .18s var(--ease-out)}@media(prefers-reduced-motion:reduce){.page,.paypage{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}