:root {
    --text-main:#111;
    --text-sub:#6b6b6b;
    --border:#ececec;
}

body {
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,
    "SF Pro Display","SF Pro Text",
    "Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:#fff;
    color:var(--text-main);
}

/* CATEGORY BAR */
.menu-categories {
    position:sticky;
    top:0;
    z-index:99;
    display:flex;
    gap:18px;
    padding:14px 16px;
    background:#fff;
    border-bottom:1px solid var(--border);
    overflow-x:auto;
}

.menu-categories a {
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    color:#111;
    white-space:nowrap;
}

/* CATEGORY TITLE */
.menu-items h2 {
    font-size:18px;
    font-weight:600;
    padding:18px 16px 8px;
    margin:0;
}

/* ITEM */
.menu-card {
    display:flex;
    gap:14px;
    padding:14px 16px;
    border-bottom:1px solid var(--border);
}

.menu-card img {
    width:88px;
    height:88px;
    object-fit:cover;
    border-radius:10px;
}

.menu-text h3 {
    margin:0;
    font-size:15px;
    font-weight:600;
}

.menu-text p {
    margin:6px 0;
    font-size:13px;
    color:var(--text-sub);
    line-height:1.35;
}

.menu-text span {
    font-size:14px;
    font-weight:600;
}