/* Chrome, Edge, Safari, Opera (Chromium) */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--main-color); /* синій */
  border-radius: 10px;           /* закруглення */
}

::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover); /* темніший синій при наведенні */
}

/* Firefox */
html {
  scrollbar-width: thin; /* тонкий */
  scrollbar-color: var(--main-color) transparent;
}