#modalProductDetail {
    display: none;
    transition: transform 1s ease-in-out;
    transform: translateX(0);
}

.show-slide-in {
    display: block;
    transform: translateX(0);
}
.side-compare-tray-container {
    transform: translateX(-100%); /* Initially hidden */
    transition: transform 0.8s ease;
  }
  
  .side-compare-tray-container.open {
    transform: translateX(0); /* Slide in */
  }
  
  /* Initially display only the open icon */
  .side-tray-open-icon {
    display: block;
    right:auto;
    top:0px;
  }
  
  .side-tray-close-icon {
    display: none;
  }
  
  /* When the tray is open, show the close icon and hide the open icon */
  .side-compare-tray-container.open + .side-tray-open-icon {
    display: none;
  }
  
  .side-compare-tray-container.open .side-tray-close-icon {
    display: block;
  }