body{
  margin:0;
  font-family:"Segoe UI", Arial, sans-serif;
  background:#000;
  color:#fff;
}

/* HEADER */
.header{
  text-align:center;
  padding:18px 0 12px;
}

.logo{
  width:160px;
  height:auto;
  display:block;
  margin:0 auto 8px;
}

h1{
  margin:0;
  font-size:36px;
  color:#7CFC00;
}

/* SEARCH */
#searchArea{
  text-align:center;
  padding:14px;
}

#searchInput{
  width:90%;
  max-width:420px;
  padding:14px 18px;
  border-radius:30px;
  border:none;
  outline:none;
  font-size:16px;
}

/* CATEGORIES */
#categories{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:10px;
}

#categories button{
  width:90%;
  max-width:420px;
  padding:14px;
  border-radius:30px;
  border:none;
  background:#dff5e1;
  color:#0b4d1b;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}

/* MENU */
#menu{
  padding:14px;
}

#menu h2,
#menu h3{
  color:#7CFC00;
}

/* PRICE HEADER */
.price-header{
  display:flex;
  justify-content:space-between;
  margin:10px 6px;
  font-weight:600;
  color:#7CFC00;
}

.price-header .left{
  flex:1;
}

.price-header .right{
  width:160px;
  display:flex;
  justify-content:space-between;
}

/* ITEM ROW */
.item{
  display:flex;
  justify-content:space-between;
  padding:14px;
  background:#111;
  border-radius:12px;
  margin-bottom:10px;
  border:1px solid #222;
}

.item .name{
  flex:1;
}

.item .prices{
  width:160px;
  display:flex;
  justify-content:space-between;
}