/* branches */
html[data-branch="makati"] [data-b="bf"]:not(.fade),
html[data-branch="bf"] [data-b="makati"]:not(.fade) { display: none !important; }
/* content fades in when the branch changes */
@keyframes swapfade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
main [data-b]:not(.fade) { animation: swapfade .5s ease both; }
/* hero photos crossfade when the branch changes */
.hero-media { display: grid; }
.hero-media img.fade { grid-area: 1 / 1; opacity: 0; transition: opacity .7s ease; }
html[data-branch="makati"] .hero-media img[data-b="makati"],
html[data-branch="bf"] .hero-media img[data-b="bf"] { opacity: 1; }
.bsw { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .8rem; margin: 0 0 1.2rem; }
.bs-label { font-size: .92rem; opacity: .8; }
.branch-switch { display: inline-flex; gap: .2rem; padding: .25rem; border: 1px solid rgba(251,234,208,.35); border-radius: 999px; background: rgba(251,234,208,.08); }
.bs-btn { min-height: 2.75rem; padding: .4rem 1.15rem; border: 0; border-radius: 999px; background: transparent; color: var(--cream); font: 500 .95rem/1.2 "Be Vietnam Pro", system-ui, sans-serif; cursor: pointer; transition: background-color .15s ease; }
.bs-btn:hover { background: rgba(251,234,208,.14); }
.bs-btn[aria-pressed="true"] { background: var(--gold); color: #1a0f0c; font-weight: 600; }
.on-light .bs-label { color: var(--muted); opacity: 1; }
.on-light .branch-switch { border-color: var(--line); background: var(--bg-2); }
.on-light .bs-btn { color: var(--ink); }
.on-light .bs-btn:hover { background: var(--line); }
.on-light .bs-btn[aria-pressed="true"] { background: var(--cta-bg); color: var(--cta-ink); }
.hero .bsw { margin-bottom: 1.4rem; }
.menu .bsw { margin: 1rem 0 .4rem; }
.inside .cap { margin: -1rem 0 1.4rem; color: var(--muted); }
.reviews .bsw { margin-bottom: 1.6rem; }
.bname { font-weight: 600; }