.elementor-1844 .elementor-element.elementor-element-889ac41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-02bc2f3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1844 .elementor-element.elementor-element-b84ac0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1844 .elementor-element.elementor-element-3231f09{width:100%;max-width:100%;}.elementor-1844 .elementor-element.elementor-element-3231f09 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1844 .elementor-element.elementor-element-3231f09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1844 .elementor-element.elementor-element-3231f09.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1844 .elementor-element.elementor-element-ad63b49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-d9ef46f{width:100%;max-width:100%;}.elementor-1844 .elementor-element.elementor-element-d9ef46f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1844 .elementor-element.elementor-element-efa2af9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-3px;--margin-bottom:-3px;--margin-left:-3px;--margin-right:-3px;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-1844 .elementor-element.elementor-element-a499ebb{width:100%;max-width:100%;}.elementor-1844 .elementor-element.elementor-element-a499ebb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1844 .elementor-element.elementor-element-3231f09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1844 .elementor-element.elementor-element-3231f09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3231f09 */<style>
/* =========================================================
   MEDI DETOX APPLE-STYLE PRODUCT GRID
   Fixed Titles + Clean Cards + Duplicate Image Fix
   Editable Real HTML Product Badges
========================================================= */

/* ------------------------------
   PAGE BACKGROUND
------------------------------ */
body.woocommerce,
body.woocommerce-page,
.woocommerce.archive,
.post-type-archive-product,
.tax-product_cat,
.woocommerce-page,
.elementor,
.elementor-page,
.elementor-section-wrap,
.elementor-location-archive,
.site,
.site-main {
  background: linear-gradient(180deg, #f5f5f7 0%, #f0f2ed 48%, #ebe7d9 100%) !important;
}

.elementor-widget-woocommerce-products,
.elementor-widget-wc-archive-products,
.woocommerce,
.woocommerce-page {
  background: transparent !important;
}

/* ------------------------------
   REMOVE WOOCOMMERCE FLOAT ISSUES
------------------------------ */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none !important;
  content: none !important;
}

/* ------------------------------
   PRODUCT GRID
------------------------------ */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 1260px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 42px 20px 80px !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

/* ------------------------------
   PRODUCT CARD
------------------------------ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.06),
    0 2px 8px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.08),
    0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

/* ------------------------------
   PRODUCT LINK
------------------------------ */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  position: relative !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* ------------------------------
   IMAGE FIX
------------------------------ */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide duplicate/secondary product images */
.woocommerce ul.products li.product img.secondary-image,
.woocommerce-page ul.products li.product img.secondary-image,
.woocommerce ul.products li.product img.show-on-hover,
.woocommerce-page ul.products li.product img.show-on-hover,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail + img,
.woocommerce-page ul.products li.product .attachment-woocommerce_thumbnail + img {
  display: none !important;
}

/* Main image style */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img:first-of-type,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img:first-of-type {
  aspect-ratio: 1 / 0.82 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: linear-gradient(180deg, #fbfbfc 0%, #f2f2f4 100%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.28s ease !important;
}

.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img:first-of-type,
.woocommerce-page ul.products li.product:hover a.woocommerce-LoopProduct-link img:first-of-type {
  transform: scale(1.02) !important;
}

/* ------------------------------
   SALE BADGE
------------------------------ */
.woocommerce span.onsale {
  z-index: 30 !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  min-width: auto !important;
  min-height: 32px !important;
  line-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #f2f2f7 !important;
  color: #111111 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

/* ------------------------------
   DUPLICATE TITLE FIX
------------------------------ */
.woocommerce ul.products li.product .woocommerce-loop-product__title + .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title + .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title:nth-of-type(n+2),
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title:nth-of-type(n+2) {
  display: none !important;
}

/* ------------------------------
   PRODUCT TITLE FIXED
------------------------------ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 22px 24px 0 !important;
  color: #111111 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Arial, sans-serif !important;
  font-size: clamp(24px, 1.85vw, 30px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  font-weight: 750 !important;
  text-align: left !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* ------------------------------
   REMOVE OLD CSS PSEUDO BADGE
   This kills the hard-coded TARGETED DETOX SUPPORT badge.
------------------------------ */
.woocommerce ul.products li.product .woocommerce-loop-product__title::before,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title::before {
  display: none !important;
  content: none !important;
}

/* ------------------------------
   NEW REAL EDITABLE BADGE
------------------------------ */
.medi-product-badge {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 0 14px 0 !important;
  border-radius: 999px !important;
  background: #f2f2f7 !important;
  color: #3a3a3c !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* ------------------------------
   PRICE
------------------------------ */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 16px 24px 0 !important;
  margin: 0 !important;
  color: #111111 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Arial, sans-serif !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  font-weight: 750 !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  color: #8e8e93 !important;
  font-size: 14px !important;
  opacity: 1 !important;
  margin-right: 4px !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
  text-decoration: none !important;
  color: #111111 !important;
}

/* Save chip */
.woocommerce ul.products li.product .price::after,
.woocommerce-page ul.products li.product .price::after {
  content: "SAVE TODAY" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #e7f4ea !important;
  color: #123b22 !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* ------------------------------
   ADD TO CART BUTTON
------------------------------ */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 48px) !important;
  min-height: 54px !important;
  margin: 22px 24px 18px !important;
  border-radius: 16px !important;
  background: #123b22 !important;
  color: #ffffff !important;
  border: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(18, 59, 34, 0.16) !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover {
  background: #0f2f1b !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(18, 59, 34, 0.20) !important;
}

/* ------------------------------
   BENEFIT BOX
------------------------------ */
.woocommerce ul.products li.product::after,
.woocommerce-page ul.products li.product::after {
  position: relative !important;
  z-index: 3 !important;
  content: "✓ Targeted protocol support\a✓ 45-day return window\a✓ Free shipping over $75" !important;
  white-space: pre-line !important;
  display: block !important;
  margin: 0 24px 24px !important;
  padding: 16px 16px !important;
  border-radius: 18px !important;
  background: #f5f5f7 !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  color: #1d1d1f !important;
  font-size: 12.5px !important;
  line-height: 2 !important;
  font-weight: 600 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* ------------------------------
   VIEW CART LINK
------------------------------ */
.woocommerce a.added_to_cart {
  display: block !important;
  margin: -6px 24px 18px !important;
  text-align: center !important;
  color: #123b22 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ------------------------------
   RESULT COUNT / SORT
------------------------------ */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  color: #6e6e73 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 20px 0 0 22px !important;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  margin: 18px 22px 0 0 !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  min-height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

/* ------------------------------
   PAGINATION
------------------------------ */
.woocommerce nav.woocommerce-pagination {
  margin-bottom: 70px !important;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
  margin: 0 4px !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #1d1d1f !important;
  color: #ffffff !important;
  border-color: #1d1d1f !important;
}

/* ------------------------------
   TABLET
------------------------------ */
@media (max-width: 1020px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    padding: 34px 16px 70px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 88px !important;
    font-size: 25px !important;
  }
}

/* ------------------------------
   MOBILE
------------------------------ */
@media (max-width: 640px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 12px 54px !important;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    border-radius: 24px !important;
  }

  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img:first-of-type,
  .woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img:first-of-type {
    aspect-ratio: 1 / 0.84 !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: auto !important;
    font-size: 25px !important;
    padding: 20px 20px 0 !important;
  }

  .woocommerce ul.products li.product .price,
  .woocommerce-page ul.products li.product .price {
    font-size: 24px !important;
    padding: 16px 20px 0 !important;
  }

  .woocommerce ul.products li.product .button,
  .woocommerce-page ul.products li.product .button,
  .woocommerce ul.products li.product a.add_to_cart_button,
  .woocommerce-page ul.products li.product a.add_to_cart_button {
    width: calc(100% - 40px) !important;
    margin: 20px 20px 16px !important;
  }

  .woocommerce ul.products li.product::after,
  .woocommerce-page ul.products li.product::after {
    margin: 0 20px 20px !important;
    font-size: 12px !important;
  }

  .woocommerce .woocommerce-result-count,
  .woocommerce-page .woocommerce-result-count,
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    float: none !important;
    margin: 12px !important;
  }

  .woocommerce .woocommerce-ordering select,
  .woocommerce-page .woocommerce-ordering select {
    width: 100% !important;
  }
}
</style>

<script>
(function () {
  function addMediBadges() {
    const badgesByPosition = [
      "LIVER CLEANSE SUPPORT",
      "HEAVY METAL SUPPORT",
      "DIGESTIVE RESET",
      "DAILY DETOX SUPPORT",
      "CELLULAR CLEANSE",
      "TARGETED DETOX SUPPORT",
      "IMMUNE DETOX SUPPORT",
      "GUT CLEANSE SUPPORT",
      "ADVANCED DETOX SUPPORT",
      "WHOLE BODY SUPPORT",
      "CLEAN DAILY FORMULA",
      "PROTOCOL SUPPORT"
    ];

    const cards = document.querySelectorAll(
      ".woocommerce ul.products li.product, .woocommerce-page ul.products li.product"
    );

    cards.forEach(function (card, index) {
      const title = card.querySelector(".woocommerce-loop-product__title");
      if (!title) return;

      const oldBadge = title.querySelector(".medi-product-badge");
      if (oldBadge) oldBadge.remove();

      const badge = document.createElement("span");
      badge.className = "medi-product-badge";
      badge.textContent = badgesByPosition[index] || "TARGETED DETOX SUPPORT";

      title.insertBefore(badge, title.firstChild);
    });
  }

  document.addEventListener("DOMContentLoaded", addMediBadges);
  window.addEventListener("load", addMediBadges);

  const observer = new MutationObserver(function () {
    addMediBadges();
  });

  document.addEventListener("DOMContentLoaded", function () {
    const productArea = document.querySelector(".woocommerce ul.products, .woocommerce-page ul.products");
    if (productArea) {
      observer.observe(productArea, {
        childList: true,
        subtree: true
      });
    }
  });
})();
</script>/* End custom CSS */