#bhpb{display:grid;grid-template-columns:300px 1fr;gap:24px}

/* Sidebar: sticky + scrollable */
.bhpb-sidebar{
  border:1px solid #eee;border-radius:12px;padding:12px;
  position: sticky; top: 20px;
  max-height: calc(75vh - 40px);
  overflow-y: auto;
}

/* Hiyerarşi listesi */
.bhpb-level{list-style:none;margin:0;padding-left:0}
.bhpb-level li{margin:4px 0}
.bhpb-level ul{margin-left:12px}

/* Term butonları */
.bhpb-term{
  text-transform:capitalize;
  display:block;width:100%;text-align:left;
  background:#0363E5;border:1px solid #e5e5e5;border-radius:8px;
  font-size:11px;
  padding:8px 10px;cursor:pointer;transition:background .15s ease, border-color .15s ease;
}
.bhpb-term:hover{background:#f1f1f1;border-color:#ddd}
.bhpb-term.active{background:#0363E5;color:#fff;border-color:#0363E5}
.bhpb-term:disabled{opacity:.6;cursor:progress}

/* Seviye geçiş animasyonu */
.bhpb-level[data-parent]{opacity:0;transform:translateY(-4px);transition:opacity .2s ease, transform .2s ease}
.bhpb-level.ready{opacity:1 !important;transform:none !important}

/* Spinner: seviye listesi */
.bhpb-level.loading{position:relative;min-height:32px}
.bhpb-level.loading::after{
  content:"";position:absolute;left:12px;top:6px;width:16px;height:16px;
  border:2px solid #ccc;border-top-color:#0363E5;border-radius:50%;
  animation:bhpb-spin .8s linear infinite;
}

/* Grid ve sayfalama */
.bhpb-grid .bhpb-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.bhpb-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}
.bhpb-card img{display:block;width:100%;height:auto}
.bhpb-card h3{font-size:12px;line-height:1.35;margin:10px 12px 12px; text-transform:capitalize !important;}
.bhpb-blank{aspect-ratio:16/10;background:#f2f2f2}
.bhpb-pager{margin-top:12px}
.bhpb-pager button{margin-right:6px;border:1px solid #ddd;background:#fff;padding:6px 10px;border-radius:8px;cursor:pointer}
.bhpb-pager button.active{background:#0363E5;color:#fff;border-color:#0363E5}

/* Spinner: sonuç alanı */
.bhpb-results.loading{position:relative}
.bhpb-results.loading::after{
  content:"";position:absolute;right:12px;top:12px;width:20px;height:20px;
  border:3px solid #ddd;border-top-color:#0363E5;border-radius:50%;
  animation:bhpb-spin .8s linear infinite;
}

/* Breadcrumb */
.bhpb-breadcrumb{font-size:11px;color:#666;margin-bottom:8px}

/* Responsive */
@media (max-width: 960px){#bhpb{grid-template-columns:1fr}}

@keyframes bhpb-spin { to { transform: rotate(360deg); } }
.bhpb-reset{
  width:100%;
  border:1px solid #111;
  background:#111;
  color:#fff;
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
  margin-bottom:10px;
}
.bhpb-reset:hover{opacity:.92}