/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 12px;   /* základní tloušťka */
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #ffffff;   /* bílé pozadí */
  border-radius: 10px;   /* zaoblené rohy */
}

::-webkit-scrollbar-thumb {
  background: #8b5a2b;   /* hnědý posuvník */
  border-radius: 10px;   /* kulatý thumb */
  border: 3px solid #ffffff; /* okraj pro prostor kolem thumbu */
}

::-webkit-scrollbar-thumb:hover {
  background: #734922;   /* tmavší hnědá při hover */
}

/* Firefox */
* {
  scrollbar-width: thin;                /* základní tloušťka ve Firefoxu */
  scrollbar-color: #8b5a2b #ffffff;    /* thumb | track */
}