.sai-ProductWidget.products-block{
  --ji-columns: unset;
  
}

.swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next, #sai--code__product_cross_sell>div>div.sai-ProductWidget__productsWrapper>div>div>div.swiper-slide>div,#sai--code__checkout_popup>div>div.sai-ProductWidget__productsWrapper>div>div>div.swiper-slide>div {
    width: 250px !important;
}

@media only screen and (max-width: 767px){
.swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next, #sai--code__product_cross_sell>div>div.sai-ProductWidget__productsWrapper>div>div>div.swiper-slide>div,#sai--code__checkout_popup>div>div.sai-ProductWidget__productsWrapper>div>div>div.swiper-slide>div {
    width: 200px !important;
}

#sai__code_product_cross_sell .swiper-slide .product.saiProductBox .swap-images { height: 300px; }


}

.saiw-image {
    
    width: 200px !important;
   
}


.products-block.products .p .product .sai-ProductBox
{height: 425px;}
.sai-ProductWidget {

    margin-bottom: 0px !important;
}
a.name.sai-ProductBox__title{
font-weight: 400;}

.swiper-button-prev, .swiper-button-next {

  color: black;
    top: 30%;}


.sai-ProductWidget.products-block>div {

    font-weight: 400;
        overflow: visible;
}

#sai--code__product_cross_sell .products-block.products .flags.flags-default {
    top: 8px !important;
}




/* Cross-sell slider (Doporučujeme ti) – mobilní úpravy */
@media (max-width: 767px) {
  /* 1) Každý slide = 100 % šířky (správně i pro Swiper výpočty) */
  #sai__code_product_cross_sell .swiper-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  /* 2) Fixní výška obrazové části, ať nic „neskočí“ */
  #sai__code_product_cross_sell .product.sai-ProductBox .swap-images {
    height: 300px;
  }
  #sai__code_product_cross_sell .product.sai-ProductBox .swap-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 3) Konzistentní místo pro text/tlačítka pod fotkou */
  #sai__code_product_cross_sell .product.sai-ProductBox .bottom {
    min-height: 140px; /* uprav podle potřeby obsahu */
  }

  /* 4) Plynulejší posun wrapperu + GPU akcelerace */
  #sai__code_product_cross_sell .swiper-wrapper {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition-property: transform !important;
   
  }

  /* 5) Zrušení veškerých fade efektů obrázků (lazy/hover) */
  #sai__code_product_cross_sell .swap-images img,
  #sai__code_product_cross_sell .swiper-slide img,
  #sai__code_product_cross_sell .swiper-lazy {
    opacity: 1 !important;
    transition: none !important;
    filter: none !important;
  }
  #sai__code_product_cross_sell .swap-images:hover img {
    opacity: 1 !important;
  }
  #sai__code_product_cross_sell .swiper-lazy-preloader {
    display: none !important;
  }
}

.products-block.products .p {

    align-items: center;

}

<script>
document.addEventListener('DOMContentLoaded', function () {
  const el = document.querySelector('#sai__code_product_cross_sell .swiper');
  if (el && el.swiper) {
    const sw = el.swiper;
    sw.params.effect = 'slide';       // žádný fade
    sw.params.preloadImages = true;   // načti předem
    sw.params.lazy = false;           // vypni Swiper lazy (a jeho fade)
    sw.params.speed = 350;            // plynulá rychlost přechodu
    sw.params.slidesPerView = 1;      // 1 slide na šířku
    sw.params.spaceBetween = 16;      // mezera dle designu
    sw.update();
  }
});
</script>