/* Default hidden state */
#productDetails {
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}

/* Visible state */
#productDetails.open {
    max-height: 500px; 
    opacity: 1;
}