/* Page 2 - branches.
   Loaded in number order by templates/site.php (order matters: later files win). */
/* ===== 3 · BRANCHES ===== */
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.tab{position:relative;padding:18px 20px;border-radius:20px;border:1px solid var(--line-soft);background:rgba(10,35,54,.55);text-align:left;cursor:pointer;transition:border-color .3s,background .3s,transform .5s var(--ease)}
.tab small{display:block;font:600 11px/1 var(--serif);letter-spacing:.18em;color:var(--gold)}
.tab b{display:block;margin-top:8px;font:700 19px/1.1 var(--serif);letter-spacing:.06em}
.tab .status{margin-top:10px}
.tab:hover{border-color:var(--line)}
.tab[aria-selected="true"]{border-color:var(--gold);background:linear-gradient(180deg,rgba(226,189,120,.16),rgba(10,35,54,.6));transform:translateY(-4px)}
.tab .new{position:absolute;top:14px;right:14px;font:700 11px/1 var(--serif);letter-spacing:.14em;color:#1b1206;background:var(--gold);padding:5px 8px;border-radius:999px}
.status{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--serif);letter-spacing:.12em;color:var(--mist)}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dim)}
.status.open{color:var(--ok)}.status.open::before{background:var(--ok);box-shadow:0 0 0 4px rgba(134,214,174,.18)}
.status.closed{color:var(--closed)}.status.closed::before{background:var(--closed)}
.bpanel{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch;perspective:1600px}
.bpanel.swap{animation:panelIn .8s var(--ease) both}
@keyframes panelIn{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.bvis{position:relative;border-radius:28px;overflow:hidden;min-height:420px;border:1px solid var(--line);
  background:radial-gradient(400px 300px at 50% 30%,rgba(226,189,120,.2),transparent 70%),linear-gradient(170deg,var(--panel-2),var(--ink));box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.bvis img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bvis .plaque{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:28px}
.bvis .plaque img{width:150px;filter:drop-shadow(0 20px 22px rgba(0,0,0,.55))}
.bvis .plaque p{color:var(--mist);max-width:26ch}
.bvis .cap{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 14px;border-radius:14px;background:rgba(4,17,32,.86);font-size:16px;color:var(--mist)}
.bvis .cap a{color:var(--gold)}
.binfo{border-radius:28px;padding:30px 32px;border:1px solid var(--line-soft);background:rgba(10,35,54,.72)}
.binfo .addr{font:600 20px/1.35 var(--serif);letter-spacing:.03em}
.binfo .desc{color:var(--mist);margin-top:10px}
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.bgrid h4{margin:0 0 6px;font:600 11px/1 var(--serif);letter-spacing:.16em;color:var(--gold)}
.bgrid p{font-size:18.5px}
.bgrid a{text-decoration:none;font:600 16px/1.6 var(--serif);letter-spacing:.04em}
.bgrid a:hover{color:var(--gold-hi)}
.hrow{display:flex;justify-content:space-between;gap:12px;font-size:18px}
.hrow b{font:600 14.5px/1.6 var(--serif);letter-spacing:.03em;white-space:nowrap}
.bactions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.qrs{display:flex;gap:14px;margin-top:20px}
.qr{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;border:1px solid var(--line-soft);background:rgba(4,17,32,.5);text-decoration:none;flex:1}
.qr img{width:66px;height:66px;border-radius:8px;background:#fff;padding:3px}
.qr b{display:block;font:600 11.5px/1.2 var(--serif);letter-spacing:.12em}
.qr small{color:var(--mist);font-size:16px}
details.more{margin-top:16px;border-top:1px solid var(--line-soft)}
details.more summary{cursor:pointer;list-style:none;padding:14px 0 0;font:600 12px var(--serif);letter-spacing:.14em;color:var(--gold);display:flex;justify-content:space-between}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:"+";font-size:18px;transition:transform .3s}
details.more[open] summary::after{transform:rotate(45deg)}
details.more .body{display:grid;gap:10px;padding-top:10px}
details.more p{color:var(--mist);font-size:18px}
details.more p b{font:600 12px var(--serif);letter-spacing:.1em;color:var(--ivory);display:block}
.hours-note{margin-top:16px;color:var(--mist);font-size:17px}