body {
  background-color: #B0E0E6; /* Light gray */
}

.img-equal {
  width: 100%;
  height: 200px;      /* Or any height you want */
  object-fit: cover;  /* Crops and centers the image to fill */
}


/* Fix carousel height */
#productCarousel .carousel-inner {
  height: 450px;
}

/* Ensure all items take full height */
#productCarousel .carousel-item {
  height: 100%;
}

/* Ensure row inside each slide fits the height */
#productCarousel .carousel-item .row {
  height: 100%;
}

/* Make image fit the left side of the slide */
#productCarousel img {
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* Optional: Center text vertically */
#productCarousel .carousel-item .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}