/* Neutralize the old full-viewport rules in this duplicate file so it cannot force 100% height */
.carousel-75,
.carousel-75 .carousel-inner,
.carousel-75 .carousel-item {
    height: auto !important;
    box-sizing: border-box;
}

    /* center the image inside each carousel-item */

.carousel-75 .carousel-item {
        display: none !important;
        text-align: center; /* horizontal centering fallback */
        /*        align-items: center;*/
    }

.carousel-75 .carousel-item.active {
            display: block !important;
        }

        /* let the image scale responsively but not exceed container or viewport height */
.carousel-75 .carousel-item img {
            display: inline-block;
            max-width: 75% !important;
            width: auto !important;
            height: auto !important;
            max-height: 60vh !important;
            object-fit: cover !important;
            display: block !important;
            margin: 0 auto !important;
        }



    /* ensure carousel controls are visible above images and draw visible arrows */
    .carousel-75 .carousel-control-prev,
    .carousel-75 .carousel-control-next {
        z-index: 30;
        width: 4rem;
        height: 4rem;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        opacity: 1;
    }

    /* replace the default (white) SVG with a visible circular dark background + chevron glyph */
    .carousel-75 .carousel-control-prev-icon,
    .carousel-75 .carousel-control-next-icon {
        background-image: none !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0,0,0,0.45);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    /* draw chevrons using ::after so they contrast with page background */
    .carousel-75 .carousel-control-prev-icon::after,
    .carousel-75 .carousel-control-next-icon::after {
        color: #fff;
        font-size: 22px;
        line-height: 1;
        font-weight: 700;
    }

    /* left / right chevrons */
    .carousel-75 .carousel-control-prev-icon::after {
        content: '\2039';
    }
    /* ‹ */
    .carousel-75 .carousel-control-next-icon::after {
        content: '\203A';
    }
/* › */