@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_5139685f-module__U71fQa__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}
:root{--ink:#17201b;--muted:#68736c;--line:#dfe5e1;--surface:#fff;--canvas:#f4f6f4;--green:#176b45;--green-dark:#0d4a2f;--coral:#e8633f;--amber:#e5a229;--red:#b9382f;--radius:6px}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);letter-spacing:0;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}main{min-height:calc(100vh - 120px)}.page{max-width:760px;margin:0 auto;padding-bottom:92px}.section{padding:24px 18px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.icon-button{place-items:center;width:40px;height:40px;display:grid;position:relative}.cart-count{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:1px;right:0}.bottom-nav{border-top:1px solid var(--line);z-index:30;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#59645e;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.store-hero{height:min(48vh,430px);min-height:330px;position:relative;overflow:hidden}.store-hero img,.detail-image img,.product-media img,.cart-thumb img{object-fit:cover}.hero-scrim{background:linear-gradient(#0000,#07120ce0);position:absolute;inset:35% 0 0}.hero-content{color:#fff;position:absolute;bottom:28px;left:20px;right:20px}.hero-content h1{margin:12px 0 4px;font-size:36px;line-height:1.1}.hero-content p{color:#e5eee9;margin:0}.store-pill{border:1px solid #ffffff80;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.store-pill.open{background:#176b45}.store-pill.closed{background:#8b302a}.store-facts{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;display:grid}.store-facts>div{align-items:flex-start;gap:10px;display:flex}.store-facts svg{color:var(--green);margin-top:2px}.store-facts span{flex-direction:column;display:flex}.store-facts strong{font-size:13px}.store-facts small{color:var(--muted)}.section-heading{justify-content:space-between;align-items:end;margin:4px 0 16px;display:flex}.section-heading h2{margin:2px 0;font-size:23px}.section-heading>a,.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:flex}.section-heading.compact{align-items:center;margin:0 0 14px}.eyebrow{text-transform:uppercase;color:var(--coral);font-size:12px;font-weight:800}.product-list{border-top:1px solid var(--line);background:#fff}.product-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 112px;gap:12px;min-height:130px;padding:14px 0 14px 16px;display:grid}.product-copy{min-width:0}.row-title{align-items:center;gap:8px;display:flex}.product-copy h3{margin:0;font-size:17px}.product-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.product-copy strong{color:var(--green)}.product-media{position:relative;overflow:hidden}.product-arrow{background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:6px;right:6px}.product-row.unavailable{opacity:.55}.sold-out{background:#ecefed;border-radius:999px;padding:3px 7px;font-size:11px}.floating-order{background:var(--green);color:#fff;z-index:10;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-weight:800;display:flex;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #103b273d}.page-title{margin-bottom:20px}.page-title h1{margin:3px 0;font-size:30px}.page-title p{color:var(--muted);font-size:14px}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:9px;height:46px;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.category-tabs{scrollbar-width:none;gap:8px;padding:14px 0;display:flex;overflow:auto}.category-tabs button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 14px}.category-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.detail-image{height:320px;position:relative}.detail-content{padding:22px 18px}.detail-content h1{margin:5px 0;font-size:28px}.muted{color:var(--muted);line-height:1.55}.price-line{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.price-line>strong{color:var(--green);font-size:24px}.stepper{text-align:center;border:1px solid var(--line);background:#fff;grid-template-columns:36px 38px 36px;align-items:center;display:grid}.stepper button{background:#fff;border:0;place-items:center;height:36px;display:grid}.stepper.small{grid-template-columns:29px 30px 29px}.stepper.small button{height:29px}.option-group{border:0;margin:24px 0;padding:0}.option-group legend{justify-content:space-between;width:100%;margin-bottom:8px;font-weight:800;display:flex}.option-group legend small{color:var(--muted);font-weight:500}.option-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:24px 1fr auto;align-items:center;padding:13px 10px;display:grid}.option-row small{color:var(--muted)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.field input,.field textarea,.field select{border-radius:var(--radius);background:#fff;border:1px solid #cdd5d0;outline:0;width:100%;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b451a}.field textarea{resize:vertical;min-height:82px}.primary,.secondary,.danger-button{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:11px 18px;font-weight:800;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary:disabled{opacity:.5}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.danger-button{color:var(--red);background:#fff;border:1px solid #e8c5c2}.full{width:100%}.empty{text-align:center;color:var(--muted);background:#fff;padding:42px 20px}.empty.small{padding:24px}.cart-list{flex-direction:column;gap:10px;display:flex}.cart-item{border:1px solid var(--line);background:#fff;grid-template-columns:72px 1fr auto;gap:11px;padding:12px;display:grid}.cart-thumb{height:72px;position:relative;overflow:hidden}.cart-copy h3{margin:0;font-size:15px}.cart-copy p{color:var(--muted);margin:3px 0;font-size:12px}.cart-copy strong{color:var(--green);font-size:14px}.cart-actions{flex-direction:column;justify-content:space-between;align-items:end;display:flex}.cart-actions>button{color:var(--red);background:0 0;border:0}.summary{border:1px solid var(--line);background:#fff;margin:16px 0;padding:16px}.summary>div{justify-content:space-between;margin:6px 0;display:flex}.summary .total{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:18px}.summary p{color:var(--muted);margin:10px 0 0;font-size:12px}.form-section,.review-block{border:1px solid var(--line);background:#fff;margin-bottom:12px;padding:16px}.form-section h2,.review-block h2{margin:0 0 14px;font-size:17px}.segmented{border-radius:var(--radius);background:#edf1ee;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:3px;display:grid}.segmented button{background:0 0;border:0;justify-content:center;align-items:center;gap:7px;height:44px;display:flex}.segmented button.active{color:var(--green);background:#fff;font-weight:800;box-shadow:0 1px 4px #0000001a}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.remember-box,.check-row{border:1px solid var(--line);background:#fff;align-items:flex-start;gap:10px;margin:12px 0;padding:14px;display:flex}.remember-box span{flex-direction:column;display:flex}.remember-box small{color:var(--muted);font-size:11px;line-height:1.5}.alert{border-left:4px solid;margin:12px 0;padding:12px 14px}.alert.error{border-color:var(--red);color:#76241f;background:#fff0ee}.alert.warning{border-color:var(--amber);background:#fff8e8}.alert small{display:block}.review-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.success-page{text-align:center;padding-top:52px}.success-page>svg{color:var(--green)}.success-page h1{margin:6px 0}.success-page>p{color:var(--muted)}.order-ticket{background:#fff;border:1px dashed #aeb9b2;flex-direction:column;margin:24px 0;padding:22px;display:flex}.order-ticket strong{letter-spacing:0;font-size:30px}.order-ticket small{color:var(--muted)}.tracking-head{justify-content:space-between;align-items:flex-start;display:flex}.tracking-head h1{margin:2px 0}.connection{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.connection.online{color:var(--green);background:#dff3e8}.connection.offline{color:#865814;background:#f2e8da}.status-banner{background:var(--ink);color:#fff;flex-direction:column;margin:18px 0;padding:20px;display:flex}.status-banner strong{font-size:23px}.status-banner span{color:#d9e1dc}.status-rejected,.status-cancelled{background:var(--red)}.timeline{border:1px solid var(--line);background:#fff;margin-bottom:14px;padding:10px 16px}.timeline-row{color:#8c9690;grid-template-columns:30px 1fr;align-items:start;min-height:58px;padding-top:9px;display:grid;position:relative}.timeline-row>span{z-index:1;background:#fff;border:1px solid #c7ceca;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.timeline-row:not(:last-child):before{content:"";background:#dce2de;width:2px;position:absolute;top:30px;bottom:-8px;left:10px}.timeline-row.done{color:var(--ink)}.timeline-row.done>span{background:var(--green);border-color:var(--green);color:#fff}.timeline-row.done:not(:last-child):before{background:var(--green)}.timeline-row div{flex-direction:column;display:flex}.timeline-row small{color:var(--green)}.last-updated{text-align:center;color:var(--muted);font-size:12px}.address-row{border-top:1px solid var(--line);grid-template-columns:38px 1fr;gap:10px;padding:14px 0;display:grid}.address-icon{width:34px;height:34px;color:var(--green);background:#e8f1ec;border-radius:50%;place-items:center;display:grid}.address-row h3{align-items:center;gap:7px;margin:0;display:flex}.address-row h3 small{color:var(--green);background:#dff3e8;border-radius:999px;padding:2px 6px}.address-row p{color:var(--muted);margin:2px 0;font-size:13px}.inline-actions{flex-wrap:wrap;gap:12px;margin-top:7px;display:flex}.inline-actions button{color:var(--green);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12px;display:flex}.inline-actions button.danger{color:var(--red)}.editor{border-color:var(--green)}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recent-order{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.recent-order>span:first-child{color:var(--ink);flex-direction:column;display:flex}.recent-order small{color:var(--muted)}.loading{text-align:center;color:var(--muted);padding:40px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:760px){body{padding-bottom:0}.topbar{padding-left:max(24px,50vw - 490px);padding-right:max(24px,50vw - 490px)}.bottom-nav{border:1px solid var(--line);border-bottom:0;width:420px;left:50%;right:auto;transform:translate(-50%)}.page{box-shadow:0 0 0 1px #00000008}.home-page{max-width:980px}.store-hero{height:440px}.hero-content h1{font-size:44px}.section{padding-left:28px;padding-right:28px}.product-list{grid-template-columns:1fr 1fr;display:grid}.product-row:nth-child(odd){border-right:1px solid var(--line)}.product-detail{grid-template-columns:1fr 1fr;max-width:980px;display:grid}.detail-image{height:calc(100vh - 126px);position:sticky;top:58px}.detail-content{padding:34px}.floating-order{display:none}}.payment-methods{gap:8px;margin:10px 0 18px;display:grid}.payment-method{border:1px solid var(--line);background:#fff;grid-template-columns:20px 26px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.payment-method.selected{border-color:var(--green);box-shadow:0 0 0 2px #176b451a}.payment-method svg{color:var(--green)}.payment-method span{flex-direction:column;display:flex}.payment-method small{color:var(--muted);font-size:11px;line-height:1.4}.payment-panel{border:1px solid var(--line);background:#fff;margin-bottom:14px;padding:16px}.payment-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.payment-heading h2{margin:2px 0;font-size:18px}.payment-state{color:var(--muted);white-space:nowrap;background:#edf0ee;padding:5px 8px;font-size:11px;font-weight:800}.payment-paid{color:var(--green);background:#dff3e8}.payment-rejected{color:var(--red);background:#fff0ee}.payment-awaiting_verification{color:#805500;background:#fff5da}.payment-amount{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.payment-amount strong{color:var(--green);font-size:26px}.transfer-details{grid-template-columns:140px 1fr;align-items:center;gap:16px;padding:16px 0;display:grid}.payment-qr{object-fit:contain;border:1px solid var(--line);width:140px;height:140px}.transfer-details p{margin:4px 0}.transfer-details small{color:var(--muted);line-height:1.45}.qr-unavailable{width:140px;height:140px;color:var(--muted);text-align:center;background:#f0f2f1;flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:11px;display:flex}.proof-form{gap:10px;display:grid}.proof-picker{color:var(--green);cursor:pointer;border:1px dashed #9caaa1;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:14px;display:grid}.proof-picker span{flex-direction:column;display:flex}.proof-picker small{color:var(--muted);font-size:11px}.proof-picker input{opacity:0;pointer-events:none;position:absolute}.payment-message{color:#805500;background:#fff8e8;align-items:center;gap:12px;margin-top:12px;padding:14px;display:flex}.payment-message.paid{color:var(--green);background:#e7f5ed}.payment-message div{flex-direction:column;display:flex}.payment-message small{color:var(--muted)}@media (max-width:420px){.transfer-details{grid-template-columns:110px 1fr}.payment-qr,.qr-unavailable{width:110px;height:110px}.payment-heading{flex-direction:column}.payment-state{white-space:normal}}
.offline-banner{z-index:19;color:#704b08;text-align:center;background:#fff3d6;border-bottom:1px solid #e8cc8b;padding:9px 16px;font-size:12px;font-weight:700;position:sticky;top:58px}
.page.section{padding-bottom:calc(92px + env(safe-area-inset-bottom))}