.elementor-5793 .elementor-element.elementor-element-151acd4b{--display:flex;}.elementor-5793 .elementor-element.elementor-element-151acd4b:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-151acd4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-5793 .elementor-element.elementor-element-2b18d680.elementor-element{--align-self:flex-start;}.elementor-5793 .elementor-element.elementor-element-2b18d680{text-align:center;}.elementor-5793 .elementor-element.elementor-element-2b18d680 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-5793 .elementor-element.elementor-element-06d0985{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for container, class: .elementor-element-06d0985 *//* Equal-height product cards + consistent button alignment */
ul.products li.product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  height: 100%;
}

/* Keep image proportional (fallback if cropping not set) */
ul.products li.product a img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;       /* match your chosen ratio, e.g. 4 / 5 */
  object-fit: cover;
}

/* Keep titles from making one card super tall (tweak as needed) */
ul.products li.product .woocommerce-loop-product__title {
  min-height: 3em;           /* ~2 lines */
}

/* Push price & button to the bottom, and make button same width */
ul.products li.product .price { margin-top: auto; }
ul.products li.product .button {
  width: 100%;
  margin-top: .5rem;
}/* End custom CSS */