/* ===== TOP STRIP===== */
.top-strip .row{
  display:flex;
  align-items:center;
  gap:10px;
}
.top-strip .social{display:flex; gap:8px; align-items:center;}
.top-strip .chips{
  margin-left:auto;          
  display:flex;
  gap:8px;
  align-items:center;
}

/* ===== ŞUBELER PAGE (scoped) ===== */
.branch-page .tool{padding:14px 0}
.branch-page .toolbar{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  background:#fff; border:1px solid var(--soft); border-radius:12px;
  padding:10px 12px;
}
.branch-page .toolbar .searchbox{
  flex:1; min-width:260px;
  display:flex; gap:10px; align-items:center;
  border:1px solid var(--soft); border-radius:10px;
  padding:8px 10px; background:#fff;
}
.branch-page .toolbar .searchbox input{
  flex:1; border:0; outline:0; font:inherit;
}
.branch-page .toolbar select{
  border:1px solid var(--soft); border-radius:10px;
  padding:8px 10px; font:inherit; color:#163252; background:#fff;
}
.branch-page .btn{
  border:1px solid var(--soft); background:#fff; border-radius:10px;
  padding:8px 12px; font-weight:700; color:#163252; cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
}
.branch-page .btn.primary{background:#eef6ff;color:#296098;border-color:#d6e8ff}
.branch-page .grid{
  display:grid; grid-template-columns:1fr 360px; gap:18px; align-items:start;
}
@media(max-width:1024px){ .branch-page .grid{grid-template-columns:1fr} }

.branch-page .card{
  background:#fff; border:1px solid var(--soft); border-radius:16px;
  box-shadow:0 8px 22px rgba(10,27,46,.06);
}
.branch-page .card .pad{padding:14px}

.branch-page .branch-list{display:grid; grid-template-columns:1fr; gap:12px}
.branch-page .branch-item{
  border:1px solid var(--soft); border-radius:14px; padding:12px;
  display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:center;
  background:#fff;
}
.branch-page .branch-ico{
  width:56px; height:56px; border-radius:14px;
  display:grid; place-items:center;
  background:#eef6ff; color:#296098; border:1px solid #d7e8ff;
  font-size:20px;
}
.branch-page .branch-meta b{display:block; color:#0f2a47; font-weight:900}
.branch-page .branch-meta .addr{color:#5a728c; font-size:13px; line-height:1.45; margin-top:4px}
.branch-page .branch-meta .dist{margin-top:6px; display:inline-flex; gap:6px; align-items:center;
  font-size:12px; font-weight:900; color:#296098; background:#eef6ff; border:1px solid #d7e8ff;
  padding:4px 8px; border-radius:999px;
}
.branch-page .branch-actions{display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end}
.branch-page .hint{
  color:#6a7f96; font-size:12px; margin-top:10px;
  padding:10px 12px; border-radius:12px; background:#f7fbff; border:1px dashed #cfe0f6;
}