/* 1) Card: bordo e padding ok, ma NON overflow hidden */
.uc-my-slider-hover .t1148__item{
  border:1px solid #000000;
  padding:20px;
  background:#fff;
  position:relative;
}

/* 2) Zoom: lo applichiamo al wrapper immagine, senza cambiare layout */
.uc-my-slider-hover .t1148__imgwrapper{
  transform: translateZ(0);
}

.uc-my-slider-hover .t1148__imgwrapper img{
  transition: transform .45s ease;
}

.uc-my-slider-hover .t1148__item:hover .t1148__imgwrapper img{
  transform: scale(1.06);
}

/* 3) Overlay: lo facciamo come layer, ma SOLO sopra l’area immagine */
/* (così non rompe le altezze calcolate dal blocco) */
.uc-my-slider-hover .t1148__caption{
  position:absolute;
  left:12px;          /* uguale al padding card */
  right:12px;
  top:0px;
  bottom:12px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  background: rgba(0,0,0,0.55);

  opacity:0;
  transition: opacity .35s ease;
  padding:20px;
  text-align:center;

  pointer-events:none;   /* evita glitch hover */
}

/* mostra overlay */
.uc-my-slider-hover .t1148__item:hover .t1148__caption{
  opacity:1;
}

/* 4) Testi: i tuoi valori */
.uc-my-slider-hover .t1148__title{
  color:#5c6756;
  font-size:32px;
  font-weight:600;
  letter-spacing:1px;
}

.uc-my-slider-hover .t1148__descr{
  color:#5c6756;
  font-size:20px;
  opacity:0.9;
}

</style>