/* Allow clicking on visible slides */
.slick-slide {
    pointer-events: auto !important;
    outline: none !important;
}

/* Prevent focus on aria-hidden elements */
.slick-slide[aria-hidden="true"] {
    pointer-events: none !important;
}

/* Target only the slider navigation thumbnails */
.slider-nav .slick-slide {
    max-width: 150px !important;
    height: auto !important;
}

/* Ensure thumbnail images maintain aspect ratio */
.slider-nav .vehicle-detail-gallery-nav-img {
    width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Center the thumbnail image within the slide */
.slider-nav .slick-slide img {
    display: block;
    margin: 0 auto;
}

/* Remove white space below the main image */
.vehicle-detail-gallery-main-img {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* Adjust the slider navigation container */
.slider-nav {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the slider track takes up the correct space */
.slider-nav .slick-list {
    margin: 0 !important;
    padding: 0 !important;
}

/* Target the parent gallery container */
.vehicle-detail-gallery {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Remove excess space in wrapper */
.content-area, .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix the main slider's slick-list height */
.slider-for .slick-list {
    height: auto !important;
    max-height: 535px !important;
}

/* Ensure the main slider's slides fit the content */
.slider-for .slick-slide {
    height: auto !important;
}

/* Ensure the main slider's images fit properly */
.slider-for .ps-car-listing {
    width: 100% !important;
    height: auto !important;
    max-height: 535px !important;
}