/* === SP Easy Image Gallery — Mobile full-screen lightbox fix === */
@media (max-width: 768px) {

  /* Stretch modal to full viewport */
  .speasyimagegallery-modal {
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Image fills full width */
  .speasyimagegallery-image-wrapper {
    width: 100% !important;
  }

  .speasyimagegallery-image {
    width: 100% !important;
    height: auto !important;
    max-height: 90vh !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Move close button inside the screen (was at top: -36px, off-screen) */
  .speasyimagegallery-close {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 100000 !important;
  }

  /* Show nav arrows on mobile — hover doesn't work on touch */
  .speasyimagegallery-next,
  .speasyimagegallery-prev {
    opacity: 1 !important;
    width: 50px !important;
    z-index: 100000 !important;
  }
}