/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2025 | 04:40:31 */
/* == V4: AGGRESSIVE OVERRIDE for Mobile Slider == */
@media (max-width: 768px) {
  
  /* Use a high-specificity body class to win any style conflicts */
  body.single-listing .lp-listing-slider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 40vh !important; /* 40% of the screen height */
    min-height: 250px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 99 !important;
  }

  /* Force the inner track and list to be visible and correctly positioned */
  body.single-listing .lp-listing-slider .slick-list,
  body.single-listing .lp-listing-slider .slick-track {
    height: 100% !important;
    opacity: 1 !important;
    transform: none !important; /* Reset any JS-based transforms hiding it */
    position: relative !important;
    left: 0 !important;
  }

  /* Force each individual slide to be visible and take up the full space */
  body.single-listing .lp-listing-slider .slick-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 100% !important;
    width: 100% !important;
    float: none !important;
    position: static !important;
  }

  /* Force the image itself to be 100% visible and sized correctly */
  body.single-listing .lp-listing-slider .slick-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Hide slider navigation arrows on mobile */
@media (max-width: 768px) {
  body.single-listing .lp-listing-slider .slick-arrow {
    display: none !important;
  }
}