.gallery2 {
  display: grid;
  gap: 10px;
  justify-items: center; /* Zarovnávanie položiek v stĺpci na stred */
  margin: 0px 0 5px 0;
  grid-template-columns: repeat(2, 1fr);
}

/* Nastavenie gridu pre rôzne zariadenia */
@media (min-width: 768px) {
  .gallery2 {
    grid-template-columns: repeat(2, 1fr);
    margin: 0px 0 5px 0;
  }
}

@media (min-width: 992px) {
  .gallery2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.gallery2 img {
  max-width: 100%;
  height: auto;
  display: block;
}
.skupiny {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}

.box2 {
  width: calc(50% - 2.5px);
  padding: 1rem;
  box-sizing: border-box;
  border: 1px solid #aaa;
  margin-top: 190px;
}
.skupiny h3 {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #aaa;
}

@media (max-width: 768px) {
  .box2 {
    width: 100%;
  }
  .box2 {
    margin-top: 20px;
  }
}


.indexKupBtn{
width:90%;
}


.containerBlock .left,
.containerBlock .right {
  box-sizing: border-box;
  padding: 1rem;
  border: 1px solid #ccc;
    display: flex;
  align-items: center;
}
.containerBlock {
  display: flex;
  flex-wrap: wrap;
  width: 100%;         /* istota, že neprekračuje */
}
.left,
.right {
  min-width: 0; /* zabráni pretlačeniu kvôli dlhému obsahu */
}

.containerBlock .left {
  flex: 0 0 55%;
  border-right:0px;
}

.containerBlock .right {
  flex: 0 0 45%;
  border-left:0px;
}

.navodObj{
margin-top:20px;
padding:5px;
background:#fff;
color:black;
}
.containerBlock .input-text-select{
width:100%;
background:#fff;
color:#000;
}
@media (max-width: 768px) {
.containerBlock .left,
.containerBlock .right {
    flex: 1 1 100%;
        display: flex;
  align-items: center;
 justify-content: center;
  text-align: center;
  border: 1px solid #ccc;
  }
.containerBlock .left {
  border-bottom:0px;
}

.containerBlock .right {
  border-top:0px;
}

}