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

.zoom {
    display: block;
    transition: transform 0.5s ease;
    width: 100%; /* Adjust this to your preference */
    cursor: zoom-in; 
}




.zoom-container:hover .zoom {
    transform: scale(1.5); /* Adjust the scale to your preference */
}


.out-of-stock {
    font-size: 0.8em;
    color: red;
}
.low-stock {
    font-size: 0.8em;
    color: orange;
}




.share_buttons {
    display: flex;
    align-items: center;
}

.product-sizes {
    margin-right: 30px; /* Increase margin-right for more space */
}

.product-images-variant {
    display: flex;
}

.product-image-variant {
    margin-right: 20px; /* Adjust spacing between images */
    position: relative;
    overflow: hidden;
}

.product-image-variant img {
    max-width: 60px; /* Adjust image width */
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* Smooth transition for zoom effect */
    cursor: pointer; /* Change cursor to hand pointer */
}

.product-image-variant img:hover {
    transform: scale(1.2); /* Zoom effect on hover */
}





/* Related Products CSS */