body, html { margin:0; padding:0; font-family:Arial,sans-serif; }
header { background:#333; color:#fff; padding:10px 0; }
header .container { display:flex; justify-content:space-between; align-items:center; }
header .nav-links { list-style:none; display:flex; gap:15px; margin:0; padding:0; }
header .nav-links li a { color:#fff; text-decoration:none; }
.hero { background:#f4f4f4; text-align:center; padding:50px 20px; }
.products { padding:40px 20px; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.product-card { border:1px solid #ccc; padding:10px; text-align:center; }
.product-card img { width:100%; height:150px; object-fit:cover; }
.product-card button { margin-top:10px; padding:5px 10px; cursor:pointer; }
footer { background:#333; color:#fff; text-align:center; padding:20px; }
table { width:100%; border-collapse:collapse; margin-bottom:20px; }
table, th, td { border:1px solid #ccc; }
th, td { padding:10px; text-align:center; }
button { cursor:pointer; }
input[type=number] { width:60px; }