.productbox-attributes ul li {
  float: left;
}

.product-item .picture {
  overflow: hidden;
}
.product-item .picture .swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}
.product-item .picture .swiper .swiper-slide {
  margin-bottom: 0;
  width: 100% !important;
  max-width: 100%;
}
.product-item .picture > a:not(.swiper-slide) {
  transition: all 0.7s;
}
.product-item .picture > a:not(.swiper-slide):first-child {
  opacity: 1;
}
.product-item .picture > a:not(.swiper-slide):not(:first-child) {
  transition: all 1s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  .product-item .picture > a:not(.swiper-slide):not(:first-child) {
    display: none !important;
  }
}
.product-item .picture .swiper-pagination {
  top: initial;
  bottom: 15px;
  left: 50%;
  right: initial;
  transform: translate(-50%, 0);
}
.product-item .picture .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  background-color: var(--dark-grey);
}
.product-item .picture .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary-color);
}
@media (min-width: 992px) {
  .product-item:hover .picture:not(.swiper-initialized) > a:not(:only-of-type):first-child {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.05);
  }
  .product-item:hover .picture:not(.swiper-initialized) > a:not(:only-of-type):not(:first-child) {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08);
  }
}