/* Sol filtre kolonunun tamamı – ayrı scrollbar */
.shop__sidebar--widget.widget__area {
    position: sticky; /* İstersen sabit dursun, istemezsen bu satırı sil */
    top: 20px; /* Navbar yüksekliğine göre ayarla */
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding-right: .5rem;
}

/* Her filtre kutusunun başlığını sabitle */
.single__widget .widget__title {
    position: sticky;
    top: 0; /* sol panelin üstüne yapışacağı nokta */
    z-index: 5;
    background: #fff; /* arkadaki yazılar görünmesin diye */
    
}

.single__widget{
    max-height:350px;
}





/* Sol kolon ve iç listeler için ince scrollbar */
.shop__sidebar--widget.widget__area::-webkit-scrollbar,
.single__widget .widget__form--check::-webkit-scrollbar {
    width: 6px;
}

.shop__sidebar--widget.widget__area::-webkit-scrollbar-track,
.single__widget .widget__form--check::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.shop__sidebar--widget.widget__area::-webkit-scrollbar-thumb,
.single__widget .widget__form--check::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 3px;
}

.single__widget widget__bg{
    background-color:white;
}
/* Listenin kendi iç scroll’u – bu da kalsın */
.single__widget .widget__form--check {
    max-height: 200px;
    overflow-y: auto;
    /* başlık sticky olduğu için,
       listenin üstüne biraz boşluk verelim */
    padding-top: .25rem;
}

/* BAŞLIK sticky – kayarken üstte kalsın ve hiçbir şey arkaya kaçmasın */
.single__widget .widget__title {
    position: sticky;
    top: 0;
    z-index: 10; /* liste elemanlarının üstünde */
    background-color: #fff; /* arkadaki item’ler görünmesin */
}

/* Markalar arama kutusu da başlığın hemen altında sabit kalsın istersen: */
.single__widget .widget__form--search {
    position: sticky;
    top: 0; /* başlık yüksekliğine göre ayarla */
    z-index: 9;
    background-color: #fff;
}