/** Shared product cards: catalogues and recommendation/bestseller rails. */

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap {
  position: relative;
  margin-bottom: 14px;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .product-category {
  margin: 0 0 5px;
  color: var(--pm-text-muted);
  font-family: var(--pm-font-main);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .product-category a {
  color: var(--pm-text-muted);
  text-decoration: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .product-category a:hover {
  color: var(--pm-yellow);
  text-decoration: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-top: 6px;
  color: var(--pm-yellow);
  font-family: var(--pm-font-main);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price ins {
  order: 1;
  color: var(--pm-yellow);
  font-weight: 900;
  text-decoration: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price ins bdi {
  color: var(--pm-yellow);
  font-weight: 900;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price > .woocommerce-Price-amount,
:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price > .woocommerce-Price-amount bdi {
  color: var(--pm-yellow);
  font-weight: 900;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price del {
  order: 2;
  color: var(--pm-text-muted);
  font-size: 15px;
  font-weight: 400;
  opacity: 1;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price del bdi {
  color: var(--pm-text-muted);
  font-weight: 400;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap {
  position: absolute;
  z-index: 6;
  left: 10px;
  right: auto;
  bottom: 10px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  transform: none;
  transition:
    opacity 160ms ease,
    visibility 160ms ease;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap > .woocommerce-LoopProduct-link {
  display: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product:hover .loop-image-wrap .loop-button-wrap {
  opacity: 1;
  visibility: visible;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--pm-radius-small);
  background: var(--pm-red);
  color: var(--pm-white);
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  text-decoration: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button i,
:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button svg {
  display: block;
  width: 18px;
  height: 18px;
  color: var(--pm-white);
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button svg path {
  fill: currentColor;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button:hover,
:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button.loading,
:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button.added {
  background: var(--pm-red);
  color: var(--pm-white);
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button:hover {
  opacity: 0.9;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product a.added_to_cart.wc-forward {
  display: none;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button {
  position: absolute;
  z-index: 7;
  top: auto;
  right: auto;
  bottom: 10px;
  left: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--pm-radius-small);
  background: var(--pm-yellow);
  color: var(--pm-dark);
  box-shadow: none;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transform: none;
  transition:
    opacity 160ms ease,
    visibility 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product:hover .loop-image-wrap .botiga-wishlist-button {
  opacity: 1;
  visibility: visible;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: inherit;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button svg {
  display: block;
  width: 18px;
  height: 18px;
  color: currentColor;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button svg path {
  stroke: currentColor;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button:hover {
  background: var(--pm-yellow);
  color: var(--pm-dark);
  opacity: 0.9;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-loading-icon svg {
  width: 18px;
  height: 18px;
}

:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-loading-icon svg path {
  fill: currentColor;
}

@media (hover: none), (max-width: 1024px) {:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap,
  :is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button {
    opacity: 1;
    visibility: visible;
  }}

@media (max-width: 767px) {:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap {
    margin-bottom: 12px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .product-category {
    font-size: 11px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price {
    margin-top: 5px;
    font-size: 15px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .price del {
    font-size: 13px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap {
    left: 8px;
    bottom: 8px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button i,
  :is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .loop-button-wrap .add_to_cart_button svg {
    width: 17px;
    height: 17px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button {
    left: 54px;
    bottom: 8px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }:is(body.pm-product-archive, .pm-product-rail) ul.products li.product .loop-image-wrap .botiga-wishlist-button svg {
    width: 17px;
    height: 17px;
  }}