*{
box-sizing:border-box;
}


body{

margin:0;

font-family:Arial, sans-serif;

background:#fff8ef;

color:#333;

}



header{

background:#d35400;

color:white;

text-align:center;

padding:25px;

}



h2{

text-align:center;

margin-top:30px;

}



.menu{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

padding:20px;

}



.item,
.card{

background:white;

width:250px;

padding:15px;

border-radius:15px;

box-shadow:0 5px 15px #ccc;

text-align:center;

margin:10px;

}



.item img,
.card img{

width:100%;

height:170px;

object-fit:cover;

border-radius:10px;

}



button{

background:#d35400;

color:white;

border:none;

padding:12px 20px;

border-radius:20px;

cursor:pointer;

margin:5px;

}



button:hover{

opacity:0.8;

}



.whatsapp{

background:#25D366;

width:100%;

font-size:18px;

}



.pesanan{

background:white;

margin:20px;

padding:25px;

border-radius:15px;

}



input,
select{

width:90%;

padding:12px;

border-radius:10px;

border:1px solid #ccc;

}



#cart{

padding:15px;

background:#fff3e0;

border-radius:10px;

}



#orderList{

padding:10px;

}



footer{

background:#333;

color:white;

text-align:center;

padding:15px;

margin-top:30px;

}



/* PHONE */

@media(max-width:600px){


.item,
.card{

width:90%;

}


.menu{

padding:5px;

}


}

.info{
    text-align:center;
    padding:30px;
}

.tabs{

text-align:center;

padding:20px;

}


.tab{

background:white;

margin:20px;

padding:20px;

border-radius:15px;

}