.product-details-left {
    position: relative;
}

.zoom-container {
    position: relative;
    overflow: hidden;
}

.zoom-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-details-images .zoom-container:hover .zoom-image {
    transform: scale(1.5); /* Adjust zoom scale as needed */
    cursor: zoom-in;
}

.product-details-images .zoom-container {
    height: 500px; /* Adjust height based on your image dimensions */
    width: 100%; /* Ensure the container fits the image */
}

.product-details-thumbs .sm-image {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-details-thumbs .sm-image:hover {
    transform: scale(1.1); /* Optional: thumbnail hover effect */
}
