*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#182b28;background:#fafbf8}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0} .wrap{max-width:1320px;margin:auto;padding:0 38px}.top{background:#173f35;color:#fff;text-align:center;padding:10px;font-size:12px;letter-spacing:.5px}.top span{opacity:.7;margin-left:18px}header{background:white;border-bottom:1px solid #e5e8e1;position:sticky;top:0;z-index:5}.head{display:flex;gap:38px;align-items:center;height:94px}.logo{font-size:30px;font-weight:900;letter-spacing:-1.7px}.logo i{font-style:normal;color:#ef683e}.search{display:flex;flex:1;background:#f3f5f1;border-radius:7px;padding:7px 8px 7px 18px;border:1px solid #e7eae2}.search input{background:none;border:0;outline:0;width:100%;font-size:14px}.search button{background:#173f35;color:white;padding:11px 19px;border-radius:5px}.cartbtn{background:none;white-space:nowrap;color:#173f35}.nav{display:flex;gap:30px;padding-top:16px;padding-bottom:17px;font-size:13px}.nav a:first-child{font-weight:bold}.nav .right{margin-left:auto;color:#dc603a}.hero{margin:28px 0 24px;background:#e7ece2;border-radius:15px;min-height:470px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:55px 0 50px 48px;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;text-transform:uppercase}.eyebrow:before{content:'●';color:#e76a42;margin-right:10px}h1{font-size:66px;line-height:1.02;letter-spacing:-3.5px;font-weight:600;margin:25px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;color:#537348}p{line-height:1.65}.hero p{font-size:14px;color:#637065;max-width:350px}.primary{display:inline-block;background:#173f35;color:white;padding:15px 23px;border-radius:5px;font-size:13px}.hero-image{position:relative;background:url('./assets/photo-1600210492486-724fe5c67fb0.jpg') center/cover}.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7ece2,transparent 28%)}.image-label{position:absolute;bottom:25px;right:25px;background:#fffffff0;padding:17px 22px;border-radius:8px;font-size:12px}.image-label strong{display:block;font-size:17px;margin-bottom:5px}.benefits{display:flex;justify-content:space-between;padding:21px 0 28px;border-bottom:1px solid #e0e5db;font-size:12px}.benefits b{font-size:16px;margin-right:10px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:36px 0 22px}.sectionhead h2{font-size:27px;letter-spacing:-.8px;margin:0}.sectionhead p{font-size:13px;color:#738075;margin:8px 0 0}.sectionhead a{font-size:12px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{background:#eff2eb;border:1px solid transparent;border-radius:9px;padding:19px 10px;text-align:center;color:#27483a;font-size:12px}.category.active{border-color:#234e3b;background:#e0e8d8}.category span{display:block;font-size:28px;margin-bottom:12px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{padding:10px 17px;border-radius:30px;background:#eff1eb;color:#687566;font-size:12px}.tabs button.active{background:#173f35;color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.product{background:white;border:1px solid #e6e9e0;border-radius:10px;overflow:hidden}.photo{position:relative;height:230px;background:#f0f0e9;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;left:13px;top:13px;background:white;color:#325339;padding:7px 9px;border-radius:4px;font-size:10px;font-weight:bold}.heart{position:absolute;right:12px;top:12px;background:#fffe;border-radius:50%;width:30px;height:30px}.heart.saved{color:#e9643e}.info{padding:18px}.brand{color:#7a897c;font-size:10px;text-transform:uppercase;letter-spacing:1px}.info h3{font-size:14px;margin:10px 0;line-height:1.45;min-height:40px}.price{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:bold}.old{font-size:12px;font-weight:400;text-decoration:line-through;color:#96a096}.add{margin-left:auto;background:#e8eee2;color:#254c35;width:32px;height:32px;border-radius:50%;font-size:20px}.note{font-size:11px;color:#7f887e;margin-top:12px}.banner{background:#173f35;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:40px;color:white;margin:25px 0 48px}.banner h2{font:36px Georgia;margin:10px 0}.banner p{font-size:13px;opacity:.75}.banner button{background:#e9efcc;padding:15px 24px;border-radius:5px;color:#173f35}footer{background:#edf0e7;padding:40px 0 24px}.footer-row{display:flex;justify-content:space-between;gap:25px}.footer-row p{font-size:12px;color:#74806f;max-width:320px}.footerlinks{font-size:12px;line-height:2.1}.fine{margin-top:30px;padding-top:18px;border-top:1px solid #d8dfd1;color:#7d8677;font-size:11px;display:flex;justify-content:space-between}.demo{background:#f6eedc;color:#796744;padding:8px;text-align:center;font-size:11px}.overlay{position:fixed;inset:0;background:#0006;z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{background:#fff;border-radius:15px;padding:30px;width:480px;max-height:85vh;overflow:auto}.close{float:right;background:#eff2e9;padding:8px 12px;border-radius:50%}.cartrow{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #eee;font-size:13px}.cartrow img{width:55px;height:55px;object-fit:cover;border-radius:6px}.cartrow div{flex:1}.cartrow button{padding:5px 9px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f35;color:white;padding:14px 25px;border-radius:8px;z-index:30;display:none;font-size:13px}.empty{grid-column:1/-1;padding:50px;text-align:center;color:#6c786b}@media(max-width:800px){.wrap{padding:0 20px}.head{gap:16px;flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:15px}.logo{font-size:26px}.search{order:3;flex-basis:100%}.cartbtn{margin-left:auto}.nav{gap:20px;overflow:auto;white-space:nowrap}.nav .right{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 25px}h1{font-size:49px}.hero-image{height:230px}.hero-image:before{background:linear-gradient(#e7ece2,transparent 30%)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr);gap:10px}.photo{height:170px}.info{padding:12px}.price{font-size:15px;gap:5px}.old{font-size:10px}.sectionhead{gap:15px;align-items:start}.sectionhead h2{font-size:23px}.sectionhead .tabs{max-width:180px;justify-content:end}.tabs button{padding:8px 11px}.banner{padding:26px;display:block}.banner h2{font-size:30px}.footer-row{flex-wrap:wrap}.fine{gap:20px}.top span{display:none}}