:root{--g:#087637;--o:#f29400;--ink:#17371f}*{box-sizing:border-box}body{margin:0;background:#f7faf4;color:var(--ink);font-family:Arial,sans-serif}header{height:68px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1050px)/2));position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #164d1a12}.brand{color:var(--g);font-size:21px}.brand span{color:var(--o)}.brand small{display:block;font-size:7px;letter-spacing:3px;margin-left:42px;color:#555}.brand+button{border:0;background:#eef8e9;border-radius:13px;padding:10px 14px;color:var(--g)}main{max-width:1050px;margin:auto;padding-bottom:30px}.hero{margin:15px;border-radius:30px;padding:38px;min-height:390px;background:linear-gradient(120deg,#e7f8dc,#fff8d8);display:flex;align-items:center;justify-content:space-between}.hero small,.qr small{letter-spacing:2px;font-weight:800;color:var(--g)}h1{font-size:clamp(43px,7vw,70px);line-height:.95;margin:15px 0;color:var(--g);letter-spacing:-3px}h1 i{color:var(--o);font-style:normal}.hero p{max-width:500px;color:#5b675f;line-height:1.6}.fruit{font-size:55px;line-height:1.5}.green,.white{border:0;border-radius:13px;padding:13px 19px;font-weight:800;margin:3px}.green{background:var(--g);color:#fff}.white{background:#fff;color:var(--g)}.notice{margin:0 15px;background:#07592d;color:#fff;border-radius:17px;padding:17px}.shop{padding:25px 15px}.title h2{font-size:29px;color:var(--g)}.cats{display:flex;gap:8px;overflow:auto;padding-bottom:14px}.cats button{border:1px solid #dbe6d8;background:#fff;border-radius:30px;padding:9px 14px;white-space:nowrap}.cats .active{background:#e7f6db;color:var(--g);font-weight:bold}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.grid article{background:#fff;border-radius:20px;padding:10px;box-shadow:0 4px 20px #164d1a0b}.pic{height:145px;background:#f8f7e9;border-radius:15px;display:grid;place-items:center;font-size:65px;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.grid h3{margin:10px 2px 5px;font-size:15px}.grid article>b{color:var(--g);font-size:13px}.grid article small{color:#777}.add{float:right;border:0;background:var(--g);color:#fff;border-radius:50%;width:32px;height:32px;font-size:20px}.delivery{margin:10px 15px;padding:23px;border-radius:23px;background:#087637;color:#fff;display:flex;align-items:center;gap:15px}.delivery strong{font-size:30px}.delivery span{font-size:12px}.delivery button{margin-left:auto;border:0;background:#c9ef52;color:#174c1d;border-radius:11px;padding:11px;font-weight:bold}.qr{margin:15px;padding:25px;border-radius:23px;background:#fff;display:flex;justify-content:space-between;align-items:center}.qr h2{font-size:32px;color:var(--g)}.qrbox{width:130px;height:150px;background:#f4f4ec;display:grid;place-items:center;font-size:75px;color:#111;border-radius:15px}.qrbox small{font-size:9px}.modal{position:fixed;inset:0;background:#06371999;z-index:20;display:grid;place-items:end center;padding:12px}.hidden{display:none}.card{background:#fff;width:min(500px,100%);border-radius:25px;padding:23px;position:relative;max-height:90vh;overflow:auto}.x{position:absolute;right:14px;top:12px;border:0;border-radius:50%;width:35px;height:35px;font-size:23px}.card p span{float:right}.card input,.card textarea{width:100%;padding:13px;margin:5px 0;border:1px solid #dce5da;border-radius:11px;font:inherit}.card textarea{min-height:80px}.full{width:100%;margin-top:10px}@media(max-width:700px){.hero{margin:10px;padding:27px 20px;display:block}.fruit{font-size:42px;text-align:center;margin-top:20px}.grid{grid-template-columns:repeat(2,1fr)}.pic{height:125px}.delivery button{display:none}.qr{padding:20px}.qr h2{font-size:25px}.qrbox{width:105px;height:125px;font-size:60px}}