body{
margin:0;
font-family:Arial, sans-serif;
background:#FFF5F6;
color:#1C1C1C;
}

.app-container{
max-width:480px;
margin:auto;
background:white;
min-height:100vh;
position:relative;
padding-bottom:70px;
}

.app-header{
background:#E23744;
padding:20px;
text-align:center;
color:white;
font-weight:bold;
border-bottom:4px solid #FF4F5A;
}

.top-banner{
padding:20px;
background:white;
text-align:center;
border-bottom:3px solid #FF4F5A;
}

.restaurant-list{
padding:15px;
}

.restaurant-card{
display:flex;
background:white;
border-radius:14px;
margin-bottom:15px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
overflow:hidden;
}

.restaurant-img{
width:35%;
background:url('https://source.unsplash.com/400x400/?restaurant,food') center/cover;
}

.restaurant-info{
padding:12px;
width:65%;
}

.restaurant-info button{
width:100%;
padding:8px;
border:none;
border-radius:8px;
background:#E23744;
color:white;
font-weight:bold;
margin-top:8px;
}

.restaurant-info button:hover{
background:#CB202D;
}

.bottom-nav{
position:fixed;
bottom:0;
left:50%;
transform:translateX(-50%);
width:100%;
max-width:480px;
background:white;
display:flex;
justify-content:space-around;
border-top:2px solid #FF4F5A;
padding:8px 0;
}

.nav-item{
text-align:center;
font-size:13px;
color:#888;
text-decoration:none;
display:flex;
flex-direction:column;
align-items:center;
}

.nav-item.active{
color:#E23744;
font-weight:bold;
}