/* menu page (from the RestaurantMenu mockup). */
.jfs-p {margin:0;background:#ffffff;color:#1b2430;font-family:Roboto,system-ui,sans-serif}
.jfs-p a {color:#14324f}
.jfs-p a:hover {color:#0b1f33}
.jfs-p h1, .jfs-p h2, .jfs-p h3 {font-family:Poppins,system-ui,sans-serif}
.jfs-p .wrap {max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.jfs-p .nav {display:flex;gap:28px}
.jfs-p .hero {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.jfs-p .feat {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jfs-p .rows {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 48px}
.jfs-p .chips {display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.jfs-p .chips::-webkit-scrollbar {display:none}
@media (max-width:900px) {
.jfs-p .hero {grid-template-columns:minmax(0,1fr)}
.jfs-p .hero-img {display:none}
.jfs-p .feat {grid-template-columns:minmax(0,1fr)}
.jfs-p .rows {grid-template-columns:minmax(0,1fr)}
.jfs-p .nav {display:none}
}
.jfs-p .jfs-diet { font: inherit; font-size: 13px; font-weight: 600; min-height: 32px; padding: 0 12px; border-radius: 999px; cursor: pointer; background: #ffffff; color: #36404c; border: 1px solid #c9d2dc; }
.jfs-p .jfs-diet[aria-pressed="true"] { background: #1f6b43; color: #ffffff; border-color: #1f6b43; }
.jfs-p .chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.jfs-p .mdesc ul { margin: 4px 0; padding-left: 18px; list-style: disc; }
.jfs-p .mdesc li { margin: 0; }
.jfs-p .mdesc b, .jfs-p .mdesc strong { color: #1b2430; font-weight: 700; }
/* Featured dish photos fill a 4:3 frame. Styled here, not inline, because Imagify moves inline styles onto <picture>. */
.jfs-p picture.mphoto { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; }
.jfs-p picture.mphoto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.jfs-p img.mphoto { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }