:root{--g:#123d22;--cream:#f8f3e3;--gold:#f4c542;--soft:#eaf5df;--line:#e1d8c3;--text:#17351f}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--cream);color:var(--text)}button,input,select,textarea{font:inherit}.head{background:var(--g);color:#fff;padding:16px;position:sticky;top:0;z-index:5}.headin{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--g);display:grid;place-items:center;font-weight:900}.brand h1{margin:0;font-size:30px}.brand p{margin:3px 0 0;font-size:13px}.call{background:var(--gold);color:var(--g);padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:900}.hero,.tools,.layout{max-width:1220px;margin:auto}.hero{padding:16px 14px}.pre{background:linear-gradient(135deg,#fff1b8,#fffaf0);border:1px solid #e1b936;border-radius:18px;padding:16px}.pre h2{margin:0 0 6px}.pre p{margin:0}.tools{padding:0 14px 14px}.search{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px}.cats{display:flex;gap:9px;overflow:auto;padding-top:12px}.cat{border:1px solid var(--g);color:var(--g);background:#fff;padding:10px 14px;border-radius:999px;font-weight:800;white-space:nowrap;cursor:pointer}.cat.on{background:var(--g);color:#fff}.layout{padding:0 14px 28px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.status{color:#596950;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:13px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 2px 10px #0000000a}.img{height:132px;border-radius:16px;background:#f2f5eb;border:1px solid #e6e0cf;overflow:hidden;display:grid;place-items:center;margin-bottom:10px}.img img{width:100%;height:100%;object-fit:cover}.ph{text-align:center;padding:12px;background:linear-gradient(135deg,#e9f6df,#fff7ce);width:100%;height:100%;display:grid;place-items:center;font-size:13px}.badge{display:inline-block;background:var(--soft);color:var(--g);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;margin-right:5px}.card h3{font-size:17px;margin:8px 0 5px;min-height:40px}.meta{color:#66705c;font-size:12px}.price{font-size:19px;font-weight:900;margin:9px 0 10px}.weights{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.weight{border:1px solid var(--g);background:#fffdf5;color:var(--g);border-radius:10px;padding:9px 4px;font-weight:900;cursor:pointer}.weight:hover{background:var(--g);color:#fff}.added{margin-top:8px;background:var(--soft);color:var(--g);padding:8px;border-radius:10px;font-size:12px;font-weight:800}.cart{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;height:max-content;position:sticky;top:92px}.cart h2{margin:0 0 10px}.empty{color:#777;padding:12px 0}.line{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #eee;padding:10px 0}.line small{color:#666}.acts{display:flex;gap:6px;margin-top:7px}.acts button{border:0;background:var(--g);color:#fff;border-radius:8px;padding:5px 10px}.form{margin-top:14px;display:grid;gap:9px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px}.form textarea{min-height:64px}.loc{border:1px solid var(--g);background:#fff1bf;color:var(--g);border-radius:11px;padding:11px;font-weight:900}.locs{margin:-4px 0 2px;color:#227022;font-size:12px;font-weight:800}.total{margin:15px 0;display:flex;justify-content:space-between;font-size:19px}.send{width:100%;border:0;background:#25d366;color:#fff;border-radius:14px;padding:14px;font-size:17px;font-weight:900}.note{font-size:12px;color:#666}@media (max-width:900px){.headin{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}.cart{position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.hero{padding:0}.pre{border-radius:0}.grid{grid-template-columns:1fr}.brand h1{font-size:26px}}