/* Feature Banner Styles */
.in-page-banner-section .promo-banner {
    max-height: 300px;
    overflow: hidden;
}

.in-page-banner-section .promo-banner-img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .in-page-banner-section .promo-banner {
        max-height: 200px;
    }
    
    .in-page-banner-section .promo-banner-img {
        max-height: 200px;
    }
}

/* Ensure banner content is readable */
.promo-content {
    background: linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
}