#scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}

#scroll-container:active {
    cursor: grabbing;
}

.scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}
.scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}


#scroll-container {
  max-height: 500px;   /* ihtiyaca göre 400-600px arası ayarlanabilir */
  overflow-y: auto;
  overflow-x: auto;    /* yatay kaydırma da aktif kalsın */
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
}