/* ========================================
   SLIDESHOW — MINIMAL CSS
   ======================================== */

.slideshow {
  width: 100%;
  /* cursor: pointer; */
  margin-bottom: 1rem;
  background: #fff;
}

.slideshow__img {
  width: 100%;
  height: auto;
  display: block;
  min-height: 200px; /* Prevent collapse */
  object-fit: contain;
}

/* Desktop: Square ratio */
@media (min-width: 769px) {
  .slideshow {
    position: relative;
    padding-bottom: 100%;
    height: 0;
  }
  .slideshow__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: auto;
  }
}

/* Mobile: Simple */
@media (max-width: 768px) {
  .slideshow {
    touch-action: pan-y; /* Allow page scroll */
  }
}