/**
 * Global Styles
 * Loaded on all pages
 */

/* Product Hover Image Effect */
/* .product__image figure {
    position: relative;
} */

.product__image figure img {
    transition: opacity 0.3s ease;
}

.product__image .product__image-hover {
    position: absolute;
    /* top: 0; */
    left: 0;
    width: 100%;
    /* height: 100%; */
    /* object-fit: cover; */
    opacity: 0;
}

.product__image.has-hover-image:hover .product__image-main {
    opacity: 0;
}

.product__image.has-hover-image:hover .product__image-hover {
    opacity: 1;
}

@media (max-width: 768px) {
    .product__image .product__image-hover {
        width: 90%;
        height: 90%;
    }
}