@font-face{font-family:Kanit;src:url(/assets/Kanit-Light-BHgJ55aV.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular-4aNEbE_l.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-Medium-xYE7xnre.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-SemiBold-BzKf-rFX.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-Bold-BcfnQI_R.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraBold-HxyA8Ekm.ttf)format("truetype");font-weight:800;font-style:normal}:root{--on-surface:#201f1f;--outline:#666;--primary:#fbb402;--surface-variant:#999;--surface:#fff;--secondary:#dcdcdc;--tertiary:#e0ded9;--accent:transparent;--color-9:#141210;--color-10:#333;--color-11:#efefef;--color-12:#6e6c66;--color-13:#f5f6f7;--sp-none:8px;--sp-xs:12px;--sp-sm:14px;--sp-md:20px;--sp-lg:24px;--sp-xl:28px;--sp-2xl:32px;--sp-3xl:36px;--sp-4xl:40px;--sp-10:44px;--sp-11:48px;--sp-12:72px;--sp-13:80px;--r-none:20px;--r-sm:50px;--r-2xl:50px;--r-xl:20px}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--on-surface);background:var(--color-13);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,sans-serif;font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:Kanit,sans-serif}#app{width:100%;margin:0}@keyframes modal-fade-in-2f6c323e{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in-2f6c323e{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-enter-active[data-v-2f6c323e]{animation:.2s ease-out modal-fade-in-2f6c323e}.modal-leave-active[data-v-2f6c323e]{animation:.2s ease-out reverse modal-fade-in-2f6c323e}.modal-enter-active .modal-panel[data-v-2f6c323e]{animation:.25s ease-out modal-scale-in-2f6c323e}.modal-leave-active .modal-panel[data-v-2f6c323e]{animation:.25s ease-out reverse modal-scale-in-2f6c323e}.modal-overlay[data-v-2f6c323e]{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel[data-v-2f6c323e]{background:var(--color-13);border-radius:28px;width:477px;position:relative}.modal-close[data-v-2f6c323e]{cursor:pointer;z-index:1;position:absolute;top:24px;right:24px}.modal-close svg[data-v-2f6c323e]{display:block}.modal-header[data-v-2f6c323e]{border-bottom:1px solid var(--secondary);padding:28px 32px 24px}.modal-title-row[data-v-2f6c323e]{flex-direction:column;gap:2px;display:flex}.modal-title[data-v-2f6c323e]{color:var(--on-surface);font-size:18px;font-weight:700;line-height:27px}.modal-subtitle[data-v-2f6c323e]{color:var(--color-12);font-size:14px;font-weight:300;line-height:21px}.modal-form[data-v-2f6c323e]{flex-direction:column;gap:20px;padding:24px 32px;display:flex}.field-group[data-v-2f6c323e]{flex-direction:column;gap:4px;display:flex}.field-label[data-v-2f6c323e]{color:var(--on-surface);font-size:14px;font-weight:500;line-height:21px}.input-wrap[data-v-2f6c323e]{position:relative}.input-wrap .field-input[data-v-2f6c323e]{padding-right:44px}.btn-toggle-pwd[data-v-2f6c323e]{cursor:pointer;display:flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.field-input[data-v-2f6c323e]{border:1px solid var(--surface-variant);width:100%;height:47px;color:var(--on-surface);background:0 0;border-radius:12px;outline:none;padding:0 17px;font-family:Kanit,sans-serif;font-size:14px;font-weight:300;transition:border-color .2s}.field-input[data-v-2f6c323e]::placeholder{color:var(--outline)}.field-input[data-v-2f6c323e]:focus{border-color:var(--primary)}.field-error[data-v-2f6c323e],.field-error[data-v-2f6c323e]:focus{border-color:#e74c3c}.field-err[data-v-2f6c323e]{color:#e74c3c;min-height:14px;font-size:11px;font-weight:300;line-height:14px}.verification-row[data-v-2f6c323e]{gap:12px;display:flex}.code-input[data-v-2f6c323e]{width:304px}.btn-send-code[data-v-2f6c323e]{border:1px solid var(--surface-variant);width:101px;height:47px;color:var(--surface-variant);cursor:pointer;background:0 0;border-radius:12px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-send-code[disabled][data-v-2f6c323e]{cursor:default}.btn-send-code-active[data-v-2f6c323e]{border-color:var(--primary);background:var(--primary);color:var(--on-surface);font-weight:700}.btn-send-code-active[data-v-2f6c323e]:hover{filter:brightness(.9)}.btn-submit[data-v-2f6c323e]{background:var(--primary);border-radius:var(--r-none);width:100%;height:56px;color:var(--on-surface);cursor:pointer;font-family:Kanit,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.btn-submit[data-v-2f6c323e]:disabled{opacity:.4;cursor:default}.btn-submit[data-v-2f6c323e]:hover:not(:disabled){filter:brightness(.9)}.form-error[data-v-2f6c323e]{color:#e74c3c;text-align:center;font-size:13px;font-weight:400;line-height:18px}.toggle-link[data-v-2f6c323e]{text-align:center;color:var(--color-12);font-size:14px;font-weight:300;line-height:21px}.toggle-link a[data-v-2f6c323e]{color:var(--primary);font-weight:500}.toggle-link a[data-v-2f6c323e]:hover{text-decoration:underline}.modal-footer[data-v-2f6c323e]{border-top:1px solid var(--tertiary);padding:14px 32px 20px}.footer-note[data-v-2f6c323e]{color:var(--surface-variant);font-size:12px;font-weight:300;line-height:16px}@media (width<=768px){.modal-panel[data-v-2f6c323e]{border-radius:20px;width:90vw;max-height:90vh;overflow-y:auto}.modal-header[data-v-2f6c323e]{padding:20px 20px 16px}.modal-form[data-v-2f6c323e]{padding:16px 20px}.modal-footer[data-v-2f6c323e]{padding:12px 20px 16px}.verification-row[data-v-2f6c323e]{flex-direction:column}.code-input[data-v-2f6c323e],.btn-send-code[data-v-2f6c323e]{width:100%}}@media (width<=480px){.modal-panel[data-v-2f6c323e]{border-radius:0;width:100vw;height:100vh;max-height:100vh}.modal-close[data-v-2f6c323e]{top:16px;right:16px}}@keyframes checkout-fade-in-b57bdeac{0%{opacity:0}to{opacity:1}}@keyframes checkout-scale-in-b57bdeac{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.checkout-enter-active[data-v-b57bdeac]{animation:.2s ease-out checkout-fade-in-b57bdeac}.checkout-leave-active[data-v-b57bdeac]{animation:.2s ease-out reverse checkout-fade-in-b57bdeac}.checkout-enter-active .checkout-panel[data-v-b57bdeac]{animation:.25s ease-out checkout-scale-in-b57bdeac}.checkout-leave-active .checkout-panel[data-v-b57bdeac]{animation:.25s ease-out reverse checkout-scale-in-b57bdeac}.checkout-overlay[data-v-b57bdeac]{z-index:1100;padding:var(--sp-4xl) var(--sp-md);background:#201f1f80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.checkout-panel[data-v-b57bdeac]{background:var(--color-13);border-radius:28px;flex-direction:column;width:548px;max-height:100%;display:flex;overflow:hidden}.checkout-header[data-v-b57bdeac]{padding:var(--sp-xl) var(--sp-2xl) var(--sp-md);border-bottom:1px solid var(--secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-title-row[data-v-b57bdeac]{align-items:center;gap:var(--sp-none);display:flex}.header-badge[data-v-b57bdeac]{background:#fbb4021f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.header-title[data-v-b57bdeac]{color:var(--on-surface);font-size:18px;font-weight:700;line-height:27px}.header-close[data-v-b57bdeac]{padding:3px;display:flex}.checkout-body[data-v-b57bdeac]{padding:var(--sp-xl) var(--sp-2xl);gap:var(--sp-md);flex-direction:column;display:flex;overflow-y:auto}.summary-card[data-v-b57bdeac]{padding:var(--sp-sm);background:#fafafa;border-radius:14px;flex-shrink:0;align-items:center;gap:16px;display:flex}.summary-thumb[data-v-b57bdeac]{background:var(--on-surface);object-fit:cover;border-radius:10px;flex-shrink:0;width:64px;height:48px}.summary-info[data-v-b57bdeac]{flex:1;min-width:0}.summary-name[data-v-b57bdeac]{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.summary-tag[data-v-b57bdeac]{color:var(--surface-variant);padding-top:4px;font-size:12px;font-weight:400;line-height:18px}.summary-price[data-v-b57bdeac]{color:var(--primary);padding-top:var(--sp-none);font-size:16px;font-weight:700;line-height:22px}.qty-stepper[data-v-b57bdeac]{align-items:center;gap:var(--sp-none);flex-shrink:0;display:flex}.qty-btn[data-v-b57bdeac]{background:var(--surface);border:1px solid #e0e0e0;border-radius:15px;justify-content:center;align-items:center;width:30px;height:30px;transition:filter .2s;display:inline-flex}.qty-btn[data-v-b57bdeac]:hover:not(:disabled){filter:brightness(.95)}.qty-btn[data-v-b57bdeac]:disabled{cursor:not-allowed;opacity:.4}.qty-value[data-v-b57bdeac]{text-align:center;min-width:22px;color:var(--on-surface);font-size:14px;font-weight:700;line-height:20px}.checkout-form[data-v-b57bdeac]{gap:var(--sp-md);flex-direction:column;display:flex}.form-section[data-v-b57bdeac]{gap:var(--sp-none);flex-direction:column;display:flex}.form-label[data-v-b57bdeac]{color:var(--on-surface);text-transform:uppercase;font-size:14px;font-weight:500;line-height:21px}.field[data-v-b57bdeac]{flex-direction:column;display:flex}.field-row[data-v-b57bdeac]{gap:var(--sp-none);display:flex}.field-row-3>.field-input[data-v-b57bdeac]{flex:1;min-width:0}.phone-prefix[data-v-b57bdeac]{border:1px solid var(--surface-variant);background:var(--color-13);width:76px;height:47px;color:var(--on-surface);border-radius:14px;flex-shrink:0;align-items:center;padding:0 16px;font-size:14px;font-weight:400;display:inline-flex}.field-input[data-v-b57bdeac]{border:1px solid var(--surface-variant);background:var(--color-13);width:100%;height:47px;color:var(--on-surface);border-radius:14px;outline:none;padding:0 16px;font-family:Kanit,sans-serif;font-size:14px;font-weight:400;transition:border-color .2s}.field-input[data-v-b57bdeac]::placeholder{color:var(--outline)}.field-input[data-v-b57bdeac]:focus{border-color:var(--primary)}.field-invalid[data-v-b57bdeac],.field-invalid[data-v-b57bdeac]:focus{border-color:#e74c3c}.field-err[data-v-b57bdeac]{color:#e74c3c;min-height:14px;padding-top:2px;font-size:11px;font-weight:400;line-height:14px}.pay-option[data-v-b57bdeac]{background:#fafafa;border:2px solid #e4e4e4;border-radius:12px;align-items:center;gap:10px;height:68px;padding:13px 14px;display:flex;position:relative}.pay-option-active[data-v-b57bdeac]{background:#4f46e50d;border-color:#4f46e5}.pay-icon[data-v-b57bdeac]{width:38px;height:38px;color:var(--surface);background:#1677ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.pay-text[data-v-b57bdeac]{flex-direction:column;display:flex}.pay-name[data-v-b57bdeac]{color:var(--on-surface);font-size:13px;font-weight:600;line-height:16.9px}.pay-sub[data-v-b57bdeac]{color:var(--surface-variant);padding-top:1px;font-size:11px;font-weight:400;line-height:16.5px}.pay-check[data-v-b57bdeac]{background:#4f46e5;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:10px;right:10px}.order-summary[data-v-b57bdeac]{padding:var(--sp-md);gap:var(--sp-none);background:#fafafa;border-radius:14px;flex-direction:column;display:flex}.summary-row[data-v-b57bdeac]{justify-content:space-between;align-items:center;display:flex}.summary-row-label[data-v-b57bdeac]{color:var(--outline);font-size:14px;font-weight:400}.summary-row-value[data-v-b57bdeac]{color:var(--on-surface);font-size:14px;font-weight:500}.value-free[data-v-b57bdeac]{color:#16a34a;font-weight:600}.summary-divider[data-v-b57bdeac]{background:#e8e8e8;height:1px;margin:4px 0}.summary-total-label[data-v-b57bdeac]{color:var(--on-surface);font-size:14px;font-weight:600}.summary-total-value[data-v-b57bdeac]{color:var(--primary);font-size:24px;font-weight:700}.form-error[data-v-b57bdeac]{color:#e74c3c;text-align:center;font-size:13px;font-weight:400;line-height:18px}.btn-pay[data-v-b57bdeac]{border-radius:var(--r-2xl);background:var(--primary);justify-content:center;align-items:center;gap:var(--sp-none);letter-spacing:.16px;width:100%;color:var(--on-surface);padding:16px 0;font-size:16px;font-weight:700;line-height:24px;transition:filter .2s;display:inline-flex;box-shadow:0 4px 20px #fbb40261}.btn-pay[data-v-b57bdeac]:hover:not(:disabled){filter:brightness(.92)}.btn-pay[data-v-b57bdeac]:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}@media (width<=600px){.checkout-overlay[data-v-b57bdeac]{padding:0}.checkout-panel[data-v-b57bdeac]{border-radius:0;width:100%;height:100%;max-height:100%}.checkout-header[data-v-b57bdeac]{padding:var(--sp-md) var(--sp-md) var(--sp-xs)}.checkout-body[data-v-b57bdeac]{padding:var(--sp-md)}.field-row-3[data-v-b57bdeac]{flex-direction:column}.summary-total-value[data-v-b57bdeac]{font-size:20px}}.app-root[data-v-ef539278]{width:100%}@media (width>=1024px){.app-root[data-v-ef539278]{min-width:1024px}}