/* Ziola Ocena Loop Carousel — unikalne klasy */
.zolc-root { position: relative; width: 100%; }
.zolc-empty, .zolc-notice { padding: 12px; background: #fff7ed; border: 1px solid #fdba74; border-radius: 8px; }

/* Ustal kolumny i gap per-breakpoint (łatwo edytować) */
.zolc-root {
  --zolc-cols-xs: 2;
  --zolc-cols-md: 3;
  --zolc-cols-lg: 5;

  --zolc-gap-xs: 4px;
  --zolc-gap-md: 8px;
  --zolc-gap-lg: 16px; /* np. 16px dla ≥992px */
}

/* Kontener karuzeli */
.zolc-sw { position: relative; overflow: hidden; }

/* Wrapper bez własnego gapu – sterujemy marginesem na slajdach */
.zolc-sw-wrap { display: flex; gap: 0 !important; }

/* Mapowanie zmiennych na aktualne wartości zależnie od szerokości */
.zolc-sw { --zolc-cols: var(--zolc-cols-xs); --zolc-gap: var(--zolc-gap-xs); }
@media (min-width: 768px) {
  .zolc-sw { --zolc-cols: var(--zolc-cols-md); --zolc-gap: var(--zolc-gap-md); }
}
@media (min-width: 992px) {
  .zolc-sw { --zolc-cols: var(--zolc-cols-lg); --zolc-gap: var(--zolc-gap-lg); }
}

/* KLUCZ: łączna szerokość = 100% - (n-1)*gap; każdy slajd ma 1/n tej szerokości */
.zolc-sw-slide {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc((100% - (var(--zolc-cols) - 1) * var(--zolc-gap)) / var(--zolc-cols));
  margin-right: var(--zolc-gap);
}
.zolc-sw-slide:last-child { margin-right: 0; }

/* Nawigacja (pozycje jak wcześniej) */
.custom-swiper-prev, .custom-swiper-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  cursor: pointer; user-select: none; z-index: 5;
}
.custom-swiper-prev { left: -50px; }
.custom-swiper-next { right: -50px; }

@media (max-width: 991.98px) {
  .custom-swiper-prev { left: 0 !important; }
  .custom-swiper-next { right: 0 !important; }
}

/* Kolory strzałek */
.custom-swiper-prev svg path, .custom-swiper-next svg path { fill: #2B3A2420 !important; transition: fill .25s ease; }
.custom-swiper-prev:hover svg path, .custom-swiper-next:hover svg path { fill: #8DD32A !important; }

/* Wyłącz domyślne pseudo-strzałki Swipera */
.swiper-button-prev::after, .swiper-button-next::after,
.custom-swiper-prev::after, .custom-swiper-next::after { content: none !important; }
.zolc-sw .swiper-button-prev, .zolc-sw .swiper-button-next { display: none !important; }

/* Mobile: jeśli chcesz ukryć strzałki */
@media (max-width: 992px){
  .custom-swiper-prev, .custom-swiper-next { display: none !important; }
}