/* ------- Image Slider ------- */

.carousel {	
	border: 3px solid #ff819c;
}

.carousel-item img {	
    height: 425px;       /* Control height */
    object-fit: contain;   /* Crop without distortion */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    background-size: 50%;
    padding: 14px;
}

.carousel-indicators [data-bs-target] {
    background-color: #ffffcd !important; /* app-yellow */
    opacity: 1; /* avoid transparency */
}

.carousel-indicators .active {
    background-color: #ffd700 !important; /* Gold/Yellow */
}

/* Mobile (small phones) */
@media (max-width: 576px) {
    .carousel-item img {
        height: 240px;
    }
}

/* Tablets */
@media (max-width: 768px) {
    .carousel-item img {
        height: 300px;
    }
}

/* Medium screens */
@media (max-width: 992px) {
    .carousel-item img {
        height: 360px;
    }
}

/* Large desktops */
@media (min-width: 1200px) {
    .carousel-item img {
        height: 425px;
    }
}