/* ============================================
   FEATURED SLIDER FIXES - The Unfinished Human
   ============================================ */

/* Fix inconsistent image heights in slider */
#featured-slider img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

/* For multi-column sliders (2 or 3 columns) */
[data-slider-columns="2"] .slider-item img,
[data-slider-columns="3"] .slider-item img {
    height: 350px;
}

/* Ensure slider items have consistent height */
.slider-item {
    position: relative;
    height: auto;
}

/* Responsive heights */
@media (max-width: 1024px) {
    #featured-slider img {
        height: 350px;
    }

    [data-slider-columns="2"] .slider-item img,
    [data-slider-columns="3"] .slider-item img {
        height: 300px;
    }
}

@media (max-width: 768px) {
    #featured-slider img {
        height: 300px;
    }

    [data-slider-columns="2"] .slider-item img,
    [data-slider-columns="3"] .slider-item img {
        height: 250px;
    }
}

@media (max-width: 480px) {
    #featured-slider img {
        height: 250px;
    }
}