body{font-family:Arial;margin:0;background:#fff;color:#111}
.navbar{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}
.hero{text-align:center;padding:80px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px}
.card{border:1px solid #eee;padding:15px;text-align:center;border-radius:10px}
.card img{width:100%;height:220px;object-fit:cover}
.product{text-align:center;padding:40px}
.btn{background:#111;color:white;padding:12px 20px;text-decoration:none;border-radius:6px}
table{margin:40px auto;border-collapse:collapse}
td,th{border:1px solid #ddd;padding:10px}