body {margin:0;font-family:Arial,Helvetica,sans-serif;color:#222}
header{border-bottom:1px solid #e5e5e5}
footer{border-top:1px solid #e5e5e5;font-size:13px}
nav,footer .inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px}
nav a,footer a{text-decoration:none;color:#222;margin-left:16px;font-size:14px}
.hero{max-width:1200px;margin:auto;padding:70px 20px}
.products{max-width:1200px;margin:auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.product{border:1px solid #e5e5e5;padding:30px}
.product img{max-width:100%;margin:20px 0}
.product-buttons{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:12px 22px;border:1px solid #222;text-decoration:none;font-weight:600;font-size:14px}
.btn.primary{background:#222;color:#fff}
.btn.secondary{background:#fff;color:#222}
.contact-box{border:1px solid #e5e5e5;padding:30px;max-width:600px}