*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#123d2f;background:#fff}.topbar{background:#0d3c2e;color:#fff;text-align:center;padding:10px;font-size:13px}header{height:82px;display:flex;align-items:center;gap:28px;padding:0 6%;border-bottom:1px solid #eee}.logo{font-size:28px;font-weight:800;letter-spacing:2px;white-space:nowrap}.logo span{font-size:34px}.search{display:flex;flex:1;max-width:620px}.search input{flex:1;padding:14px 18px;border:1px solid #ddd;border-radius:12px 0 0 12px;font-size:15px}.search button{width:54px;border:0;background:#0d3c2e;color:#fff;border-radius:0 12px 12px 0;font-size:22px}.icons button{border:0;background:none;font-size:22px;cursor:pointer}nav{display:flex;justify-content:center;gap:35px;padding:16px;border-bottom:1px solid #eee}nav a,footer a{color:inherit;text-decoration:none}.hero{margin:0 auto;max-width:1250px;min-height:430px;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#f6ead8}.hero h1{font-size:54px;line-height:1.03;margin:15px 0}.hero p{font-size:19px;max-width:520px;line-height:1.5}.hero-art{height:320px;border-radius:25px;background:linear-gradient(135deg,#d8eadc,#f4d6ad);display:flex;align-items:center;justify-content:center;font-size:130px;position:relative}.hero-art div{position:absolute;bottom:25px;right:25px;background:#fff;padding:15px 20px;border-radius:15px;font-size:17px}.primary,.add{border:0;border-radius:12px;padding:14px 20px;cursor:pointer;font-weight:700}.primary{background:#0d3c2e;color:white}.section{max-width:1250px;margin:auto;padding:55px 5%}.section h2{font-size:30px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cats a{padding:28px;background:#f4f7f2;border-radius:18px;text-decoration:none;color:#123d2f;font-size:32px}.cats b{display:block;font-size:16px;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #eee;border-radius:18px;overflow:hidden;padding-bottom:15px}.pic{height:190px;background:#edf3ed;display:flex;align-items:center;justify-content:center;font-size:80px;position:relative}.pic span{position:absolute;left:12px;top:12px;background:#0d3c2e;color:#fff;padding:5px 9px;border-radius:20px;font-size:12px}.card h3,.card .price,.card .stars,.card .add{margin-left:15px;margin-right:15px}.stars{color:#e89b00;margin-top:12px}.stars small{color:#777}.card h3{font-size:16px;min-height:40px}.price{font-size:21px;font-weight:800}.price del{font-size:13px;color:#999;margin-left:7px;font-weight:400}.add{width:calc(100% - 30px);background:#0d3c2e;color:#fff;margin-top:12px}.trust{max-width:1150px;margin:0 auto 55px;padding:25px;background:#f2f6f1;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}.trust div{font-size:22px}.trust b,.trust span{display:block;font-size:14px;margin-top:5px}.trust span{color:#777}.newsletter{text-align:center;background:#f6ead8;padding:60px 20px}.newsletter input{padding:15px;width:280px;border:0;border-radius:10px;margin-right:7px}footer{background:#0d3c2e;color:#fff;padding:50px 7%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer a{display:block;margin-top:12px;color:#dbe8e0}.cart{position:fixed;right:-420px;top:0;width:400px;height:100%;background:#fff;z-index:20;padding:25px;box-shadow:-10px 0 30px #0002;transition:.3s;overflow:auto}.cart.open{right:0}.cart-head{display:flex;justify-content:space-between}.cart-head button{border:0;background:none;font-size:20px}.cart-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #eee;align-items:center}.cart-item span{font-size:30px}.cart-item div{flex:1;font-size:14px}.cart-item b{display:block;margin-top:5px}.cart-item button{border:0;background:none}.total{display:flex;justify-content:space-between;font-size:20px;padding:20px 0}.full{width:100%}.empty{text-align:center;color:#777}#overlay{display:none;position:fixed;inset:0;background:#0007;z-index:10}#overlay.show{display:block}@media(max-width:850px){header{padding:12px 4%;height:auto;flex-wrap:wrap}.search{order:3;flex-basis:100%}nav{overflow:auto;justify-content:flex-start;white-space:nowrap}.hero{grid-template-columns:1fr;padding:40px 6%}.hero h1{font-size:42px}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr);margin:20px}.newsletter input{width:100%;margin:0 0 10px}.newsletter .primary{width:100%}footer{grid-template-columns:1fr 1fr}.cart{width:92%}}