/* These rules deliberately follow BeTheme and the compact legacy BSS styles. */
.bss-product-carousel__card:hover .bss-product-carousel__image img {
  /* The carousel base stylesheet is loaded afterwards and provides a very
     subtle fallback scale. This per-shortcode value must win over it. */
  transform: scale(var(--bss-product-hover-zoom, 1.2)) !important;
}

/* The grid cell is present before the card becomes visible, then it rises
   gently into its final place without competing with GSAP Flip's transform. */
.bss-products-filter-ready > li.product {
  transition: opacity 1s cubic-bezier(.16, 1, .3, 1), translate 1s cubic-bezier(.16, 1, .3, 1);
}
.bss-products-filter-ready > li.product.bss-product-filter-fading {
  opacity: 0 !important;
  pointer-events: none !important;
}
.bss-products-filter-ready > li.product.bss-product-filter-enter {
  opacity: 0 !important;
  translate: 0 28px;
  pointer-events: none !important;
}