/* Kontajner pre posúvanie */
.scroll-container {
  width: 600px;
  overflow-x: auto; /* Povolenie horizontálneho posúvania */
  white-space: nowrap; /* Zabezpečenie, že položky budú vedľa seba */
  padding: 5px 0;
  box-sizing: border-box;
}

/* Obsah, ktorý sa bude posúvať */
.scroll-content {
  display: inline-block;
  padding-left: 10px; /* Okraj zľava */
  padding-right: 10px; /* Okraj zprava */
  transition: transform 0.2s ease;  
}

/* Prvky v kontajneri */
.item {
  display: inline-block;
  width: 200px;
  height: 150px;
  margin-right: 10px;
  background-color: #777777;
  color: white;
  text-align: center;
  line-height: 150px; /* Upravené pre centrovanie textu */
  border-radius: 5px;
  font-size: 8px;
  user-select: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.item:hover {
  background-color: #45a049;
}