.product-card-slider {
  position: relative;
  overflow: hidden !important;
  border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  display: block;
  width: 100%;
  height: auto;
}

.product-card-slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  transition: opacity .5s ease;
  display: block;
  overflow: hidden;
  border-radius: 12px;
}

.product-card-slider .slide.active {
  opacity: 1;
  position: relative; /* keeps first image in flow */
}

.my-product-card-slider img {
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
  border-radius: 12px !important;
}

/* Extra specificity for Elementor wrappers (some themes need this) */
.elementor .my-product-card-slider,
.elementor-widget .my-product-card-slider {
  border-radius: 12px !important;
  overflow: hidden !important;
}

ul.products li.product,
ul.products li.product a,
ul.products li.product img {
  border-radius: 12px !important;
  overflow: hidden !important;
}