.mzlci-root {
  --mzlc-cols-xs: 2;
  --mzlc-cols-md: 3;
  --mzlc-cols-lg: 5;
  --mzlc-gap-xs: 4px;
  --mzlc-gap-md: 8px;
  --mzlc-gap-lg: 16px;
}
.mzlci-sw-wrap { display: flex; gap: 0 !important; }
.mzlci-sw {
  --mzlc-cols: var(--mzlc-cols-xs);
  --mzlc-gap:  var(--mzlc-gap-xs);
}
@media (min-width: 768px) {
  .mzlci-sw { --mzlc-cols: var(--mzlc-cols-md); --mzlc-gap: var(--mzlc-gap-md); }
}
@media (min-width: 992px) {
  .mzlci-sw { --mzlc-cols: var(--mzlc-cols-lg); --mzlc-gap: var(--mzlc-gap-lg); }
}
.mzlci-sw-slide {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc((100% - (var(--mzlc-cols) - 1) * var(--mzlc-gap)) / var(--mzlc-cols));
  margin-right: var(--mzlc-gap);
}
.mzlci-sw-slide:last-child { margin-right: 0; }
.custom-swiper-prev,
.custom-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  z-index: 5;
}
.custom-swiper-prev { left: -40px !important; }
.custom-swiper-next { right: -40px !important; }
.custom-swiper-prev:hover svg path,
.custom-swiper-next:hover svg path { fill: #8DD32A !important; fill-opacity: 1 !important; }
.custom-swiper-prev.swiper-button-disabled,
.custom-swiper-next.swiper-button-disabled { opacity: 0.5; }
.custom-swiper-prev svg,
.custom-swiper-next svg { width: 28px; height: 48px; }
.custom-swiper-prev.swiper-button-disabled,
.custom-swiper-next.swiper-button-disabled { opacity: 0.3; pointer-events: auto !important; cursor: pointer !important; }
@media (max-width: 992px){
  .swiper-rtl .swiper-button-prev,
  &.swiper-rtl~.swiper-button-prev,
  &~.swiper-button-next,
  .swiper-button-next {
        left: auto;
        display: none !important;
        right: var(--swiper-navigation-sides-offset,4px)
    }
  .swiper-button-prev, .swiper-button-prev{
    display: none !important;
  }
}