.wcz-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 860px;
  margin: 20px auto;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}
.wcz-popup-inner {
  min-height: 250px;
}
.wcz-popup-inner.wcz-loading {
  background-image: url(../../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.woocommerce ul.products li.product .wcz-qv-btn a.wcz-popup-link,
.wc-block-grid__product .wcz-qv-btn a.wcz-popup-link {
  margin: 10px 0 0;
  font-size: 1em;
}
.woocommerce ul.products li.product .wcz-qv-img,
.wc-block-grid__product .wcz-qv-img {
  position: relative;
}
.woocommerce ul.products li.product .wcz-qv-img a.wcz-popup-link,
.wc-block-grid__product .wcz-qv-img a.wcz-popup-link {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 100%;
  font-size: 0.7em;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.2s linear 0s;
}
.woocommerce ul.products li.product:hover a.wcz-popup-link,
.wc-block-grid__product:hover .wcz-qv-img a.wcz-popup-link {
  opacity: 1;
}
.woocommerce ul.products li.product .wcz-qv-txt,
.wc-block-grid__product .wcz-qv-txt {
  margin: 0 0 10px;
}
.woocommerce ul.products li.product .wcz-qv-txt a.wcz-popup-link,
.wc-block-grid__product .wcz-qv-txt a.wcz-popup-link {
  color: inherit;
}

/* ====== Zoom -in effect ====== */
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out 0.7s;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
/* ====== Zoom-out effect ====== */
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out 0.7s;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
/* ====== Move-horizontal effect ====== */
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out 0.7s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

/* ====== Move-from-top effect ====== */
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out 0.7s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

/* ====== Zoom effect ====== */
.mfp-fade {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-fade .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out 0.7s;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-fade.mfp-ready .mfp-with-anim {
  opacity: 1;
}
.mfp-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-fade.mfp-removing .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-fade.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

/* ====== 3d unfold ====== */
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out 0.7s;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0.7s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

/* ---- Quick View Popup ---- */
.wcz-quickview-product,
body.single-product .wcz-quickview-product.product {
  display: flex;
}
.wcz-quickview-product-imgs {
  flex: 1;
  padding: 0 20px 0 0;
}
.wcz-quickview-product .wcz-quickview-product-imgs div.images {
  width: 100% !important;
}
.wcz-quickview-product-summary {
  flex: 1;
  padding: 0 0 0 20px;
}
.wcz-qv button.mfp-close {
  background: none;
  color: #333;
}
.wcz-qv button.mfp-close:hover {
  color: #000;
}

.wcz-quickview-product-summary span.sku_wrapper {
  display: block;
  font-size: 0.8em;
  margin: 0 0 8px;
  opacity: 0.7;
}
.wcz-quickview-product-summary span.posted_in,
.wcz-quickview-product-summary span.tagged_as {
  display: block;
  font-size: 0.9em;
  margin: 0 0 2px;
}

.wcz-quickview-product-summary .button.wcz-qv-btn {
  margin: 0 0 1em;
}

.wcz-quickview-product.product-type-simple form.cart,
.wcz-quickview-product.product-type-variable
  .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.wcz-quickview-product.product-type-simple form.cart .quantity,
.wcz-quickview-product.product-type-variable
  .woocommerce-variation-add-to-cart
  .quantity {
  margin-right: 15px;
}

/* -- Popup Gallery CSS -- */
.wcz-quickview-product-imgs div.woocommerce-product-gallery {
  margin: 0 !important;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__wrapper {
  margin: 0 0 10px;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__wrapper::after {
  display: block;
  content: "";
  clear: both;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__image {
  width: 25%;
  float: left;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__image:first-child {
  margin: 0 0 10px;
  width: 100%;
  float: none;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__image
  a {
  display: block;
  margin: 0 5px;
}
.wcz-quickview-product-imgs
  div.woocommerce-product-gallery
  .woocommerce-product-gallery__image
  img {
  max-width: 100%;
  height: auto;
}

.wcz-quickview-product-imgs div.woocommerce-product-gallery .wcz-img {
  cursor: pointer;
  opacity: 0.75;
}
.wcz-quickview-product-imgs div.woocommerce-product-gallery .wcz-img:hover {
  opacity: 1;
}

@media only screen and (max-width: 640px) {
  .wcz-quickview-product {
    flex-direction: column;
  }
  .wcz-quickview-product-imgs {
    padding: 0;
    max-width: 380px;
    margin: 0 auto 20px;
  }
  .wcz-quickview-product-summary {
    padding: 0;
  }
  body.wcz-woocommerce
    .wcz-quickview-product
    .wcz-quickview-product-imgs
    .woocommerce-product-gallery {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 520px) {
  .wcz-quickview-product-imgs {
    max-width: none;
  }
}