@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap’);
@import url(‘https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap’);
:root{
–accent:#F07A27;
–bg:#FAF2ED;
–text:#1b1b1b;
–muted:#4c4c4c;
}
*{ box-sizing:border-box; }
body{
margin:0;
background:var(–bg);
color:var(–text);
}
.menu-page{
max-width: 980px;
margin: 0 auto;
padding: 42px 28px 56px;
}
.menu-container{
display:grid;
grid-template-columns: 1fr;
gap: 34px;
font-family: ‘Montserrat’, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
@media (min-width: 880px){
.menu-container{
grid-template-columns: 1fr 1fr;
gap: 64px;
position:relative;
}
.menu-container:after{
content:””;
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:3px;
height:100%;
background:var(–accent);
border-radius:2px;
opacity:.95;
}
}
.menu-section{ margin-bottom: 34px; }
.menu-section h2{
font-family:’Montserrat’, sans-serif;
letter-spacing:.22em;
color:var(–accent);
font-weight:800;
font-size: 26px;
margin: 0 0 16px 0;
text-transform:uppercase;
text-align:center;
}
.menu-item{ margin-bottom: 16px; }
.item-header{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:12px;
margin-bottom:4px;
}
.item-name{
font-family:’Libre Baskerville’, serif;
font-size: 20px;
font-weight:700;
margin:0;
line-height:1.15;
}
.item-price{
font-family:’Libre Baskerville’, serif;
font-size:18px;
font-weight:700;
white-space:nowrap;
}
.item-desc{
font-family:’Montserrat’, sans-serif;
font-size:13px;
line-height:1.35;
color:var(–muted);
margin:0;
font-weight:500;
}
.small-note, .inline-note{
font-family:’Montserrat’, sans-serif;
font-size: 12px;
color: var(–muted);
margin-top: 8px;
}
.small-note{ text-align:left; }
.inline-note{ text-align:center; }
Dinner Menu
@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap’);
@import url(‘https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap’);
:root{
–accent:#F07A27;
–bg:#FAF2ED;
–text:#1b1b1b;
–muted:#4c4c4c;
}
*{ box-sizing:border-box; }
body{
margin:0;
background:var(–bg);
color:var(–text);
}
.menu-page{
max-width: 980px;
margin: 0 auto;
padding: 42px 28px 56px;
}
.menu-container{
display:grid;
grid-template-columns: 1fr;
gap: 34px;
font-family: ‘Montserrat’, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
@media (min-width: 880px){
.menu-container{
grid-template-columns: 1fr 1fr;
gap: 64px;
position:relative;
}
.menu-container:after{
content:””;
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:3px;
height:100%;
background:var(–accent);
border-radius:2px;
opacity:.95;
}
}
.menu-section{ margin-bottom: 34px; }
.menu-section h2{
font-family:’Montserrat’, sans-serif;
letter-spacing:.22em;
color:var(–accent);
font-weight:800;
font-size: 26px;
margin: 0 0 16px 0;
text-transform:uppercase;
text-align:center;
}
.menu-item{ margin-bottom: 16px; }
.item-header{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:12px;
margin-bottom:4px;
}
.item-name{
font-family:’Libre Baskerville’, serif;
font-size: 20px;
font-weight:700;
margin:0;
line-height:1.15;
}
.item-price{
font-family:’Libre Baskerville’, serif;
font-size:18px;
font-weight:700;
white-space:nowrap;
}
.item-desc{
font-family:’Montserrat’, sans-serif;
font-size:13px;
line-height:1.35;
color:var(–muted);
margin:0;
font-weight:500;
}
.inline-note{
font-family:’Montserrat’, sans-serif;
font-size: 12px;
color: var(–muted);
margin-top: 8px;
text-align:center;
font-weight:600;
}
@2026 Zilan Inc.
All Rights Reserved