/* Product cards only, including large plants. Anthurium keeps 4:5 portrait. */
@layer pj-card-layout {
  :is(.pj-card-square, .pj-card-portrait) :is(.product-element-top, .product-image-link, .pj-lean-product-card__image, .pj-zh-product__media) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: var(--pj-card-preview-ratio) !important;
    overflow: hidden !important;
  }
  .pj-card-square { --pj-card-preview-ratio: 1 / 1; }
  .pj-card-portrait { --pj-card-preview-ratio: 4 / 5; }
  :is(.pj-card-square, .pj-card-portrait) :is(.product-image-link, .pj-lean-product-card__image, .pj-zh-product__media) > img,
  :is(.pj-card-square, .pj-card-portrait) .wd-product-img-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  :is(.pj-card-square, .pj-card-portrait) .wd-product-img-hover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  /* Opacity/visibility remain owned by Woodmart so its second-image hover works. */
}