.vune-wrap{background:#2a2a2a;}
.vune-title{color:#fff;text-align:center;margin-bottom:16px;font-size:20px}

.vune-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}

.vune-item{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:40px;
  flex: 0 1 calc(100% / 8 - 11px); /* šířka pilulky */
  height:70px;
  text-decoration:none;
}
@media(max-width: 1439px){
  .vune-item{
    flex: 0 1 calc(100% / 7 - 11px); 
  }
}
@media(max-width: 1199px){
  .vune-item{
    flex: 0 1 calc(100% / 6 - 11px); 
  }
}
@media(max-width: 991px){
  .vune-item{
    flex: 0 1 calc(100% / 5 - 11px); 
  }
}
@media(max-width: 767px){
  .vune-item{
    flex: 0 1 calc(100% / 4 - 11px);
  }
}
@media(max-width: 480px){
  .vune-item{
    flex: 0 1 calc(100% / 3 - 11px);
  }
}
@media(max-width: 320px){
  .vune-item{
    flex: 0 1 calc(100% / 2 - 11px);
  }
}

.vune-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:40px;
  display:block;
  transition: transform .3s ease;
}

/* text vždy uprostřed */
.vune-item span{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:15px;
  font-weight:500;
  z-index:2;
  pointer-events:none;
}

/* overlay efekt */
.vune-item:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:40px;
  background:rgba(0,0,0,0.35);
  opacity:0;
  transition:opacity .3s ease;
}

/* hover = ztmavení + zoom */
.vune-item:hover:after{ opacity:1; }
.vune-item:hover img{ transform:scale(1.05); }