/* Body lock tylko gdy JS doda klasę */
html.pp-swiper-lock,
body.pp-swiper-lock{
  height: 100%;
  overflow: hidden !important;
}

/* ===== Fullscreen sizing =====
   1) 100vh jako baza
   2) 100svh/100dvh jako lepsze na mobile (adres bar) */
.pp-swiper-root,
.pp-swiper-root .pp-swiper,
.pp-swiper-root .swiper,
.pp-swiper-root .swiper-wrapper,
.pp-swiper-root .swiper-slide{
  height: 100vh;
}

@supports (height: 100svh){
  .pp-swiper-root,
  .pp-swiper-root .pp-swiper,
  .pp-swiper-root .swiper,
  .pp-swiper-root .swiper-wrapper,
  .pp-swiper-root .swiper-slide{
    height: 100svh;
  }
}

@supports (height: 100dvh){
  .pp-swiper-root,
  .pp-swiper-root .pp-swiper,
  .pp-swiper-root .swiper,
  .pp-swiper-root .swiper-wrapper,
  .pp-swiper-root .swiper-slide{
    height: 100dvh;
  }
}

.pp-swiper-root .swiper{
  width: 100vw;
}

/* Wrapper w praktyce i tak steruje Swiper, ale to stabilizuje fallback */
.pp-swiper-root .swiper-wrapper{
  display: flex;
}

/* Touch/swipe: niech przeglądarka pozwala na gesty */
.pp-swiper-root .swiper,
.pp-swiper-root .swiper-wrapper,
.pp-swiper-root .swiper-slide{
  touch-action: pan-y;
}

/* Z-index/pointer – żeby nic nie zjadało swipe ani kropek */
.pp-swiper-root{
  position: relative;
  z-index: 1;
}
.pp-swiper-root,
.pp-swiper-root *{
  pointer-events: auto;
}

/* ===== Pagination (kropki) =====
   fixed po prawej, na środku ekranu, zawsze widoczne */
.pp-swiper-root .swiper-pagination{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  right: 14px !important;
  left: auto !important;

  z-index: 999999 !important;
}

.pp-swiper-root .swiper-pagination-bullet{
  width: 10px !important;
  height: 10px !important;
  opacity: .7 !important;
  margin: 10px 0 !important;
}

.pp-swiper-root .swiper-pagination-bullet-active{
  opacity: 1 !important;
}

/* Jeśli kiedyś dasz direction="horizontal", kropki mogą być poziomo – wymuś pion */
.pp-swiper-root .swiper-pagination-bullets.swiper-pagination-horizontal{
  width: auto !important;
}

/* Drobne: unikaj poziomego “bujania” na mobile */
body{
  overflow-x: hidden;
}