*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#17231f;font-family:Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e7ece9;position:sticky;top:0;z-index:5}.nav{height:70px;display:flex;align-items:center;gap:28px}.logo{font-size:24px;font-weight:900;color:#087453}.nav nav{display:flex;gap:20px;flex:1;color:#52625b}.nav button{border:0;background:#edf7f2;padding:11px 15px;border-radius:12px;cursor:pointer}.hero{min-height:470px;display:grid;grid-template-columns:1.35fr .8fr;gap:55px;align-items:center}.tag{color:#087453;font-weight:bold;font-size:13px}.hero h1{font-size:43px;line-height:1.4;margin:12px 0}.hero p{font-size:18px;line-height:2;color:#5c6c65;max-width:680px}.btn{display:inline-block;border:0;background:#087453;color:#fff;padding:13px 22px;border-radius:12px;font-weight:bold;cursor:pointer}.heroCard{min-height:300px;border-radius:30px;background:linear-gradient(145deg,#dff2e9,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.heroCard span{font-size:55px;font-weight:900;letter-spacing:5px;color:#087453}.heroCard strong{font-size:24px}.heroCard small{color:#65766f}.section{padding:35px 20px}.section h2,.info h2{font-size:29px}.cats{display:flex;gap:10px;flex-wrap:wrap}.cats button{border:1px solid #dce6e1;background:#fff;border-radius:12px;padding:12px 18px;cursor:pointer}.cats button.active,.cats button:hover{background:#087453;color:#fff}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.toolbar h2{margin:7px 0}.toolbar input{width:280px;padding:13px;border:1px solid #d8e0dc;border-radius:12px;background:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e6ece9;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:11px}.pic{height:165px;background:#eef3f0;border-radius:14px;display:grid;place-items:center;font-size:55px}.card h3{margin:0;font-size:17px}.muted{color:#7b8782;font-size:13px;line-height:1.8}.price{font-weight:bold}.card button{border:0;background:#087453;color:#fff;padding:11px;border-radius:10px;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.features div{background:#fff;border:1px solid #e6ece9;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}.info{padding-bottom:90px}.info p{color:#65746e}.cart{position:fixed;z-index:10;right:-430px;top:0;width:410px;max-width:92vw;height:100vh;background:#fff;padding:24px;box-shadow:0 0 35px #0002;transition:.25s;overflow:auto}.cart.open{right:0}.cartHead{display:flex;justify-content:space-between}.cartHead button,#modalClose{border:0;background:none;font-size:30px;cursor:pointer}.cartItem{padding:15px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:10px}.total{display:flex;justify-content:space-between;padding:22px 0}.full{width:100%}#shade{display:none;position:fixed;inset:0;background:#0005;z-index:9}#shade.show{display:block}.modal{display:none;position:fixed;inset:0;background:#0006;z-index:20;place-items:center;padding:20px}.modal.show{display:grid}.modalBox{background:#fff;border-radius:20px;padding:25px;width:420px;max-width:100%;position:relative}.modalBox form{display:grid;gap:12px}.modalBox input,.modalBox textarea{padding:13px;border:1px solid #d9e1dd;border-radius:10px;font:inherit}.modalBox textarea{min-height:100px}footer{background:#17231f;color:#fff;padding:25px}@media(max-width:760px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:32px}.grid,.features{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{width:100%}}