.custom-scrollbar::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;

  @media(width < 769px) {
    width: 4px !important;
    height: 4px !important;
  }
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #e5e7eb;
  border-radius: 999px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #47C236;
  border-radius: 999px;
}

.custom-scrollbar--gray::-webkit-scrollbar-thumb {
  background: #b8b9bc;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a00a0e;
}

.custom-scrollbar--gray::-webkit-scrollbar-thumb:hover {
  background: #868789;
}

@media (width > 1023px) {
  .custom-scrollbar::-webkit-scrollbar.custom-scrollbar--no-lg {
    width: 0px !important;
    height: 0px !important;
  }
}

@media (width > 1279px) {
  .custom-scrollbar::-webkit-scrollbar.custom-scrollbar--no-xl {
    width: 0px !important;
    height: 0px !important;
  }
}
/* === Полное скрытие скроллбара (drag-to-scroll) === */
.scrollbar-hidden {
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}

.scrollbar-hidden::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.scrollbar-hidden.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.scrollbar-hidden.is-dragging img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}