body{
margin:0;
font-family:Arial, sans-serif;
background:linear-gradient(135deg,#ff8c00,#ff5e00,#ffb347);
}

/* HEADER */
.main-header{
padding:30px 20px;
text-align:center;
position:sticky;
top:0;
z-index:1000;
}

.logo-frame{
display:inline-block;
padding:20px 40px;
border:6px solid gold;
border-radius:15px;
box-shadow:0 0 20px rgba(255,215,0,0.7);
background:rgba(255,255,255,0.1);
}

.fire-text{
font-size:42px;
color:white;
animation:fire 1s infinite alternate;
}

@keyframes fire{
0%{text-shadow:0 0 10px orange,0 0 20px red;}
100%{text-shadow:0 0 30px yellow,0 0 60px red;}
}

/* NAV */
.nav-tabs{
margin-top:25px;
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.nav-tabs button{
background:linear-gradient(145deg,#ffa726,#ff6f00);
border:none;
padding:15px 30px;
border-radius:20px;
font-weight:bold;
color:white;
cursor:pointer;
box-shadow:0 8px 15px rgba(0,0,0,0.3);
transition:0.3s;
}

.nav-tabs button:hover{
transform:translateY(-4px);
background:linear-gradient(145deg,#ffb74d,#ff3d00);
}

/* SECTION */
.about,.shop,.cart-section{
background:rgba(255,255,255,0.9);
margin:40px auto;
padding:30px;
border-radius:20px;
width:90%;
max-width:1000px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

/* MENU */
.menu-container{
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content:center;
}

.menu-card{
background:white;
width:250px;
border-radius:15px;
padding:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
text-align:center;
}

.menu-card img{
width:100%;
border-radius:10px;
}

button{
background:#ff5e00;
color:white;
border:none;
padding:10px 15px;
border-radius:8px;
cursor:pointer;
}

/* CART */
.cart-item{
background:white;
margin:10px auto;
padding:10px;
border-radius:10px;
max-width:500px;
}

.qty-btn{
padding:5px 10px;
background:orange;
border:none;
}

.delete-btn{
background:red;
color:white;
padding:5px 10px;
border:none;
}

textarea{
width:100%;
max-width:500px;
height:80px;
border-radius:8px;
padding:10px;
}

/* MODAL */
.modal{
display:none;
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
top:0;
}

.modal-content{
background:white;
width:300px;
margin:10% auto;
padding:20px;
border-radius:15px;
}

/* RESPONSIVE */
@media(max-width:768px){
.menu-container{
flex-direction:column;
align-items:center;
}
}