:root{--g:#167a45;--dark:#17231c;--muted:#68746d;--line:#e4ebe6;--mint:#eaf7ef}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial;color:var(--dark);background:#fbfcfb}header{position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav,main,footer{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}.nav{height:74px;display:flex;align-items:center;gap:24px}.logo{font-size:23px;font-weight:900;text-decoration:none;color:var(--dark);white-space:nowrap}.logo span{color:var(--g)}#search{flex:1;max-width:650px;border:0;background:#f3f6f4;border-radius:13px;padding:13px 16px;outline:0}button{cursor:pointer}#cartBtn{border:0;background:var(--dark);color:white;border-radius:12px;padding:12px 15px;font-weight:800}#count{background:#f4ca48;color:#17231c;border-radius:20px;padding:2px 7px}.hero{margin-top:28px;background:linear-gradient(120deg,#e9f8ee,#f7fbf8);border-radius:28px;padding:55px;display:flex;align-items:center;justify-content:space-between;min-height:350px}.hero small{color:var(--g);font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-3px;margin:15px 0}.hero i{color:var(--g)}.hero p{color:var(--muted);max-width:520px;font-size:17px;line-height:1.6}.heroIcon{font-size:145px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--g);color:#fff;border:0;border-radius:12px;padding:13px 20px;font-weight:850;text-decoration:none}section{padding-top:42px}h2{margin:0 0 15px}.cats{display:flex;gap:10px;overflow:auto}.cat{border:1px solid var(--line);background:white;border-radius:13px;padding:11px 16px;font-weight:750;white-space:nowrap}.cat.active{background:var(--mint);color:var(--g);border-color:#bce2c9}.heading{display:flex;justify-content:space-between;align-items:center}.heading p{color:var(--muted);font-size:13px;margin-top:-8px}.heading select{border:1px solid var(--line);padding:9px;border-radius:10px;background:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.pic{height:165px;background:#f2f7f4;display:grid;place-items:center;font-size:72px}.body{padding:14px}.tag{font-size:11px;color:var(--g);font-weight:900;text-transform:uppercase}.name{font-weight:850;margin:7px 0;min-height:40px}.size{font-size:12px;color:var(--muted);margin-bottom:12px}.row{display:flex;align-items:center;justify-content:space-between}.price{font-weight:900;font-size:18px}.mrp{text-decoration:line-through;color:#8b948e;font-size:12px}.add{border:0;background:var(--g);color:white;border-radius:9px;padding:9px 12px;font-weight:800}.empty{text-align:center;padding:50px;color:var(--muted)}.shade{position:fixed;inset:0;background:#0006;z-index:20;display:none}.shade.show{display:block}#drawer{position:fixed;z-index:21;right:0;top:0;height:100vh;width:min(430px,100%);background:white;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}#drawer.open{transform:none}.drawHead{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawHead button,.x{border:0;background:#f1f4f2;border-radius:50%;width:34px;height:34px;font-size:22px}.items{flex:1;overflow:auto;padding:15px 22px}.line{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.emoji{width:55px;height:55px;background:#f2f7f4;border-radius:12px;display:grid;place-items:center;font-size:29px}.info{flex:1}.qty{display:flex;gap:8px;align-items:center;margin-top:7px}.qty button{width:27px;height:27px;background:white;border:1px solid var(--line);border-radius:7px}.bottom{padding:18px 22px;border-top:1px solid var(--line)}.total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:13px}.full{width:100%}.modal{position:fixed;inset:0;z-index:30;background:#0007;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modalBox{background:white;border-radius:20px;padding:25px;width:min(470px,100%);position:relative}.modalBox .x{position:absolute;right:18px;top:18px}.modalBox form{display:grid;gap:12px;margin-top:18px}.modalBox input,.modalBox textarea,.modalBox select{padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}footer{margin-top:60px;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.hero{padding:40px}.heroIcon{font-size:100px}}@media(max-width:620px){.nav{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.nav input{order:3;flex-basis:100%}.hero{padding:32px 25px}.heroIcon{display:none}.hero h1{font-size:45px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.pic{height:135px;font-size:57px}}