:root{--green:#0f6b4f;--orange:#ff7a30;--ink:#17212b;--bg:#f6f7f4}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}.top{position:sticky;top:0;z-index:3;background:white;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 15px #00000012}.brand{font-size:22px;font-weight:850;color:var(--green)}.pill,.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:750}.pill{background:#e5f4ed;color:var(--green)}.hero{background:linear-gradient(135deg,#07583f,#13815e);color:white;padding:35px 5%}.hero h1{margin:0 0 8px;font-size:32px}.wrap{max-width:1150px;margin:auto;padding:24px 5% 110px}.cats{display:flex;gap:9px;overflow:auto;margin-bottom:20px}.cat{white-space:nowrap;background:white;border:1px solid #ddd;border-radius:99px;padding:9px 16px}.cat.active{background:var(--green);color:white}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 5px 25px #1220180c}.card img{width:100%;height:155px;object-fit:cover;background:#ddd}.card .inside{padding:15px}.card h3{margin:0 0 6px}.muted{color:#738078;font-size:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-weight:850;color:var(--green)}.add{background:var(--orange);color:white;border:0;border-radius:11px;padding:9px 14px;font-weight:800}.cartbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(90%,700px);background:#17251f;color:white;border:0;border-radius:18px;padding:17px 22px;display:flex;justify-content:space-between;font-weight:800;box-shadow:0 12px 30px #0004}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:9;align-items:flex-end;justify-content:center}.modal.show{display:flex}.sheet{background:white;width:min(100%,700px);max-height:88vh;overflow:auto;border-radius:25px 25px 0 0;padding:24px}.qty{display:flex;gap:12px;align-items:center}.qty button{width:32px;height:32px;border:0;border-radius:9px}.btn{background:var(--green);color:white;width:100%;margin-top:12px}.toast{position:fixed;top:80px;right:20px;background:#17251f;color:#fff;padding:15px;border-radius:12px;display:none;z-index:20}