.product-info-main {
    position: relative;
}
.product-info-main::before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(154, 154, 154, 0.15);
    position: absolute;
    z-index: 22;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-info-main::after {
    content: "";
    display: none;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 10px solid #ccc;
    border-right-color: #ddd;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    animation-name: mw-spin;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.product-info-main.mw-loading::before,
.product-info-main.mw-loading::after {
    display: block;
}

@keyframes mw-spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}