:root{--ink:#1d2925;--muted:#68736d;--cream:#f6f4ee;--lime:#d9ef4a;--line:#dfe3d9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.nav,.hero,.products,.how,.newsletter,footer{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#f6f4eeeF;backdrop-filter:blur(10px);z-index:3}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:800;direction:rtl}.logo:first-letter{background:var(--lime)}nav{display:flex;gap:30px;color:var(--muted);font-size:14px}button,input{font:inherit}#savedBtn{border:0;background:none;color:var(--muted);cursor:pointer}#count{background:var(--ink);color:white;border-radius:10px;padding:2px 6px;font-size:11px}.hero{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero small,.products small,.how small,.newsletter small{color:#87923c;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:bold}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.hero i,h2 i{font-style:normal;color:#8d9a3e}.hero p{max-width:480px;color:var(--muted);line-height:2}.cta{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:3px;padding:15px 22px;margin-top:18px;cursor:pointer;font-weight:bold}.art{height:380px;position:relative}.shape{position:absolute;background:#dfe7c9;width:340px;height:340px;border-radius:50%;right:45px;top:20px}.visual{position:absolute;right:95px;top:42px;width:250px;height:300px;border-radius:130px 130px 20px 20px;background:linear-gradient(145deg,#b8c77a,#7e9655);color:#eff4d4;font-size:120px;text-align:center;padding-top:65px;box-shadow:15px 18px 0 #65763e}.visual b{display:block;font-size:11px;color:white;letter-spacing:2px;text-align:left;margin:35px 0 0 25px}.art label,.art aside{position:absolute;background:white;padding:14px;box-shadow:0 12px 30px #66733a30;border-radius:4px;font-size:12px}.art label{top:50px;left:0;color:#82913d}.art aside{bottom:20px;right:0}.art aside strong{font-size:21px}.art aside{color:#a2ad50}.art aside small{color:var(--muted)}.products{padding-top:40px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading h2,h2{font-size:36px;margin:10px 0 0}.controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.controls input{padding:11px;border:1px solid var(--line);background:white;width:190px}.controls button{border:0;background:none;padding:10px 13px;cursor:pointer;color:var(--muted)}.controls button.active{background:var(--ink);color:white;border-radius:3px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border-radius:4px;overflow:hidden}.pic{height:190px;display:grid;place-items:center;font-size:80px;position:relative}.one{background:#e9d8d0}.two{background:#c7d1bd}.three{background:#ddd5c5}.four{background:#d5d8df}.heart{position:absolute;left:12px;top:12px;border:0;background:white;border-radius:50%;width:30px;height:30px;cursor:pointer}.info{padding:14px}.info h3{font-size:14px;margin:0 0 5px}.info p{font-size:12px;color:var(--muted);margin:0}.price{display:flex;justify-content:space-between;margin-top:15px;font-weight:bold}.store{font-size:10px;color:#87923c}.how{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:130px;padding-bottom:110px}.how p{color:var(--muted);line-height:2;max-width:430px}.steps{border-top:1px solid var(--line)}.steps div{display:grid;grid-template-columns:55px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}.steps b{color:#9eab4a}.steps p{grid-column:2;margin:6px 0 0;font-size:12px}.newsletter{background:var(--lime);padding-top:45px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.newsletter small{color:#697521}.newsletter form{display:flex;gap:8px}.newsletter input{border:0;padding:15px;width:230px}.newsletter .cta{margin:0}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.art{height:340px}.shape{right:calc(50% - 170px)}.visual{right:calc(50% - 125px)}.heading,.newsletter{display:block}.controls{margin-top:20px}.grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr;gap:35px;padding-top:80px}.newsletter form{margin-top:20px}footer{display:block}footer span{display:block;margin:7px 0}}