body{
  margin:0;
  font-family:Arial;
  background:#f5f5f5;
  padding:20px;
}

.navbar{
  background:#dce7ff;
  padding:20px;
  border-radius:20px;
}

.logo{
  font-size:32px;
  font-weight:bold;
}

.navbar input{
  width:100%;
  margin-top:15px;
  padding:14px;
  border:none;
  border-radius:10px;
}

.banner{
  margin-top:20px;
  background:#cfe0ff;
  padding:30px;
  border-radius:20px;
}

.banner h1{
  font-size:42px;
}

.card,.section,.price,.search,.mine{
  background:white;
  margin-top:20px;
  padding:20px;
  border-radius:20px;
}

.types{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:15px;
}

.item{
  background:#f2f2f2;
  padding:15px;
  border-radius:10px;
}

button{
  margin-top:20px;
  background:#4a7dff;
  color:white;
  border:none;
  padding:12px 25px;
  border-radius:30px;
  cursor:pointer;
}

.products{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.product{
  background:#eee;
  padding:15px;
  border-radius:10px;
}

.row{
  display:flex;
  justify-content:space-between;
  padding:15px 0;
  border-bottom:1px solid #eee;
}

.search input{
  width:100%;
  padding:14px;
  border-radius:10px;
  border:1px solid #ddd;
  margin-top:15px;
}

.wallet{
  margin-top:20px;
  font-size:22px;
  font-weight:bold;
}