*{box-sizing:border-box}body{margin:0;background:#f5f8f7;color:#10231d;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header{background:#10231d;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header a{text-decoration:none}.brand{font-size:24px;font-weight:800}nav{display:flex;gap:24px;flex-wrap:wrap}main{max-width:1400px;margin:auto;padding:40px 24px}h1{font-size:clamp(28px,4vw,48px);line-height:1.15}h2{line-height:1.3}.intro{max-width:820px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.card{background:white;padding:20px;border:1px solid #dde6e1;border-radius:18px}.card img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #eee}.card h2{font-size:20px}.tag{font-size:13px;color:#547468}.price{font-size:26px;font-weight:800}.button{display:inline-block;background:#11654d;color:white;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;margin:6px 6px 6px 0}.secondary{background:#e4f2eb;color:#10231d}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.detail img{width:100%;border:1px solid #dde6e1}footer{padding:30px 5%;background:#10231d;color:white}section{margin:40px 0}del{color:#6f7e77;font-size:18px}@media(max-width:700px){.detail{grid-template-columns:1fr}main{padding:24px 16px}}