/**
 * woocommerce/product-image
 */
.wc-block-components-product-image {
  --gtm-product-sale-badge-offset: var(--wp--preset--spacing--sm);
}
@media screen and (max-width: 768px) {
  .wc-block-components-product-image {
    --gtm-product-sale-badge-offset: var(--wp--preset--spacing--2-xs);
  }
}
.wc-block-components-product-image .wc-block-components-product-sale-badge {
  top: var(--gtm-product-sale-badge-offset);
}
.wc-block-components-product-image .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right {
  right: var(--gtm-product-sale-badge-offset);
}
.wc-block-components-product-image .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-left {
  left: var(--gtm-product-sale-badge-offset);
}

/**
 * Sale badge
 */
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale,
.wp-block-woocommerce-product-image-gallery .onsale.onsale,
.wp-block-woocommerce-product-image .wc-block-components-product-sale-badge {
  border: none;
  background-color: var(--wp--preset--color--sale);
  text-transform: none;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  border-radius: 10em;
}
.wc-block-grid .wc-block-grid__product-onsale::after,
.wc-block-grid__product-image .wc-block-grid__product-onsale::after,
.wp-block-woocommerce-product-image-gallery .onsale.onsale::after,
.wp-block-woocommerce-product-image .wc-block-components-product-sale-badge::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyNCIgeDE9IjIwMCIgeDI9IjU2IiB5MT0iNTYiIHkyPSIyMDAiLz48Y2lyY2xlIGN4PSI3NiIgY3k9Ijc2IiBmaWxsPSJub25lIiByPSIyOCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMjQiLz48Y2lyY2xlIGN4PSIxODAiIGN5PSIxODAiIGZpbGw9Im5vbmUiIHI9IjI4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyNCIvPjwvc3ZnPg==");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: white;
}
@media screen and (max-width: 768px) {
  .wc-block-grid .wc-block-grid__product-onsale,
  .wc-block-grid__product-image .wc-block-grid__product-onsale,
  .wp-block-woocommerce-product-image-gallery .onsale.onsale,
  .wp-block-woocommerce-product-image .wc-block-components-product-sale-badge {
    width: 32px;
    height: 32px;
    min-width: auto;
    min-height: auto;
  }
  .wc-block-grid .wc-block-grid__product-onsale::after,
  .wc-block-grid__product-image .wc-block-grid__product-onsale::after,
  .wp-block-woocommerce-product-image-gallery .onsale.onsale::after,
  .wp-block-woocommerce-product-image .wc-block-components-product-sale-badge::after {
    width: 16px;
    height: 16px;
  }
}

.wc-block-components-product-image.gtm-has-alt-img a {
  position: relative;
  display: block;
}
.wc-block-components-product-image.gtm-has-alt-img .gtm-alt-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
}
.wc-block-components-product-image.gtm-has-alt-img:hover .gtm-alt-img {
  opacity: 1;
}

li.wp-block-post.type-product > .wp-block-group:hover .gtm-alt-img {
  opacity: 1;
}

/**
 * Style: Faded
 */
.wc-block-components-product-image.is-style-gtmt-faded > a {
  display: block;
  position: relative;
}
.wc-block-components-product-image.is-style-gtmt-faded > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #888;
  opacity: var(--wp--custom--faded-opacity, 0.07);
  mix-blend-mode: darken;
  pointer-events: none;
  border-radius: inherit;
}

.wc-block-components-product-image.gtm-has-add-button {
  /**
   * Add-button style: Overlay
   */
  /**
   * Add-button style: Overlay icon
   */
}
.wc-block-components-product-image.gtm-has-add-button .wc-block-components-product-button__button.wp-block-button__link {
  width: 100%;
  font-size: var(--wp--preset--font-size--2-xs);
  -webkit-margin-before: var(--wp--preset--spacing--sm);
          margin-block-start: var(--wp--preset--spacing--sm);
  border-radius: var(--wp--custom--radius--md);
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay {
  overflow: hidden;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay .wp-block-button.wc-block-components-product-button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 100;
  opacity: 0;
  color: var(--wp--preset--color--accent);
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay:hover .wp-block-button.wc-block-components-product-button, .wp-block-post:hover .wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay .wp-block-button.wc-block-components-product-button {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay .wc-block-components-product-image {
  overflow: hidden;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay .wp-element-button.wp-block-button__link {
  width: 100%;
  font-size: var(--wp--preset--font-size--2-xs);
  border-radius: 0;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay-icon .wp-block-button.wc-block-components-product-button {
  position: absolute;
  top: var(--gtm-product-sale-badge-offset);
  right: var(--gtm-product-sale-badge-offset);
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  opacity: 1;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay-icon .add_to_cart_button.wp-block-button__link {
  margin: 0;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay-icon:hover .wp-block-button.wc-block-components-product-button {
  opacity: 1;
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay-icon:hover .add_to_cart_button.wp-block-button__link::after {
  -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
}
.wc-block-components-product-image.gtm-has-add-button.has-add-button-style-overlay-icon:not([data-show-sale-badge=false]):not([data-sale-badge-align]).gtm-has-sale-badge .wp-block-button.wc-block-components-product-button {
  top: calc(var(--gtm-product-sale-badge-offset) + 52px);
}

.gtmt-sold-out-badge {
  padding: var(--wp--preset--spacing--2-xs) var(--wp--preset--spacing--xs);
  background: rgba(0, 0, 0, 0.3333333333);
  color: white;
  border-radius: var(--wp--custom--radius--md);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.wc-block-components-product-image.gtm-is-sold-out img {
  -webkit-filter: contrast(0.9) brightness(0.9);
          filter: contrast(0.9) brightness(0.9);
}
.wc-block-components-product-image.gtm-is-sold-out.gtm-has-add-button.has-add-button-style-overlay-icon .wp-block-button__link {
  display: none !important;
}