body{
  font-family:Arial;
  background:#f4f6f9;
  margin:0;
}

nav{
  background:#111827;
  color:white;
  padding:15px;
  display:flex;
  justify-content:space-between;
}

nav input{
  padding:8px;
  border-radius:6px;
  border:none;
}

.container{
  padding:30px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:15px;
  border-radius:10px;
  text-align:center;
  box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.card img{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:6px;
}

.price{
  color:green;
  font-weight:bold;
}

button{
  background:#2563eb;
  color:white;
  border:none;
  padding:8px 12px;
  border-radius:6px;
  cursor:pointer;
}