/* Custom overrides for mobile modal carousel display */
@media (max-width: 768px) {
  /* Hide carousel in modal on mobile */
  .modal-body .carousel {
    display: none !important;
  }
  /* Make product detail div take full width */
  .modal-body > div[style*="text-align: justify"] {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* Center image and text horizontally in modal */
.modal-body {
  justify-content: left !important;
  text-align: center;
}

.modal-body .carousel,
.modal-body > div[style*="text-align: justify"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

 .carousel-item img {
                filter: none; /* Remove the brightness filter */
            }
