/* ====================================================================
   Özbudent — Şube sayfaları (kategori.css + blog.css ile BİRLİKTE yüklenir)
   Prefix: si- (şube info)
==================================================================== */

/* ---- Bilgi kartları (adres / saat / telefon / ulaşım) ---- */
.si-sec{ padding-block:clamp(34px,5vw,54px); }
.si-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:18px; }
.si-kart{
  background:#fff; border:1px solid #e7edf7; border-radius:18px; padding:22px 22px 20px;
  display:flex; flex-direction:column; gap:8px;
  transition:transform .3s, box-shadow .3s;
}
.si-kart:hover{ transform:translateY(-4px); box-shadow:0 16px 40px rgba(6,20,58,.10); }
.si-ic{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,#eef5ff,#e3f4ff); color:var(--brand); margin-bottom:4px;
}
.si-ic svg{ width:21px; height:21px; }
.si-kart h3{ font-family:var(--display); font-weight:600; font-size:1rem; color:var(--navy); }
.si-kart p{ font-size:.88rem; color:#5d6b87; line-height:1.6; }
.si-kart p a{ color:var(--navy); font-weight:600; }
.si-kart p a:hover{ color:var(--brand); }
.si-not{ font-size:.78rem; color:var(--brand); font-weight:600; }
.si-link{
  margin-top:auto; display:inline-flex; align-items:center; gap:7px;
  font-size:.85rem; font-weight:600; color:var(--brand); padding-top:6px;
}
.si-link svg{ width:14px; height:14px; transition:transform .25s; }
.si-link:hover svg{ transform:translateX(4px); }

/* ---- Şube hekimleri (mini kartlar) ---- */
.si-hekimler{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr)); gap:16px; }
.si-hekim{
  background:#fff; border:1px solid #e7edf7; border-radius:16px; padding:18px;
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  transition:transform .3s, box-shadow .3s;
}
.si-hekim:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(6,20,58,.09); }
.si-avatar{
  width:44px; height:44px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--cyan)); color:#fff;
  font-weight:600; font-size:1rem; margin-bottom:6px;
}
.si-hekim b{ font-size:.92rem; color:var(--navy); font-weight:600; line-height:1.3; }
.si-hekim small{ font-size:.78rem; color:#7a89a8; }
.si-hekim-link{ margin-top:22px; }

@media (max-width:760px){
  .si-grid{ gap:12px; }
  .si-kart{ padding:18px; }
}