/* Pokaż tylko na mobile */
#mobss { display:none; }
@media (max-width: 768px) {
  #mobss { display:block; }
}

/* Obszar slajdera – 900x550 jako proporcje. Na mobile zmniejszy się szerokością ekranu. */
.mobss-container {
  position: relative;
  max-width: 900px;
  aspect-ratio: 900 / 550;
  margin: 12px auto;
  overflow: hidden;
  border-radius: 10px;
}

.mobss-track {
  display: flex;
  height: 100%;
  transition: transform 0.45s ease-in-out; /* klasyczne przesunięcie w lewo */
}

.mobss-slide {
  min-width: 100%;
  height: 100%;
}

.mobss-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Strzałki */
.mobss-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 22px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 2;
}
.mobss-prev { left: 8px; }
.mobss-next { right: 8px; }
.mobss-nav:focus { outline: 2px solid #ffc600; }