.elementor-24 .elementor-element.elementor-element-682af64{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-0a290ec{--display:flex;--padding-top:100px;--padding-bottom:100px;--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-24 .elementor-element.elementor-element-84a4b76.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-24 .elementor-element.elementor-element-84a4b76.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-0a290ec{--content-width:1280px;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-84a4b76.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-84a4b76.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-84a4b76 *//* ============================================================
   MOLECULAR PERFORMANCE LABS - WOOCOMMERCE PRODUCTS CSS (UNCROPPED IMAGES)
   Paste into:  Appearance > Customize > Additional CSS
   OR:          Elementor > Site Settings > Custom CSS

   No wrapper class. Targets WooCommerce / Elementor Loop Grid .elementor-24 .elementor-element.elementor-element-84a4b76s
   directly, so it applies to product cards site-wide.
   Colors + font match the rest of the site (blue theme, Inter sans-serif).
   ============================================================ */

/* ---- Font: sans-serif on product cards ---- */
ul.products li.product,
ul.products li.product *,
.e-loop-item,
.e-loop-item * {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ============================================================
   UNCROPPED IMAGE RULES (force full image, remove any crop/fixed height)
   Covers WooCommerce widget + Elementor Loop Grid image wrappers.
   ============================================================ */
ul.products li.product a img,
ul.products li.product .attachment-woocommerce_thumbnail,
.e-loop-item img,
.e-loop-item .attachment-woocommerce_thumbnail {
  width: 100% !important;
  height: auto !important;         /* let the image keep its natural height */
  max-height: none !important;     /* remove any theme height cap */
  aspect-ratio: auto !important;   /* remove forced ratio that crops */
  object-fit: contain !important;  /* show whole image, never crop */
  object-position: center;
  display: block;
  background: #eef6ff;
  transition: transform .5s ease;
}

/* Image wrapper (the <a> / thumbnail box) must not impose a fixed height */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a,
.e-loop-item .elementor-widget-image,
.e-loop-item .elementor-widget-image a {
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}

/* ============================================================
   (A) WOOCOMMERCE "PRODUCTS" WIDGET - CARD LAYOUT
   ============================================================ */
ul.products li.product {
  background: #fff;
  border: 1px solid rgba(10, 22, 38, .1);
  border-radius: 1.5rem;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 112, 240, .4);
  box-shadow: 0 20px 45px -25px rgba(0, 64, 160, .4);
}
ul.products li.product a img {
  margin: 0 0 1.25rem;
}

/* TITLE - side padding + theme colors (covers common class names) */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .product-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35;
  color: #0a1626 !important;
  padding: 0 1.25rem !important;
  margin: 0 0 .35rem !important;
  text-align: left !important;
  transition: color .15s ease;
}
ul.products li.product:hover .woocommerce-loop-product__title,
ul.products li.product:hover h2,
ul.products li.product:hover h3,
ul.products li.product:hover .product-title {
  color: #0056c8 !important;
}

/* PRICE */
ul.products li.product .price,
ul.products li.product .price .amount,
ul.products li.product .price .woocommerce-Price-amount,
ul.products li.product .price bdi {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #0a1626 !important;
  text-align: left !important;
  display: block;
}
ul.products li.product .price {
  padding: 0 1.25rem !important;
  margin: 0 0 1rem !important;
}
/* the inner amount / bdi must not add their own indent or padding */
ul.products li.product .price .amount,
ul.products li.product .price .woocommerce-Price-amount,
ul.products li.product .price bdi {
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
}

/* ADD TO CART BUTTON + bottom spacing of the card */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button {
  display: inline-block;
  width: auto;
  align-self: flex-start;
  background: #0056c8;
  color: #fff !important;
  border-radius: 9999px;
  padding: .7rem 1.5rem;
  font-size: .85rem;
  font-weight: 600;
  margin: 0 1.25rem 1.5rem;
  border: none;
  transition: background .15s ease;
}
ul.products li.product a.button:hover,
ul.products li.product a.add_to_cart_button:hover {
  background: #0040a0;
  color: #fff !important;
}

/* ============================================================
   (B) ELEMENTOR "LOOP GRID" WIDGET - CARD LAYOUT
   ============================================================ */
.e-loop-item {
  background: #fff;
  border: 1px solid rgba(10, 22, 38, .1);
  border-radius: 1.5rem;
  overflow: hidden;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.e-loop-item:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 112, 240, .4);
  box-shadow: 0 20px 45px -25px rgba(0, 64, 160, .4);
}
.e-loop-item .elementor-heading-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #0a1626;
  transition: color .15s ease;
}
.e-loop-item:hover .elementor-heading-title {
  color: #0056c8;
}
.e-loop-item .elementor-widget-woocommerce-product-price .price,
.e-loop-item .elementor-widget-woocommerce-product-price .amount {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0a1626;
}
.e-loop-item .elementor-button,
.e-loop-item a.button {
  background: #0056c8;
  color: #fff !important;
  border-radius: 9999px;
  padding: .75rem 1.5rem;
  font-size: .85rem;
  font-weight: 600;
  transition: background .15s ease;
}
.e-loop-item .elementor-button:hover,
.e-loop-item a.button:hover {
  background: #0040a0;
  color: #fff !important;
}

/* ---- View cart button: sans-serif (force) ---- */
a.added_to_cart,
a.wc-forward,
.woocommerce a.added_to_cart,
.woocommerce a.wc-forward,
body .added_to_cart,
body a.added_to_cart.wc-forward {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* ---- Grid spacing (both setups) ---- */
ul.products,
.elementor-loop-container {
  gap: 1.5rem !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a290ec *//* ============================================================
   MOLECULAR PERFORMANCE LABS - WOOCOMMERCE PRODUCTS CSS
   Paste into:  Appearance > Customize > Additional CSS
   OR:          Elementor > Site Settings > Custom CSS

   No wrapper class needed. Targets WooCommerce / Elementor Loop Grid
   .elementor-24 .elementor-element.elementor-element-0a290ecs directly, so it applies to product cards site-wide.
   Colors + font match the rest of the site (blue theme, Inter sans-serif).
   ============================================================ */

/* ---- Font: sans-serif on product cards ---- */
ul.products li.product,
ul.products li.product *,
.e-loop-item,
.e-loop-item * {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ============================================================
   (A) WOOCOMMERCE "PRODUCTS" WIDGET
   ============================================================ */

/* Card: no bottom padding here - the inner elements own their spacing,
   and the last element (button) gets the bottom gap. */
ul.products li.product {
  background: #fff;
  border: 1px solid rgba(10, 22, 38, .1);
  border-radius: 1.5rem;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 112, 240, .4);
  box-shadow: 0 20px 45px -25px rgba(0, 64, 160, .4);
}

/* Image: flush to the top, no side gaps */
ul.products li.product a img {
  border-radius: 0;
  margin: 0 0 1.25rem;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  background: #eef6ff;
  transition: transform .5s ease;
}
ul.products li.product:hover a img {
  transform: scale(1.04);
}

/* TITLE - covers the common class names so it always gets side padding
   (this is what was making "Peptide #3" stick to the edge). */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .product-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35;
  color: #0a1626 !important;
  padding: 0 1.25rem !important;
  margin: 0 0 .35rem !important;
  transition: color .15s ease;
}
ul.products li.product:hover .woocommerce-loop-product__title,
ul.products li.product:hover h2,
ul.products li.product:hover h3,
ul.products li.product:hover .product-title {
  color: #0056c8 !important;
}

/* PRICE */
ul.products li.product .price,
ul.products li.product .price .amount {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #0a1626 !important;
  padding: 0 1.25rem;
  margin: 0 0 1rem !important;
}

/* ADD TO CART BUTTON + bottom spacing of the card */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button {
  display: inline-block;
  width: auto;
  align-self: flex-start;
  background: #0056c8;
  color: #fff !important;
  border-radius: 9999px;
  padding: .7rem 1.5rem;
  font-size: .85rem;
  font-weight: 600;
  margin: 0 1.25rem 1.5rem;   /* <-- bottom gap after the button */
  border: none;
  transition: background .15s ease;
}
ul.products li.product a.button:hover,
ul.products li.product a.add_to_cart_button:hover {
  background: #0040a0;
  color: #fff !important;
}

/* ============================================================
   (B) ELEMENTOR "LOOP GRID" WIDGET
   ============================================================ */

.e-loop-item {
  background: #fff;
  border: 1px solid rgba(10, 22, 38, .1);
  border-radius: 1.5rem;
  overflow: hidden;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.e-loop-item:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 112, 240, .4);
  box-shadow: 0 20px 45px -25px rgba(0, 64, 160, .4);
}

.e-loop-item img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  transition: transform .5s ease;
}
.e-loop-item:hover img {
  transform: scale(1.04);
}

.e-loop-item .elementor-heading-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #0a1626;
  transition: color .15s ease;
}
.e-loop-item:hover .elementor-heading-title {
  color: #0056c8;
}

.e-loop-item .elementor-widget-woocommerce-product-price .price,
.e-loop-item .elementor-widget-woocommerce-product-price .amount {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0a1626;
}

.e-loop-item .elementor-button,
.e-loop-item a.button {
  background: #0056c8;
  color: #fff !important;
  border-radius: 9999px;
  padding: .75rem 1.5rem;
  font-size: .85rem;
  font-weight: 600;
  transition: background .15s ease;
}
.e-loop-item .elementor-button:hover,
.e-loop-item a.button:hover {
  background: #0040a0;
  color: #fff !important;
}

/* ---- Grid spacing (both setups) ---- */
ul.products,
.elementor-loop-container {
  gap: 1.5rem !important;
}/* End custom CSS */