.prod-box {z-index: 5;} .position-relative {position: relative;} #imglens, #zoomresult {position: absolute; display: none; z-index: 5;} #imglens {background-color: rgba(233, 233, 233, 0.4)} #zoomresult {top: 0!important; left: 100% !important; background: #fff; border:1px solid #ccc;} #zoomresult.zoom-left {left: auto !important; right: 100% !important;} #zoomresult.zoom-right {left: 100% !important; right: auto !important;}

.cart-alert {position: fixed; top: 50px; right: 50px; z-index: 9999999; border-radius: 12px; background: #fff; padding: 15px 25px 15px 20px; box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.2); overflow: hidden; transform: translateX(calc(100% + 70px)); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);}
.cart-alert.active {transform: translateX(0%);}
.alert-content {display: flex;}
.alert-content .alert-left {width: 38px; margin-right: 10px; font-size: 20px;}
.alert-content .alert-left figure {border-radius:100px; width: 38px; height: 38px; line-height: 38px; background: #369719; color: #fff; font-size: 15px; text-align: center; margin: 0;}
.alert-content .alert-right {flex:1}

.alert-title {font-size: 15px; font-weight: 600; color: #000;}
.alert-desc {font-size: 14px; color: #666; margin-top:2px;}
.alert-dismissible .close {top:20px;}

@media(max-width:768px) {
  #zoomresult, #zoomresult.zoom-left, #zoomresult.zoom-right {top: 100% !important; left:0px !important;}
  .cart-alert {top: 40px; right: 15px;}

}