body { font-family: Arial; margin:0; background:#f4f4f4; }
header, footer { background:#333; color:#fff; padding:10px; }
nav a { color:#fff; margin-right:40px; text-decoration:none; }

.container { padding:20px }
.product-grid { display:flex; flex-wrap:wrap; gap:20px }
.product-card { background:#fff; border:1px solid #ccc; padding:10px; }
.btn { background:#007bff; color:#fff; border:none; padding:8px 12px; cursor:pointer; }

.product-card img {
  transition: transform 0.3s ease;
}
.product-card img:hover {
  transform: scale(1.05);
}

.card-img-top {
  width: 100%;
  height: 180px;
  object-fit: cover;
}