/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2025 | 04:36:19 */
/*
 * Fix for mobile listing image slider and title overlap.
 * This ensures the slider's height is dynamic and the title flows correctly below it.
*/
@media (max-width: 767px) {
    /* Ensure the main wrapper allows its height to adjust */
    .lp-style3-header-wrap {
        height: auto !important;
        min-height: unset !important;
        /* Optionally add overflow to prevent children from breaking out if they are positioned */
        overflow: hidden !important;
    }

    /* Reset all slider elements to auto height */
    .lp-listing-slider,
    .lp-listing-slider .slick-list,
    .lp-listing-slider .slick-track,
    .lp-listing-slider .slick-slide,
    .lp-listing-slider .lp-listing-slide,
    .lp-listing-slider .lp-listing-slide img {
        height: auto !important;
        min-height: unset !important;
        /* Ensure images inside slider scale correctly */
        width: 100% !important;
    }

    /* Remove any previous negative margin that caused overlap */
    .lp-listing-title {
        margin-top: 0 !important; /* Remove the fixed negative margin */
        padding-top: 10px !important; /* Add a small natural space between slider and title */
    }

    /* Ensure images within the slider always fill their container's width on mobile */
    .lp-listing-slider img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Ensure arrow visibility if they are hidden due to previous height issues */
    .lp-listing-slider .slick-arrow {
        display: block !important;
    }
}