/* Horizontalni slajderi: clip unutar kontejnera, strelice overlay, bez širenja stranice */

html,
body,
.content,
.main,
.product-items-section,
.product-section-container,
.protective-wrapper,
.subcat-swiper-wrap,
.final-product-container,
.povezani-proizvodi {
  max-width: 100%;
}

.content,
.main,
.product-items-section,
.product-section-container,
.protective-wrapper,
.subcat-swiper-wrap,
.final-product-container,
.povezani-proizvodi {
  overflow-x: hidden;
}

.swiper,
.subcat-swiper,
.coverflow-swiper,
.protective-wrapper .swiper {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden !important;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute !important;
  z-index: 4;
}

.product-section-container .swiper-button-next,
.product-section-container .swiper-button-prev,
.protective-wrapper:has(.product-container) .swiper-button-next,
.protective-wrapper:has(.product-container) .swiper-button-prev {
  display: none !important;
}

.product-swiper-pagination,
.preporuceni-swiper-pagination,
.protective-wrapper:has(.product-container) .swiper-pagination {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  margin-top: 16px;
  transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  user-select: none;
  -webkit-user-select: none;
  caret-color: transparent;
}

.product-swiper-pagination .swiper-pagination-bullet,
.preporuceni-swiper-pagination .swiper-pagination-bullet,
.protective-wrapper:has(.product-container) .swiper-pagination-bullet {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 8px;
  height: 8px;
  background: var(--secondary-color);
  opacity: 0.35;
  border-radius: 999px;
  cursor: pointer;
  outline: none;
  transition:
    width 0.3s ease,
    opacity 0.3s ease,
    background 0.3s ease;
}

.product-swiper-pagination .swiper-pagination-bullet-active,
.preporuceni-swiper-pagination .swiper-pagination-bullet-active,
.protective-wrapper:has(.product-container) .swiper-pagination-bullet-active {
  width: 22px;
  opacity: 1;
  background: var(--secondary-color);
}