.elementor-2435 .elementor-element.elementor-element-17ac8ee{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a39620c *//* Fallback if products grid isn't inside #menuHub-mount */
#menuHub-mount ul.products,
ul.products{
  list-style:none;
  margin:0;
  padding:0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17ac8ee *//* =========================================================
   FORCE PRODUCT TITLES TO DISPLAY IN MENU HUB
   (Theme override – strong)
   ========================================================= */

/* Target every possible title structure Woo outputs */
.menuBlock li.product h2,
.menuBlock li.product .woocommerce-loop-product__title,
.menuBlock li.product a h2,
.menuBlock li.product a .woocommerce-loop-product__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;

  margin: 8px 0 6px !important;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;

  white-space: normal !important;
  overflow: visible !important;
  text-align: center !important;
}

/* Some themes set font-size:0 on links */
.menuBlock li.product a {
  font-size: 14px !important;
}

/* Ensure title is not clipped */
.menuBlock li.product {
  overflow: visible !important;
}

/* If theme hides entire summary block */
.menuBlock .woocommerce-loop-product__link {
  display: block !important;
}


/* =========================================================
   MENU HUB – LARGE PRODUCT THUMBNAILS
   ========================================================= */

/* Reduce padding so image gets more space */
.menuBlock li.product {
  padding: 16px 14px 18px !important;
}

/* Make image area visually larger */
.menuBlock li.product img {
  width: 100% !important;
  height: auto !important;

  /* This is the key */
  min-height: 220px;
  max-height: 260px;

  object-fit: cover;
  object-position: center;

  border-radius: 18px;
  margin-bottom: 14px !important;
}

/* Desktop enhancement */
@media (min-width: 1024px) {
  .menuBlock li.product img {
    min-height: 260px;
    max-height: 300px;
  }
}

/* Mobile: still bold, not cramped */
@media (max-width: 520px) {
  .menuBlock li.product img {
    min-height: 240px;
    max-height: 280px;
  }
}


.menuBlock li.product img {
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}/* End custom CSS */