.slider-main .slide {
  height: 80vh;
  min-height: 700px;
  position: relative;
}

@media (max-width: 767px) {
  .slider-main .slide {
    height: 75vh;
    min-height: auto;
  }
}

.slider-main .slide::before{
  content: '';
  position: absolute;
  inset: 0;
  background-color:rgba(0, 0, 0, .2);
  z-index: 1;
}

.parallax-bg { position:absolute; inset:0; overflow:hidden; }
.parallax-zoom {
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform-origin:center;
  will-change:transform;
  animation: parallaxZoom 2s;
}
@keyframes parallaxZoom{
  from { transform: scale(1.3);   }
  to   { transform: scale(1); }
}

/* základ pre swiper */
.swiper { width: 100%; height: 100%; }
.slider-main { position: relative; }
.slider-main .content-loading { position: relative; }

/* urob viditeľnú výšku sekcie (uprav podľa dizajnu) */
.slider-main .swiper-main {
  min-height: clamp(320px, 60vh, 820px);
}

.slider-main .display-2{
  font-size: calc(1.575rem + 3vw) !important;
}

/* každý slide */
.swiper-slide { position: relative; }

/* parallax pozadie – používaš .parallax-bg v .ctp */
.parallax-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  will-change: transform;
  transform: translateZ(0); /* vyhladenie plynulosti */
  z-index: 0;
}

/* obsah na slidoch nad pozadím */
.slide > .container,
.slide > *:not(.parallax-bg){
  position: relative;
  z-index: 1;
}

/* šípky a bodky – základné umiestnenie */
.swiper-button-prev, .swiper-button-next{ color: #fff; filter: drop-shadow(0 2px 4px rgba(0,0,0,.3)); }
.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff; opacity:.3; }
.swiper-pagination-bullet-active{ opacity:1 !important; }

/* preloader pre istotu nad všetkým */
.slider-main .preloader{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.05); z-index: 10;
}

/* voliteľné: pri menšej výške headeru zmenši texty vo vnútri */
@media (max-width: 767.98px){
  .slider-main .swiper-main{ min-height: 50vh; }
  .slide h2{ font-size: clamp(24px, 6vw, 36px); }
  .slide p { font-size: clamp(14px, 3.8vw, 18px); }
}