/* food-truck page (from the FoodTruck 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,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.jfs-p .sched {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.jfs-p .form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jfs-p .book {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
.jfs-p input, .jfs-p select, .jfs-p textarea {font:inherit;font-size:15px;border:1px solid #c9d2dc;border-radius:10px;padding:11px 12px;min-height:46px;box-sizing:border-box;width:100%;background:#fff;color:#1b2430}
.jfs-p label.f {display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#36404c}
@media (max-width:900px) {
.jfs-p .hero, .jfs-p .sched, .jfs-p .book {grid-template-columns:minmax(0,1fr)}
.jfs-p .form {grid-template-columns:minmax(0,1fr)}
.jfs-p .nav {display:none}
.jfs-p .map {position:relative!important;top:auto!important}
}
.jfs-pin { width: 34px; height: 34px; border-radius: 999px; border: 3px solid #fff; background: #14324f; color: #fff; display: flex; align-items: center; justify-content: center; font: 700 13px Poppins, sans-serif; box-shadow: 0 4px 10px rgba(0,0,0,.25); }
.jfs-p .jfs-stop { cursor: pointer; transition: box-shadow .2s; }
.jfs-p .jfs-stop.on, .jfs-p .jfs-stop:hover { border-color: #14324f !important; box-shadow: 0 0 0 3px #d6e2ee; }
.jfs-p #jfs-truck-map { z-index: 0; }
