.mod-resp-banners{position:relative;overflow:hidden;isolation:isolate}

/* tor i slajdy */
.mod-resp-banners .mrp-track{display:flex;flex-wrap:nowrap;gap:0;transition:transform .4s ease}
.mod-resp-banners .mrp-slide{flex:0 0 100%;min-width:100%}
.mod-resp-banners img{display:block;width:100%;height:auto}

/* tylko jeden tor widoczny */
@media (max-width:767.98px){
  .mod-resp-banners .mrp-desktop{display:none}
  .mod-resp-banners .mrp-mobile{display:flex}
}
@media (min-width:768px){
  .mod-resp-banners .mrp-mobile{display:none}
  .mod-resp-banners .mrp-desktop{display:flex}
}

/* STRZAŁKI: środek w pionie, po bokach w poziomie */
.mod-resp-banners .mrp-prev,
.mod-resp-banners .mrp-next{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:3;display:grid;place-items:center;
  width:44px;height:44px;border-radius:9999px;
  background:transparent;border:2px solid rgba(255,255,255,.9);color:#fff;
  cursor:pointer;user-select:none;outline:0;
  box-shadow:0 0 0 0 rgba(0,0,0,0);
}
.mod-resp-banners .mrp-prev{left:12px}
.mod-resp-banners .mrp-next{right:12px}
.mod-resp-banners .mrp-prev:hover,
.mod-resp-banners .mrp-next:hover{background:rgba(0,0,0,.25)}
.mod-resp-banners .mrp-prev:focus-visible,
.mod-resp-banners .mrp-next:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.35)}

/* KROPKI: wycentrowane na dole */
.mod-resp-banners .mrp-dots{
  position:absolute;left:0;right:0;bottom:12px;z-index:2;
  display:flex;justify-content:center;gap:8px
}
.mod-resp-banners .mrp-dots button{
  width:10px;height:10px;border-radius:9999px;cursor:pointer;
  background:transparent;border:2px solid rgba(255,255,255,.9);padding:0
}
.mod-resp-banners .mrp-dots button[aria-selected="true"]{background:#fff}

/* reset ewentualnych styli bootstrapowych przycisków */
.mod-resp-banners .mrp-prev,.mod-resp-banners .mrp-next,
.mod-resp-banners .mrp-dots button{box-shadow:none}