/**
 * Product Edge Profiles Styles
 */

.hover-zoom-container {
    overflow: hidden; /* Hide the scaled-up parts of the image */
    position: relative;
    cursor: zoom-in; /* Indicate zoom is possible */
    margin-left: auto;
    margin-right: auto;
}

.hover-zoom-container img {
    display: block; /* Remove extra space below image */
    transition: transform 0.3s ease; /* Smooth transition for zoom */
    width: 100%;
    height: auto;
}
/* Removed :hover rule, JS will handle the transform */