@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');:root{font-family:'Noto Sans Thai','Noto Sans SC',system-ui,sans-serif;color:#24201d;background:#fffaf4;--red:#c54832;--ink:#24201d;--muted:#7e746d;--line:#eee4da;--cream:#fff3e6}*{box-sizing:border-box}body{margin:0;padding-bottom:100px;background:radial-gradient(circle at 90% 0,#ffe8d6 0,transparent 26%),#fffaf4}button,select,textarea{font:inherit}button{cursor:pointer}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1080px)/2));background:#fffaf4e8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #f4e9df}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brandmark{display:grid;place-items:center;width:38px;height:38px;background:var(--red);color:#fff;border-radius:12px;font-weight:700}.brand span:last-child{display:grid}.brand small{font-size:11px;color:var(--muted)}select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;color:var(--ink)}main{max-width:1080px;margin:auto;padding:30px 20px}.welcome{min-height:220px;border-radius:30px;padding:42px;background:linear-gradient(120deg,#2d2926 0,#46352e 58%,#c45a3c 160%);color:#fff;position:relative;overflow:hidden}.welcome:after{content:'🍜';position:absolute;right:7%;bottom:-30px;font-size:150px;filter:drop-shadow(0 15px 20px #0005);transform:rotate(-8deg)}.eyebrow,.section-head small,.cart-title small{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;color:#efa68e}.welcome h1{font-size:clamp(34px,6vw,62px);line-height:1.06;margin:10px 0;max-width:600px}.welcome p{margin:0;opacity:.72;max-width:520px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:38px 2px 16px}.section-head h2,.cart-title h2{margin:3px 0 0;font-size:27px}.open-pill{background:#e9f6ed;color:#297047;padding:7px 11px;border-radius:99px;font-size:12px}.open-pill i{display:inline-block;width:7px;height:7px;background:#36a764;border-radius:50%;margin-right:5px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dish{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 25px #5e3c2410;transition:.2s}.dish:hover{transform:translateY(-2px);box-shadow:0 14px 35px #5e3c2418}.dish-art{height:120px;display:grid;place-items:center;font-size:64px;background:linear-gradient(135deg,#fff0dc,#f7d9c4)}.dish-content{padding:17px}.dish-title{display:flex;justify-content:space-between;gap:10px}.dish h3{font-size:18px;margin:0}.price{color:var(--red);white-space:nowrap}.dish p{min-height:38px;color:var(--muted);font-size:13px}.options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.options select{width:100%;padding:8px;font-size:12px}.add{width:100%;margin-top:12px;border:0;border-radius:12px;padding:11px;background:var(--ink);color:#fff;font-weight:700}.service-bar{position:fixed;z-index:15;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#fff;padding:7px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #3d261c2b}.service-bar button{width:84px;border:0;background:transparent;border-radius:12px;padding:7px;color:var(--muted);display:grid;gap:2px}.service-bar button:hover{background:var(--cream);color:var(--red)}.service-bar b{font-size:11px}.cart-sheet{position:fixed;z-index:30;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 80px #3d261c38;overflow:hidden;transform:translateY(calc(100% - 58px));transition:.28s}.cart-sheet.open{transform:translateY(0)}.cart-handle{width:100%;height:58px;border:0;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.cart-handle b{display:inline-grid;place-items:center;background:#fff;color:var(--red);width:24px;height:24px;border-radius:50%}.cart-body{padding:20px;max-height:70vh;overflow:auto}.cart-title{display:flex;justify-content:space-between}.cart-title button{border:0;background:#f5eee8;border-radius:50%;width:34px;height:34px;font-size:20px}.cart-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;color:var(--muted)}.remove{border:0;background:transparent;color:#a89b91}.empty{padding:28px;text-align:center;color:var(--muted)}.note-label{display:grid;gap:7px;margin-top:15px;font-size:12px;font-weight:700}textarea{resize:vertical;min-height:62px;border:1px solid var(--line);border-radius:12px;padding:10px}.submit,.pay{width:100%;border:0;border-radius:13px;padding:14px 16px;margin-top:10px;font-weight:700}.submit{background:var(--red);color:#fff;display:flex;justify-content:space-between}.pay{background:#eef7ff;color:#1763a2}.pay:disabled,.submit:disabled{opacity:.45}.payment-box{margin-top:10px;border-radius:12px;padding:12px;background:#f1f8ff;font-size:12px;word-break:break-all}#toast{position:fixed;z-index:60;top:88px;left:50%;transform:translate(-50%,-20px);background:#24201d;color:#fff;padding:11px 17px;border-radius:99px;opacity:0;pointer-events:none;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){main{padding:18px 14px}.welcome{min-height:180px;padding:28px 22px;border-radius:22px}.welcome:after{font-size:100px;right:0}.menu-grid{grid-template-columns:1fr}.dish{display:grid;grid-template-columns:105px 1fr}.dish-art{height:100%;font-size:45px}.dish p{min-height:auto}.service-bar{bottom:8px;width:calc(100% - 20px);justify-content:space-around}.service-bar button{width:auto;min-width:65px}.cart-sheet{right:10px;bottom:82px;width:calc(100vw - 20px)}header{padding:0 15px}.section-head{margin-top:28px}}