*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f5faf7;color:#183128}a{color:#087b52}.hidden{display:none!important}.login{min-height:100vh;max-width:520px;margin:auto;padding:45px 24px;text-align:center;background:linear-gradient(#fff,#e9fff4)}.logo{width:150px;height:150px;object-fit:cover;border-radius:24px}.login h1{font-size:42px;color:#087b52}.login input{width:100%;padding:17px;margin:8px 0;border:1.5px solid #078657;border-radius:16px;font-size:16px}.login button,.primary{width:100%;padding:16px;border:0;border-radius:14px;background:#078657;color:#fff;font-weight:700;font-size:17px}header{height:64px;background:#078657;color:#fff;display:flex;align-items:center;padding:8px 12px;gap:10px;position:sticky;top:0;z-index:5}header img{width:42px;height:42px;border-radius:8px;object-fit:cover}header b{flex:1;font-size:21px}header button{background:none;border:0;color:#fff;font-size:20px}.drawer{position:fixed;z-index:9;top:64px;left:0;width:280px;height:calc(100vh - 64px);background:#fff;box-shadow:4px 0 20px #0002;padding:15px}.drawer a{display:block;padding:14px;border-bottom:1px solid #eee;text-decoration:none}.search{margin:15px;width:calc(100% - 30px);padding:14px;border:1px solid #ddd;border-radius:14px}.hero{margin:15px;padding:22px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#087b52,#20b978)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.card,.row{background:#fff;border-radius:15px;padding:15px;box-shadow:0 3px 14px #0001}.pic{height:95px;border-radius:12px;background:#e8fff3;display:flex;align-items:center;justify-content:center;font-size:42px}.card h3{font-size:15px}.price{font-size:18px;font-weight:bold}.card button{background:#078657;color:#fff;border:0;border-radius:9px;padding:9px}.row{margin:10px 15px}.section{padding:0 15px}nav{position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid #ddd;display:flex}nav button{flex:1;border:0;background:#fff;color:#076647;font-size:18px}nav small{display:block;font-size:10px}main{padding-bottom:78px}.checkout input{width:100%;padding:13px;margin:6px 0;border:1px solid #ddd;border-radius:10px}@media(min-width:800px){main{max-width:900px;margin:auto}.grid{grid-template-columns:repeat(4,1fr)}}