:root{--ds-color-primary:#0b4a8c;--ds-color-primary-pressed:#083a6e;--ds-color-primary-tint:#e3edf8;--ds-color-on-primary:#fff;--ds-color-page:#f2f4f5;--ds-color-card:#fff;--ds-color-line:#c9d0d6;--ds-color-control-border:#7a8794;--ds-color-ink:#111827;--ds-color-ink-muted:#4b5563;--ds-color-disabled-bg:#e5e8eb;--ds-color-disabled-ink:#4b5563;--ds-color-success:#1e6b2e;--ds-color-success-bg:#e6f4ea;--ds-color-warning:#8a4b00;--ds-color-warning-bg:#fff4e0;--ds-color-danger:#b42318;--ds-color-danger-bg:#fdecea;--ds-color-scrim:#11182780;--ds-font:"Sarabun", system-ui, sans-serif;--ds-type-number-xl-size:40px;--ds-type-number-xl-weight:700;--ds-type-number-xl-line:48px;--ds-type-title-size:28px;--ds-type-title-weight:700;--ds-type-title-line:36px;--ds-type-heading-size:24px;--ds-type-heading-weight:700;--ds-type-heading-line:32px;--ds-type-body-size:20px;--ds-type-body-weight:400;--ds-type-body-line:30px;--ds-type-caption-size:16px;--ds-type-caption-weight:400;--ds-type-caption-line:24px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;--ds-radius-chip:6px;--ds-radius-control:10px;--ds-radius-overlay:16px;--ds-size-touch:48px;--ds-size-primary:56px;--ds-size-keypad:64px;--ds-shadow-overlay:0 4px 16px #11182733;--ds-motion-press:.15s}@font-face{font-family:Sarabun;font-display:swap;font-weight:400;src:url(./sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-display:swap;font-weight:700;src:url(./sarabun-thai-700-normal-CbuDipM3.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-display:swap;font-weight:400;src:url(./sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-display:swap;font-weight:700;src:url(./sarabun-latin-700-normal-DQKyWxHq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ds-number-xl{font-variant-numeric:tabular-nums;font:var(--ds-type-number-xl-weight) var(--ds-type-number-xl-size)/var(--ds-type-number-xl-line) var(--ds-font);color:var(--ds-color-ink)}.ds-title{font:var(--ds-type-title-weight) var(--ds-type-title-size)/var(--ds-type-title-line) var(--ds-font);color:var(--ds-color-ink)}.ds-heading{font:var(--ds-type-heading-weight) var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);color:var(--ds-color-ink)}.ds-body{font:var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);color:var(--ds-color-ink)}.ds-caption{font:var(--ds-type-caption-weight) var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);color:var(--ds-color-ink-muted)}.ds-btn{justify-content:center;align-items:center;gap:var(--ds-space-2);box-sizing:border-box;min-height:var(--ds-size-primary);padding:var(--ds-space-2) var(--ds-space-5);border:2px solid var(--ds-color-primary);border-radius:var(--ds-radius-control);background-color:var(--ds-color-card);color:var(--ds-color-primary);font:var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);cursor:pointer;text-align:center;transition:background-color var(--ds-motion-press), border-color var(--ds-motion-press), color var(--ds-motion-press);font-weight:700;display:inline-flex}.ds-btn--primary{min-height:var(--ds-size-primary);background-color:var(--ds-color-primary);color:var(--ds-color-on-primary)}.ds-btn--secondary{background-color:var(--ds-color-card);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.ds-btn--danger{background-color:var(--ds-color-card);border-color:var(--ds-color-danger);color:var(--ds-color-danger)}.ds-btn--small{min-height:var(--ds-size-touch);padding:var(--ds-space-1) var(--ds-space-4)}.ds-btn--primary:not([disabled]):not([aria-disabled=true]):active,.ds-btn--primary:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-pressed);border-color:var(--ds-color-primary-pressed)}.ds-btn--secondary:not([disabled]):not([aria-disabled=true]):active,.ds-btn--secondary:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-tint)}.ds-btn--danger:not([disabled]):not([aria-disabled=true]):active,.ds-btn--danger:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-danger-bg)}.ds-reason{margin:var(--ds-space-2) 0 0;font:var(--ds-type-caption-weight) var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);color:var(--ds-color-ink-muted);overflow-wrap:anywhere}.ds-card{box-sizing:border-box;background-color:var(--ds-color-card);border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-control);padding:var(--ds-space-4);color:var(--ds-color-ink)}.ds-product{gap:var(--ds-space-2);text-align:left;box-sizing:border-box;min-height:calc(var(--ds-size-keypad) + var(--ds-space-4) * 2);padding:var(--ds-space-4);background-color:var(--ds-color-card);color:var(--ds-color-ink);border:2px solid var(--ds-color-control-border);border-radius:var(--ds-radius-control);cursor:pointer;transition:background-color var(--ds-motion-press), border-color var(--ds-motion-press);flex-direction:column;display:flex;position:relative}.ds-product.is-selected{border-color:var(--ds-color-primary)}.ds-product:not([disabled]):not([aria-disabled=true]):active,.ds-product:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-tint)}.ds-product__name{font:var(--ds-type-heading-weight) var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);overflow-wrap:anywhere;padding-right:var(--ds-size-touch)}.ds-product__chip{box-sizing:border-box;max-width:100%;padding:0 var(--ds-space-2);border:1px solid var(--ds-color-primary);border-radius:var(--ds-radius-chip);background-color:var(--ds-color-primary-tint);color:var(--ds-color-primary);font:700 var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);overflow-wrap:anywhere;align-self:flex-start;display:inline-block}.ds-product-wrap{position:relative}.ds-product__fav{top:var(--ds-space-2);right:var(--ds-space-2);box-sizing:border-box;width:var(--ds-size-touch);height:var(--ds-size-touch);color:var(--ds-color-control-border);cursor:pointer;font:700 var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.ds-product__fav[aria-pressed=true]{background-color:var(--ds-color-warning-bg);color:var(--ds-color-warning)}.ds-product__fav:not([disabled]):not([aria-disabled=true]):active,.ds-product__fav:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-warning);color:var(--ds-color-warning-bg)}.ds-product__fav--inline{flex:none;position:static}.ds-product__fav:focus-visible{outline:3px solid var(--ds-color-ink);outline-offset:2px}.ds-product__star{top:var(--ds-space-2);right:var(--ds-space-2);width:var(--ds-size-touch);height:var(--ds-size-touch);background-color:var(--ds-color-warning-bg);color:var(--ds-color-warning);font:700 var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ds-chip{box-sizing:border-box;max-width:100%;padding:0 var(--ds-space-2);border:1px solid var(--ds-color-primary);border-radius:var(--ds-radius-chip);background-color:var(--ds-color-primary-tint);color:var(--ds-color-primary);font:700 var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);overflow-wrap:anywhere;display:inline-block}.ds-chip--info{background-color:var(--ds-color-primary-tint);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.ds-chip--success{background-color:var(--ds-color-success-bg);border-color:var(--ds-color-success);color:var(--ds-color-success)}.ds-chip--warning{background-color:var(--ds-color-warning-bg);border-color:var(--ds-color-warning);color:var(--ds-color-warning)}.ds-chip--danger{background-color:var(--ds-color-danger-bg);border-color:var(--ds-color-danger);color:var(--ds-color-danger)}.ds-cat{box-sizing:border-box;width:100%;min-height:var(--ds-size-touch);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-control);background-color:var(--ds-color-card);color:var(--ds-color-ink);text-align:left;cursor:pointer;font:700 var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);transition:background-color var(--ds-motion-press), border-color var(--ds-motion-press), color var(--ds-motion-press);border:2px solid #0000;align-items:center;display:flex}.ds-cat.is-selected{background-color:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-on-primary)}.ds-cat:not([disabled]):not([aria-disabled=true]):active,.ds-cat:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-tint);color:var(--ds-color-ink)}.ds-cat.is-selected:not([disabled]):not([aria-disabled=true]):active,.ds-cat.is-selected:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-pressed);color:var(--ds-color-on-primary)}.ds-field{gap:var(--ds-space-1);flex-direction:column;display:flex}.ds-field__label{font:700 var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);color:var(--ds-color-ink)}.ds-input{box-sizing:border-box;width:100%;min-height:var(--ds-size-primary);padding:var(--ds-space-2) var(--ds-space-4);border:2px solid var(--ds-color-control-border);border-radius:var(--ds-radius-control);background-color:var(--ds-color-card);color:var(--ds-color-ink);font:var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);transition:border-color var(--ds-motion-press)}.ds-input::placeholder{color:var(--ds-color-ink-muted);opacity:1}.ds-input:disabled{background-color:var(--ds-color-disabled-bg);color:var(--ds-color-disabled-ink);border-color:var(--ds-color-control-border);cursor:not-allowed;border-style:dashed}.ds-input:focus{border-color:var(--ds-color-primary)}.ds-input[aria-invalid=true],.ds-field.is-error .ds-input{border-color:var(--ds-color-danger)}.ds-field__error{font:700 var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);color:var(--ds-color-danger);overflow-wrap:anywhere}.ds-key{box-sizing:border-box;min-height:var(--ds-size-keypad);min-width:var(--ds-size-keypad);padding:var(--ds-space-2);border:2px solid var(--ds-color-control-border);border-radius:var(--ds-radius-control);background-color:var(--ds-color-card);color:var(--ds-color-ink);cursor:pointer;font:700 var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);transition:background-color var(--ds-motion-press), border-color var(--ds-motion-press), color var(--ds-motion-press);justify-content:center;align-items:center;display:inline-flex}.ds-key:not([disabled]):not([aria-disabled=true]):active,.ds-key:not([disabled]):not([aria-disabled=true]).is-pressed{background-color:var(--ds-color-primary-tint);border-color:var(--ds-color-primary)}.ds-line{column-gap:var(--ds-space-4);padding:var(--ds-space-3) 0;border-bottom:1px solid var(--ds-color-line);color:var(--ds-color-ink);grid-template-columns:1fr auto;align-items:center;display:grid}.ds-line__name{font:700 var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);overflow-wrap:anywhere}.ds-line__sub{font:var(--ds-type-caption-weight) var(--ds-type-caption-size)/var(--ds-type-caption-line) var(--ds-font);color:var(--ds-color-ink-muted);overflow-wrap:anywhere}.ds-line__total{font-variant-numeric:tabular-nums;font:700 var(--ds-type-heading-size)/var(--ds-type-heading-line) var(--ds-font);text-align:right}.ds-line--missing-price{border-left:4px solid var(--ds-color-warning);background-color:var(--ds-color-warning-bg);padding-left:var(--ds-space-3)}.ds-modal{z-index:100;padding:var(--ds-space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-modal__scrim{background-color:var(--ds-color-scrim);position:absolute;inset:0}.ds-modal__panel{box-sizing:border-box;width:100%;max-width:560px;max-height:100%;padding:var(--ds-space-5);background-color:var(--ds-color-card);color:var(--ds-color-ink);border-radius:var(--ds-radius-overlay);box-shadow:var(--ds-shadow-overlay);position:relative;overflow:auto}.ds-statusbar{gap:var(--ds-space-2);flex-wrap:wrap;align-items:center;display:flex}.ds-notice{box-sizing:border-box;padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-color-primary);border-radius:var(--ds-radius-control);background-color:var(--ds-color-primary-tint);color:var(--ds-color-ink);font:var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line) var(--ds-font);overflow-wrap:anywhere;border-left-width:4px}.ds-notice--warning{background-color:var(--ds-color-warning-bg);border-color:var(--ds-color-warning)}.ds-notice--danger{background-color:var(--ds-color-danger-bg);border-color:var(--ds-color-danger)}.ds-notice--success{background-color:var(--ds-color-success-bg);border-color:var(--ds-color-success)}.ds-btn[disabled],.ds-btn[aria-disabled=true],.ds-cat[disabled],.ds-cat[aria-disabled=true],.ds-cat.is-selected[disabled],.ds-cat.is-selected[aria-disabled=true],.ds-key[disabled],.ds-key[aria-disabled=true]{background-color:var(--ds-color-disabled-bg);color:var(--ds-color-disabled-ink);border-color:var(--ds-color-control-border);cursor:not-allowed;border-style:dashed}.ds-btn:focus-visible,.ds-cat:focus-visible,.ds-key:focus-visible,.ds-input:focus-visible,.ds-product:focus-visible{outline:3px solid var(--ds-color-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ds-btn,.ds-cat,.ds-key,.ds-input,.ds-product{transition:none}}