*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e8e9e0;color:#25261f;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{cursor:default;opacity:.5}#app{position:relative;max-width:480px;min-height:100vh;margin:auto;background:#f6f3eb;box-shadow:0 0 70px #0002;padding-bottom:100px}.demo-note{background:#fff4cd;color:#766125;padding:10px 17px;font-size:12px;line-height:1.5}.hero{background:#1b1d18;color:#fff;padding:20px 20px 18px}.topline,.hero-footer,.table-row,.section-head,.item-bottom,.sheet-head,.cart-row,.summary-row,.order-head,.footer,.quantity-row{display:flex;align-items:center;justify-content:space-between}.topline{color:#dfff45;font-size:10px;letter-spacing:.14em}.orders-button{color:white;border:1px solid #666;border-radius:40px;padding:8px 12px;letter-spacing:0;font-size:12px}.hero-main{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.eyebrow{font-size:9px;letter-spacing:.12em;color:#babdaf}.hero h1{font-size:37px;margin:9px 0 6px;letter-spacing:.04em}.hero h1 span{color:#dfff45}.hero p{margin:0;color:#d2d4c9;font-size:13px}.banana{font-size:62px;width:92px;height:92px;background:#dfff45;display:grid;place-items:center;border-radius:50%;transform:rotate(-15deg)}.hero-footer{color:#a6aa98;font-size:10px;letter-spacing:.05em}.table-card{width:calc(100% - 28px);margin:0 14px;background:white;border-radius:0 0 16px 16px;padding:15px;text-align:left;display:flex;align-items:center;gap:12px;box-shadow:0 5px 18px #0001}.table-icon{background:#edfac1;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:24px}.table-copy{flex:1;line-height:1.5}.table-copy strong{display:block;font-size:14px}.table-copy small,.muted{color:#8b8d80}.table-copy small{font-size:11px}.table-action{font-size:12px;color:#77796e}.search{display:flex;align-items:center;gap:8px;background:white;border-radius:12px;margin:14px 14px 0;padding:9px 12px}.search input{flex:1;width:0;border:0;outline:0;background:none;font-size:13px}.search span{font-size:23px;color:#7c8072}.search button{color:#8c8d82}.section-head{margin:24px 18px 16px;align-items:end}.section-head .kicker{font-size:9px;color:#969789;letter-spacing:.12em}.section-head h2{font-size:21px;margin:5px 0 0}.section-head h2 span{color:#99b418}.section-head small{text-align:right;color:#969789;line-height:1.4}.catalog{display:flex;align-items:flex-start}.categories{position:sticky;top:0;flex:0 0 90px;max-height:65vh;overflow:auto}.category{display:block;width:100%;text-align:left;padding:15px 8px 15px 14px;color:#85867b;font-size:12px}.category.active{background:white;color:#24251d;font-weight:700;border-left:3px solid #b9d92c}.products{flex:1;min-width:0;background:#fff;border-radius:13px 0 0 13px;padding:16px 14px;min-height:260px}.products h3{font-size:15px;margin:0 0 10px}.products h3 small{font-size:9px;color:#b3b4a8;font-weight:400}.item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0eb;min-height:105px}.item-art{width:84px;height:84px;border-radius:12px;display:grid;place-items:center;font-size:42px;flex-shrink:0}.item-info{min-width:0;flex:1}.item-name{font-size:14px;line-height:1.35;font-weight:700}.item-desc{font-size:11px;color:#999b90;line-height:1.4;margin-top:5px}.item-bottom{margin-top:8px}.price{font-size:16px;font-weight:800}.add{width:31px;height:31px;border-radius:50%;background:#dfff45;font-size:22px;line-height:1}.bottom{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:#22231e;color:white;padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.bag{position:relative;background:#41443a;border-radius:13px;width:42px;height:42px;font-size:21px}.badge{position:absolute;right:-5px;top:-5px;background:#dfff45;color:#222;border-radius:20px;min-width:18px;font-size:10px}.bottom-info{flex:1;line-height:1.4;cursor:pointer}.bottom-info strong{display:block;font-size:15px}.bottom-info small{color:#aaad9e;font-size:10px}.primary{background:#dfff45;color:#1d2413;border-radius:99px;font-weight:700;padding:13px 21px}.overlay{position:fixed;z-index:8;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,480px);max-height:85vh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.sheet-head{gap:20px;align-items:start;font-size:19px;font-weight:800;line-height:1.35}.sheet-head button{font-size:20px;color:#777}.sheet-hint{font-size:12px;color:#8b8d80;line-height:1.6;margin:12px 0 18px}.sheet h4{font-size:14px;margin:20px 0 10px}.sheet .full{width:100%;margin-top:20px}.specs{display:flex;flex-wrap:wrap;gap:8px}.spec{background:#f4f4ee;border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:12px}.spec.chosen{border-color:#a8cc16;background:#f3facf}.quantity-row{margin-top:20px;font-weight:700;font-size:14px}.stepper{display:flex;align-items:center;gap:12px}.stepper button{background:#edf2d9;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:1}.field{width:100%;border:1px solid #e2e4d9;background:#f8f8f3;border-radius:10px;padding:12px;outline:0}.cart-row{gap:12px;border-bottom:1px solid #f1f1eb;padding:12px 0}.cart-art{background:#f7f3e8;border-radius:9px;padding:9px;font-size:24px}.cart-name{flex:1;font-weight:700;font-size:13px;line-height:1.5}.cart-name small{display:block;font-weight:400;color:#8b8d80}.sheet-link{display:block;margin:12px 0 2px  auto;color:#8c8e83;font-size:12px}.page{padding:0 14px 120px}.page .demo-note{margin:0 -14px}.back{padding:17px 0;color:#66695d;font-size:13px}.page-title{font-size:26px;line-height:1.2;margin:10px 0 22px;font-weight:800}.page-title span{color:#a4c221}.card{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px}.heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;margin-bottom:10px}.heading small{color:#9a9c90}.summary-row{gap:15px;padding:12px 0;border-bottom:1px solid #f0f0eb;font-size:13px}.summary-row .text{flex:1;line-height:1.5}.summary-row small{display:block;color:#999}.total{display:flex;justify-content:space-between;margin-top:16px;font-weight:700}.total strong{font-size:18px}.remark{min-height:72px;resize:vertical;font-size:13px}.footer{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0001}.footer strong{font-size:20px}.state{text-align:center;padding:32px 0}.state-icon{font-size:42px;color:#a2be24}.state h2{font-size:24px;margin:8px}.state p{font-size:12px;color:#929489}.meta-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:12px;line-height:1.5}.meta-row span:first-child{color:#999}.meta-row span:last-child{text-align:right;overflow-wrap:anywhere}.actions{display:flex;gap:10px}.actions button{flex:1}.secondary{border:1px solid #dadcd2;border-radius:99px;padding:12px}.order-card{text-align:left;width:100%;display:block}.order-head{font-size:14px;font-weight:700}.status{background:#f1f8d6;color:#778b21;border-radius:8px;padding:6px 9px;font-size:11px}.order-items{font-size:12px;line-height:1.5;padding:15px 0;border-bottom:1px solid #eee}.empty{text-align:center;padding:45px 15px;line-height:2}.empty .big{font-size:45px}.toast{position:fixed;z-index:12;top:25%;left:50%;transform:translateX(-50%);background:#25251fe8;color:#fff;border-radius:9px;padding:12px 16px;font-size:13px;max-width:85%;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.coupon-hint{font-size:12px;color:#898a7f;line-height:1.6;margin:8px 0}.coupon-options{display:flex;gap:8px;margin-top:12px}.coupon-option{background:#f4f4ee;border:1px solid transparent;padding:9px 12px;border-radius:8px;font-size:12px}.coupon-option.selected{background:#f3facf;border-color:#a8cc16}.coupon-selected{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#657b1a}.coupon-selected button{color:#777}