/* محدود کردن ارتفاع منوی دسته‌بندی فروشگاه و اسکرول کردن آن */
.product-groups-sidebar,
.sidebar .list-group,
.sidebar .panel,
.product-groups {
    max-height: 400px;
    /* یا هر ارتفاعی که متناسب با طرح شماست */
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar .list-group::-webkit-scrollbar {
    width: 6px;
}

.sidebar .list-group::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}



/* اسکرول برای منوی فروشگاه بالا که خیلی بلند شده */
.dropdown-menu {
    max-height: 400px;
    /* ارتفاع دلخواه */
    overflow-y: auto;
    overflow-x: hidden;
}

/* ظاهر بهتر برای اسکرول */
.dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}