/* ===== breakfast.html ===== */
.bn-head{max-width:1180px;margin:0 auto;padding:44px 20px 8px;text-align:center}
.bn-head h1{font-size:34px;font-weight:600;letter-spacing:.5px}
.bn-head p{font-family:Arial,sans-serif;font-size:14.5px;color:#333;margin-top:8px}
.bn-hero{max-width:1180px;margin:18px auto 0;padding:0 20px}
.bn-hero img{width:100%;height:320px;object-fit:cover}
.bn-hero div{background:#FFC845;text-align:center;padding:12px}
.bn-hero p{font-weight:700;letter-spacing:.5px}
.cat-sorting{max-width:1180px;margin:40px auto;padding:0 20px}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.cat{position:relative;display:block;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.2s}
.cat:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.22)}
.cat img{width:100%;height:150px;object-fit:cover;display:block}
.cat div{position:absolute;left:0;right:0;bottom:0;background:rgba(17,17,17,.85);padding:8px;text-align:center}
.cat p{color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.4px}
.cat-sec{max-width:1180px;margin:0 auto;padding:46px 20px 10px}
.cat-sec h2{font-size:26px;font-weight:600;border-bottom:3px solid #FFC845;display:inline-block;padding-bottom:6px}
.fi-row{list-style:none;display:flex;flex-wrap:wrap;gap:26px;padding:26px 0}
.fi{width:260px;cursor:pointer;position:relative;transition:.2s}
.fi:hover{transform:translateY(-3px)}
.fi-img{width:100%;height:190px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.fi-name{font-weight:700;text-align:center;margin-top:10px;font-size:15px;letter-spacing:.3px}
.fi-deats{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);margin-top:12px;border-top:6px solid #FFC845}
.fi-deats-in{padding:16px}
.fi-col h3{font-size:16px;margin-bottom:6px}
.fi-cals{font-family:Arial,sans-serif;font-size:13px;margin-bottom:10px;color:#333}
.nrow{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:12.5px;border-bottom:1px solid #eee6d2;padding:5px 0}
.nrow b{font-weight:700}
.nall{margin-top:8px;font-family:Arial,sans-serif;font-size:11.5px;color:#777}
.fi-spacer{visibility:hidden}
@media(max-width:980px){.cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.cats{grid-template-columns:repeat(2,1fr)}.fi{width:100%}}