:root{--green: #2f7d32;--green-d: #1f5c23;--leaf: #e8f3e5;--cream: #fbf8f1;--ink: #1d2a1f;--muted: #6b776d;--line: #e3e0d6;--red: #c0392b;--amber: #e0a21a;--r: 14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink)}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:.2em 0 .5em}a{color:var(--green-d)}code{background:var(--leaf);padding:1px 5px;border-radius:4px}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:#fff;border-bottom:1px solid var(--line)}.brand{font-family:Fraunces,serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--green-d);white-space:nowrap}.topbar nav{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}.topbar nav a{text-decoration:none;font-weight:500}.cartbtn{background:var(--green);color:#fff!important;padding:.4rem .8rem;border-radius:999px}.badge{background:#fff;color:var(--green-d);border-radius:999px;padding:0 .45rem;margin-left:.4rem;font-size:.8rem}.container{max-width:1050px;margin:0 auto;padding:1rem 1rem 5rem}.center{text-align:center;padding:2rem 1rem}.muted{color:var(--muted)}.error{color:var(--red);font-weight:500}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin-bottom:1rem}.hero{background:linear-gradient(135deg,var(--leaf),#fff)}.hero h1{font-size:1.6rem}label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.7rem}.lbl{display:block;font-size:.9rem;font-weight:500;margin-bottom:.3rem}label.inline{display:inline-flex;gap:.4rem;align-items:center;margin:0}input,select,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;margin-top:.25rem}input[type=checkbox]{width:auto;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid5{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr 2fr auto;gap:.5rem;align-items:center}.grid5 input,.grid5 select{margin:0}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:#fff;padding:.55rem .9rem}button:disabled{opacity:.6;cursor:wait}button.primary,.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600;text-decoration:none}button.primary:hover,.primary:hover{background:var(--green-d)}button.danger{background:#fff;color:var(--red);border-color:var(--red)}button.link{border:none;background:none;color:var(--green-d);text-decoration:underline;padding:.2rem}button.big,.big{width:100%;padding:.85rem;font-size:1.05rem;margin-top:.5rem}.btn{display:inline-block;padding:.6rem 1rem;border:1px solid var(--line);border-radius:10px;text-decoration:none}.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:.8rem;flex-wrap:wrap}.seg button{border:none;border-radius:0;background:#fff}.seg button.on{background:var(--green);color:#fff}.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.chips button{border-radius:999px;padding:.35rem .8rem}.chips button.on{background:var(--green);color:#fff;border-color:var(--green)}.filters{margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:.5rem}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.product{display:flex;flex-direction:column;margin:0;padding:.8rem}.product img,.noimg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--leaf)}.noimg{display:grid;place-items:center;font-size:2.5rem}.product h3{margin:.6rem 0 .2rem;font-size:1.05rem}.product p{margin:0 0 .4rem;font-size:.85rem}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto}.floatcart{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.85rem 1.4rem;border-radius:999px;box-shadow:0 6px 20px #0003;z-index:20}.checkout{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:start}.lines{list-style:none;padding:0;margin:0}.lines li{display:grid;grid-template-columns:1fr auto 80px auto;gap:.5rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:.4rem}.qty button{padding:.2rem .6rem}.amt{text-align:right;font-weight:600}.totals{margin-top:.8rem}.totals div{display:flex;justify-content:space-between;padding:.2rem 0}.grand{font-size:1.2rem;font-weight:700;border-top:2px solid var(--line);margin-top:.3rem;padding-top:.5rem!important}.timeline{list-style:none;padding:0;margin:1rem 0}.timeline li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--muted)}.timeline li:before{content:"";position:absolute;left:.3rem;top:.65rem;width:14px;height:14px;border-radius:50%;border:2px solid var(--line);background:#fff}.timeline li.done{color:var(--ink);font-weight:600}.timeline li.done:before{background:var(--green);border-color:var(--green)}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.order header{display:flex;justify-content:space-between;align-items:center}.order p{margin:.35rem 0}.mini{margin:.4rem 0;padding-left:1.1rem;font-size:.92rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.15rem .6rem;border-radius:999px;font-size:.8rem;background:var(--leaf);color:var(--green-d);font-weight:600}.pill.pending{background:#fff1d6;color:#8a5a00}.pill.out_for_delivery{background:#dbeafe;color:#1e4fa3}.pill.cancelled{background:#fde4e1;color:var(--red)}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}table{width:100%;border-collapse:collapse}th,td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}tr.off{opacity:.5}input.price{width:90px;margin:0}@media (max-width: 760px){.grid2,.checkout{grid-template-columns:1fr}.grid5{grid-template-columns:1fr 1fr}.lines li{grid-template-columns:1fr auto}.amt{text-align:left}.topbar{padding:.5rem .8rem}.topbar nav{gap:.4rem .8rem;font-size:.95rem}}
