/**
 * Shared carousel sizing for themes 2–10.
 * Images always render at a fixed height (cover crop), regardless of upload dimensions.
 */
.theme2-carousel .carousel-item,
.theme3-carousel .carousel-item,
.theme4-carousel .carousel-item,
.theme5-carousel .carousel-item,
.theme6-carousel .carousel-item,
.theme7-carousel .carousel-item,
.theme8-carousel .carousel-item,
.theme9-carousel .carousel-item,
.theme10-carousel .carousel-item {
    min-height: 220px;
}

.theme2-carousel .carousel-item img,
.theme3-carousel .carousel-item img,
.theme4-carousel .carousel-item img,
.theme5-carousel .carousel-item img,
.theme6-carousel .carousel-item img,
.theme7-carousel .carousel-item img,
.theme8-carousel .carousel-item img,
.theme9-carousel .carousel-item img,
.theme10-carousel .carousel-item img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 768px) {
    .theme2-carousel .carousel-item,
    .theme3-carousel .carousel-item,
    .theme4-carousel .carousel-item,
    .theme5-carousel .carousel-item,
    .theme6-carousel .carousel-item,
    .theme7-carousel .carousel-item,
    .theme8-carousel .carousel-item,
    .theme9-carousel .carousel-item,
    .theme10-carousel .carousel-item {
        min-height: 280px;
    }

    .theme2-carousel .carousel-item img,
    .theme3-carousel .carousel-item img,
    .theme4-carousel .carousel-item img,
    .theme5-carousel .carousel-item img,
    .theme6-carousel .carousel-item img,
    .theme7-carousel .carousel-item img,
    .theme8-carousel .carousel-item img,
    .theme9-carousel .carousel-item img,
    .theme10-carousel .carousel-item img {
        height: 280px;
    }
}