:root{
  --bt-hover:#6E6C56;
  --bt-heading:#4a4a4a;
  --bt-rule:#d9d9d9;
  --bt-pill-bg:#F2F4F7;
  --bt-pill-text:#2b2b2b;
  --bt-pill-border:#e6e6e6;
}

/* Varsayılan: mobil/tablet tam genişlik; masaüstünde %80 */
.bt-wrap{ width:100%; margin:0 auto; }
@media (min-width: 1025px){
  .bt-wrap{ width:80%; }
}

.bt-grid{
  display:grid;
  grid-template-columns:repeat(var(--bt-columns,4),1fr);
  gap:40px;
}

/* Başlık 2/3 oranında küçültüldü */
.bt-heading{
  display:flex; align-items:center; gap:12px;
  margin-bottom:14px;
  color:var(--bt-heading);
  font-size: clamp(15px, 1.5vw, 23px); /* önceki ~ clamp(22px,2.2vw,34px) idi */
  font-weight: 600; line-height:1.2;
}
.bt-heading .bt-rule{ flex:1; height:1px; background:var(--bt-rule); display:block; transform: translateY(2px); }

.bt-pills{ display:flex; flex-wrap:wrap; gap:8px 10px; }
.bt-pill{
  display:inline-block; padding:7px 12px;
  background:var(--bt-pill-bg); color:var(--bt-pill-text);
  border:1px solid var(--bt-pill-border);
  border-radius:9999px; font-size:12px;
  text-decoration:none; transition: all .18s ease; box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.bt-pill:hover,.bt-pill:focus{
  color:var(--bt-hover); border-color:var(--bt-hover);
  background:#fff; box-shadow:0 1px 6px rgba(0,0,0,.06); outline:none;
}

@media (max-width: 1024px){
  .bt-grid{ grid-template-columns:repeat(2,1fr); gap:32px; }
}
@media (max-width: 640px){
  .bt-grid{ grid-template-columns:1fr; gap:24px; }
}

.bt-section{ min-width:0; }
.bt-empty{ color:#777; font-style:italic; }