.elementor-31728 .elementor-element.elementor-element-ea21ff2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-31728 .elementor-element.elementor-element-ea21ff2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31728 .elementor-element.elementor-element-fb0cc89{text-align:center;}.elementor-31728 .elementor-element.elementor-element-fb0cc89 img{width:100%;max-width:100%;}.elementor-31728 .elementor-element.elementor-element-573041d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-31728 .elementor-element.elementor-element-573041d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31728 .elementor-element.elementor-element-d76c5d9.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-31728 .elementor-element.elementor-element-ea21ff2{--width:100%;}.elementor-31728 .elementor-element.elementor-element-573041d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-573041d *//* Top Performer Section Grid */
.top-performer-section .products {
  display: grid;
 grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Product Card Layout */
.top-performer-section .products li.product {
  background: #fff;
  padding: 15px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  min-height: 420px;
}

/* Hover effect */
.top-performer-section .products li.product:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Compact & Consistent Product Images */
.top-performer-section .products li.product img {
  width: 100%;
  max-width: 240px;
  aspect-ratio: 1 / 1; /* Forces square display */
  object-fit: contain;
  height: auto;
  margin: 0 auto 12px;
  display: block;
}

/* Optional: Style buttons and prices if needed */
.top-performer-section .woocommerce-Price-amount {
  font-weight: bold;
  font-size: 1rem;
}/* End custom CSS */