*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#18342d;background:#fbfaf6}a{color:inherit;text-decoration:none}button,select,input{font:inherit}header{background:#fff;border-bottom:1px solid #ddd;padding:22px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;position:sticky;top:0;z-index:5}.logo{font-size:27px;font-weight:800;letter-spacing:-1px}.logo small{font-size:10px;display:block;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:24px}.wrap{max-width:1250px;margin:auto;padding:35px 30px}.hero{background:#e3ebdb;border-radius:20px;padding:60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero h1{font-size:65px;letter-spacing:-3px;line-height:1.02;margin:20px 0}.hero p{line-height:1.8;max-width:400px}.hero img{width:100%;height:350px;object-fit:contain}.btn,button{display:inline-block;background:#214d3c;color:#fff;border:0;border-radius:8px;padding:14px 22px;cursor:pointer}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #e3e5dc;border-radius:12px;overflow:hidden}.card img{width:100%;height:220px;object-fit:contain;background:#f0f0e8}.card>div{padding:18px}.card h3{font-size:16px;min-height:38px}.card small{color:#65756b}.price{font-size:20px;font-weight:bold}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.tabs a{padding:12px 18px;border:1px solid #cbd5ca;border-radius:25px}h2{font-size:32px;letter-spacing:-1px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail img{width:100%;height:500px;object-fit:contain;background:#fff}.detail p{line-height:1.8}footer{background:#153d30;color:#fff;margin-top:60px;padding:45px 5%;line-height:1.9}.note{background:#f0eee2;padding:20px;border-radius:10px;font-size:13px;line-height:1.8}input{padding:14px;border:1px solid #bdcabb;border-radius:7px;width:100%;margin:10px 0 25px}.cartline{padding:22px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;gap:20px}@media(max-width:700px){header{padding:18px;flex-wrap:wrap}nav{font-size:12px;gap:15px}.wrap{padding:22px 16px}.hero{padding:30px;grid-template-columns:1fr}.hero h1{font-size:45px}.hero img{height:220px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card img{height:150px}.card>div{padding:12px}.detail{grid-template-columns:1fr;gap:20px}.detail img{height:300px}}