/* Etapy — padding i tło (nadpisanie style.min) */

.sectionStages {
  position: relative;
  z-index: 3;
  isolation: isolate;
  padding-top: 100px;
  padding-bottom: 110px;
  background-color: #ffcc26;
}

.sectionStages .owl-stages {
  margin-bottom: clamp(24px, 4vw, 48px);
}

.sectionStages .owl-stages .owl-stage-outer {
  min-height: 280px;
}

/* Etapy w rzędzie, bez Owla. Klasa jest w szablonie od startu (działa bez JS),
   scripts.js zdejmuje ją przy inicjalizacji karuzeli poniżej 1200px.
   owl.carousel.min.css ustawia .owl-carousel { display: none } do czasu owl-loaded. */
.sectionStages .owl-stages.owl-stages--static {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px 16px;
}

.sectionStages .owl-stages.owl-stages--static > .item {
  flex: 0 1 248px;
}

@media (min-width: 1200px) {
  .sectionStages .owl-stages .owl-nav,
  .sectionStages .owl-stages .owl-dots {
    display: none !important;
  }
}