/* catering-packages page (from the CateringPackages 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 .sub {display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.jfs-p .pick {display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.jfs-p .detail {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
.jfs-p .items {columns:2;column-gap:24px}
.jfs-p .tiers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jfs-p .slots {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.jfs-p .quote {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
.jfs-p .form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.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 .pick, .jfs-p .detail, .jfs-p .tiers, .jfs-p .quote, .jfs-p .form {grid-template-columns:minmax(0,1fr)}
.jfs-p .slots {grid-template-columns:repeat(2,minmax(0,1fr))}
.jfs-p .items {columns:1}
.jfs-p .nav {display:none}
}
.jfs-p .jfs-pkgtab { display: flex; justify-content: space-between; align-items: center; gap: 10px; text-align: left; font: inherit; min-height: 54px; padding: 0 16px; border-radius: 12px; cursor: pointer; background: #ffffff; color: #1b2430; border: 1px solid #dde3ea; }
.jfs-p .jfs-pkgtab[aria-selected="true"] { background: #14324f; color: #ffffff; border-color: #14324f; }
.jfs-p .jfs-tier { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; text-align: left; padding: 22px; border-radius: 16px; text-decoration: none; background: transparent; color: #ffffff; border: 1px solid rgba(255,255,255,.3); }
.jfs-p .jfs-tier:hover, .jfs-p .jfs-tier:focus-visible { background: #ffffff; color: #14324f; border-color: #ffffff; }