 /* ============================================================
    9. PRODUCT CARD â€” lime-accented redesign
    ============================================================ */
 .momen-product-card, ul.products li.product {
   background: var(--momen-white); border: none;
   border-radius: var(--momen-radius); overflow: hidden;
   display: flex; flex-direction: column; width: 100%;
   margin: 0; float: none;
   transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.24s ease;
   box-shadow: var(--momen-shadow-card); position: relative;
 }
 .momen-product-card:hover, ul.products li.product:hover {
   box-shadow: var(--momen-shadow-hover); transform: translateY(-5px);
 }
 
 /* Image */
 .momen-product-card__img-wrap {
   position: relative; display: block; overflow: hidden; background: var(--momen-cream-dark);
 }
 .momen-product-card__img-wrap img, ul.products li.product img {
   width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block;
   transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 .momen-product-card:hover .momen-product-card__img-wrap img { transform: scale(1.06); }
 
 /* Gradient overlay on hover */
 .momen-product-card__img-wrap::after {
   content: ''; position: absolute; inset: 0;
   background: linear-gradient(to top, rgba(10,14,4,0.5) 0%, transparent 50%);
   pointer-events: none; opacity: 0; transition: opacity 0.3s ease;
 }
 .momen-product-card:hover .momen-product-card__img-wrap::after { opacity: 1; }
 
 /* Badges */
 .momen-badge {
   position: absolute; top: 10px; left: 10px;
   background: var(--momen-black); color: var(--momen-lime);
   font-size: 0.6rem; font-weight: 700; text-transform: uppercase;
   letter-spacing: 0.1em; padding: 4px 10px; border-radius: 3px;
   z-index: 10; line-height: 1.4; font-family: var(--momen-font-body);
 }
 .momen-badge--sale {
   left: auto; right: 10px; background: var(--momen-terra); color: var(--momen-white);
 }
 
 /* Category tag â€” lime-dark */
 .momen-product-card__cat {
   display: inline-flex; align-items: center; gap: 0.2em;
   font-size: 0.65rem; font-weight: 700; text-transform: uppercase;
   letter-spacing: 0.09em; color: var(--momen-lime-dark);
   text-decoration: none; margin-bottom: 0.35rem; padding: 0;
   transition: color 0.15s; font-family: var(--momen-font-body); align-self: flex-start;
 }
 .momen-product-card__cat:hover { color: var(--momen-lime); }
 
 /* Card body */
 .momen-product-card__body {
   padding: 1rem 1.1rem 1.1rem; display: flex; flex-direction: column;
   flex-grow: 1; box-sizing: border-box; width: 100%;
 }
 
 /* WooCommerce default loop inner elements */
 ul.products li.product .woocommerce-loop-product__title,
 ul.products li.product .price,
 ul.products li.product .product-inner-wrap { padding-left: 1.15rem; padding-right: 1.15rem; }
 ul.products li.product .woocommerce-loop-product__title { padding-top: 1.1rem; }
 ul.products li.product .price { padding-bottom: 0.5rem; }
 ul.products li.product .button,
 ul.products li.product .add_to_cart_button {
   margin: 0 1.15rem 1.15rem; width: calc(100% - 2.3rem); box-sizing: border-box;
 }
 ul.products li.product .woocommerce-product-details__short-description,
 ul.products li.product p:not(.price) {
   padding: 0 1.15rem; font-size: 0.82rem; color: var(--momen-mid);
   line-height: 1.5; margin-bottom: 0.6rem;
 }
 ul.products li.product .posted_in, ul.products li.product .cat-links {
   display: block; padding: 0 1.15rem 0.5rem;
   font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
   letter-spacing: 0.07em; color: var(--momen-lime-dark);
 }
 ul.products li.product .posted_in a, ul.products li.product .cat-links a {
   color: var(--momen-lime-dark); text-decoration: none;
 }
 ul.products li.product .posted_in a:hover, ul.products li.product .cat-links a:hover {
   color: var(--momen-lime);
 }
 
 .momen-product-card__name {
   font-family: var(--momen-font-display); font-size: 1.2rem; font-weight: 600;
   line-height: 1.2; margin-bottom: 0.3rem; display: block;
   color: var(--momen-charcoal); letter-spacing: -0.02em; transition: color 0.15s;
 }
 .momen-product-card__name:hover { color: var(--momen-lime); }
 
 .momen-product-card__desc {
   display: block; margin: 0 0 0.85rem; font-size: 0.8rem;
   color: var(--momen-mid); line-height: 1.5;
 }
 
 /* â”€â”€ SIZE BUTTONS â€” lime active, black text â”€â”€ */
 .momen-product-card__sizes { margin-bottom: 0.85rem; display: flex; gap: 0.35rem; flex-wrap: wrap; }
 .momen-size-btn {
   display: inline-flex; align-items: center; justify-content: center;
   padding: 0.2rem 0.65rem; border-radius: var(--momen-radius-sm);
   font-size: 0.73rem; font-weight: 600; font-family: var(--momen-font-body);
   border: 1.5px solid var(--momen-border); background: var(--momen-cream);
   color: var(--momen-mid); cursor: pointer; transition: all 0.15s; letter-spacing: 0.01em;
 }
 .momen-size-btn.active, .momen-size-btn:hover {
   border-color: var(--momen-lime); background: var(--momen-lime);
   color: var(--momen-black); /* black text on lime */
 }
 .momen-home-shop__sizes .momen-size-btn.active {
   border-color: var(--momen-lime) !important;
   background: var(--momen-lime) !important;
   color: var(--momen-black) !important;
 }
 
 /* Footer */
 .momen-product-card__footer {
   display: flex; align-items: center; justify-content: space-between;
   gap: 0.5rem; flex-wrap: wrap; padding-top: 0.85rem;
   border-top: 1px solid var(--momen-border); margin-top: auto;
 }
 
 /* Price */
 .momen-product-card__price {
   font-family: var(--momen-font-display); font-size: 1.35rem; font-weight: 600;
   color: var(--momen-charcoal); line-height: 1; letter-spacing: -0.02em;
 }
 .momen-product-card__price .amount { font-weight: 600; color: var(--momen-charcoal); font-size: 1.35rem; }
 .momen-product-card__price [aria-hidden="true"] { color: var(--momen-mid); font-weight: 400; margin: 0 2px; }
 .momen-price-note {
   font-size: 0.64rem; color: var(--momen-lime-dark); font-weight: 700;
   display: block; margin-top: 3px; letter-spacing: 0.04em;
   text-transform: uppercase; font-family: var(--momen-font-body);
 }
 
 /* Bulk strip */
.momen-bulk-strip {
  font-size: 0.71rem; font-weight: 600; color: var(--momen-lime-dark);
  background: linear-gradient(to right, rgba(161,188,58,0.08), rgba(161,188,58,0.04));
  border-top: 1px solid rgba(161,188,58,0.18);
  padding: 0.5rem 1.1rem; letter-spacing: 0.01em; font-family: var(--momen-font-body);
}

.momen-tier-badge {
  display: inline-flex;
  align-items: center;
  margin: 0.35rem 0 0.2rem;
  padding: 0.28rem 0.55rem;
  border-radius: var(--momen-radius-pill);
  background: rgba(161,188,58,0.12);
  color: var(--momen-lime-dark);
  border: 1px solid rgba(161,188,58,0.22);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
}
 
 .momen-out-of-stock { font-size: 0.78rem; color: var(--momen-mid); font-style: italic; font-family: var(--momen-font-body); }
 .momen-hidden { display: none !important; }
 


 /*Cart Page*/
 
 .woocommerce-cart .shop_table td.product-name > p.price.ct-hidden-sm.ct-hidden-md {
    display: none !important;
}


.woocommerce-cart .wc-item-meta {
  font-size: 0.85rem;
  line-height: 1.3;
}


 /*related products*/

 .related ul.entry-meta .meta-categories,
 .up-sells ul.entry-meta .meta-categories {
   display: none !important;
 }
 
 .related ul.products li.product .woocommerce-loop-product__title,
 .up-sells ul.products li.product .woocommerce-loop-product__title {
   text-align: center;
   font-size: 1.08rem;
   line-height: 1.3;
   margin: 0.75rem 0.9rem 0.45rem;
   padding: 0 !important;
 }
 
 .related ul.products li.product img,
 .up-sells ul.products li.product img {
   aspect-ratio: 1 / 1 !important;
   object-fit: contain;
   width: 100%;
   height: auto;
 }

 /* ============================================================
    10. QTY STEPPER & BUTTONS â€” lime accent, black text
    ============================================================ */
 .momen-qty-add { display: inline-flex; align-items: center; gap: 0; flex-shrink: 0; }
 
 .momen-qty-btn {
   display: inline-flex; align-items: center; justify-content: center;
   width: 28px; height: 28px;
   border: 1px solid var(--momen-border); background: var(--momen-cream);
   color: var(--momen-charcoal); font-size: 0.95rem; font-weight: 600;
   line-height: 1; cursor: pointer; transition: all 0.15s ease;
   padding: 0; margin: 0; box-shadow: none; appearance: none;
 }
 .momen-qty-btn--minus { border-radius: var(--momen-radius-sm) 0 0 var(--momen-radius-sm); border-right: none; }
 .momen-qty-btn--plus  { border-radius: 0 var(--momen-radius-sm) var(--momen-radius-sm) 0; border-left: none; }
 .momen-qty-btn:hover  {
   background: var(--momen-lime); border-color: var(--momen-lime);
   color: var(--momen-black); /* black text on lime */
 }
 
 .momen-qty-display {
   display: inline-flex; align-items: center; justify-content: center;
   width: 30px; height: 28px;
   border-top: 1px solid var(--momen-border); border-bottom: 1px solid var(--momen-border);
   border-left: none; border-right: none;
   background: var(--momen-white); font-size: 0.82rem; font-weight: 700;
   color: var(--momen-charcoal); font-family: var(--momen-font-body);
   user-select: none; margin: 0; line-height: 1;
 }
 
 /* â”€â”€ ADD BUTTON â€” lime fill, black text â”€â”€ */
 .momen-add-btn:not(.momen-add-btn--select) {
   display: inline-flex; align-items: center; justify-content: center;
   height: 28px; padding: 0 0.9rem; margin: 0 0 0 6px;
   background: var(--momen-lime); color: var(--momen-black); /* black text on lime */
   border: none; border-radius: var(--momen-radius-sm);
   font-size: 0.76rem; font-weight: 700; font-family: var(--momen-font-body);
   cursor: pointer; transition: all 0.15s ease;
   white-space: nowrap; text-decoration: none; line-height: 1;
   box-shadow: 0 2px 8px rgba(161,188,58,0.35); appearance: none; letter-spacing: 0.01em;
 }
 .momen-add-btn:not(.momen-add-btn--select):hover {
   background: var(--momen-lime-dark); color: var(--momen-white); /* white on dark lime is fine */
   transform: translateY(-1px); box-shadow: 0 4px 12px rgba(161,188,58,0.4);
 }
 .momen-add-btn.added { background: var(--momen-black); color: var(--momen-lime); box-shadow: none; }
 .momen-add-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }
 
 /* â”€â”€ OUTLINE SELECT BUTTON â”€â”€ */
 .momen-add-btn--select {
   display: inline-flex; align-items: center; justify-content: center;
   height: 28px; padding: 0 0.9rem; margin: 0;
   background: transparent; color: var(--momen-lime);
   border: 1.5px solid var(--momen-lime); border-radius: var(--momen-radius-sm);
   font-size: 0.76rem; font-weight: 700; font-family: var(--momen-font-body);
   cursor: pointer; transition: all 0.15s; white-space: nowrap; text-decoration: none; line-height: 1;
 }
 .momen-add-btn--select:hover {
   background: var(--momen-lime); color: var(--momen-black); /* black on lime */
 }
 
 /* ============================================================
    11. PAGINATION
    ============================================================ */
 .momen-pagination { margin-top: 2.5rem; display: flex; justify-content: center; }
 .momen-pagination .woocommerce-pagination ul {
   display: flex; gap: 0.3rem; list-style: none; padding: 0; margin: 0;
 }
 .momen-pagination .woocommerce-pagination ul li a,
 .momen-pagination .woocommerce-pagination ul li span {
   display: inline-flex; align-items: center; justify-content: center;
   width: 34px; height: 34px; border: 1px solid var(--momen-border);
   border-radius: var(--momen-radius-sm); font-size: 0.84rem; font-weight: 600;
   font-family: var(--momen-font-body); color: var(--momen-charcoal);
   transition: all 0.15s; text-decoration: none;
 }
 .momen-pagination .woocommerce-pagination ul li a:hover {
   border-color: var(--momen-lime); color: var(--momen-black);
   background: rgba(161,188,58,0.12);
 }
 .momen-pagination .woocommerce-pagination ul li span.current {
   background: var(--momen-black); border-color: var(--momen-black); color: var(--momen-lime);
 }
 .momen-no-products { text-align: center; padding: 4rem 2rem; grid-column: 1/-1; }
 .momen-no-products p { color: var(--momen-mid); margin-bottom: 1.25rem; font-size: 1rem; }
 

 .hero-right { margin: 0 1.25rem 2rem; }
 .momen-shop-title { font-size: 1.5rem; }
 
 ul.products {
   display: grid; grid-template-columns: repeat(var(--momen-shop-cols-desktop, 3), minmax(0, 1fr));
   gap: var(--momen-shop-grid-gap, 1.25rem); margin: 2rem 0; padding: 0; list-style: none;
 }
 ul.products li.product { width: 100% !important; float: none !important; clear: none !important; margin: 0 !important; }
 .momen-shop-page { padding: 1.25rem 1rem; }
 .momen-shop-toolbar { flex-direction: column; align-items: flex-start; }
 
 @media (max-width: 767px) {
   ul.products, .momen-shop-layout .momen-product-grid {
     grid-template-columns: repeat(var(--momen-shop-cols-mobile, 2), minmax(0, 1fr)); gap: calc(var(--momen-shop-grid-gap, 1.25rem) * 0.6);
   }
   .momen-home-shop__grid, .momen-home-grid { grid-template-columns: repeat(var(--momen-home-cols-mobile, 2), minmax(0, 1fr)); }
 }
 
.momen-home-shop__search input { width: 60px; }

.related ul.products,
.up-sells ul.products {
  gap: var(--momen-shop-grid-gap, 1.25rem);
}

.related ul.products li.product,
.up-sells ul.products li.product {
  padding: 0;
}

.related ul.products li.product .woocommerce-loop-product__title,
.up-sells ul.products li.product .woocommerce-loop-product__title {
  text-align: center;
  font-size: 1rem;
  margin: 0.6rem 0.75rem 0.4rem;
  line-height: 1.3;
  padding: 0;
}

.related ul.products li.product .price,
.up-sells ul.products li.product .price {
  margin: 0 1rem 0.65rem;
  padding: 0;
}

.related ul.products li.product .button,
.related ul.products li.product .add_to_cart_button,
.up-sells ul.products li.product .button,
.up-sells ul.products li.product .add_to_cart_button {
  margin: 0 1rem 1rem;
  width: calc(100% - 2rem);
}

.related ul.products li.product .momen-tier-badge,
.up-sells ul.products li.product .momen-tier-badge {
  margin: 0.35rem 1rem 0.65rem;
}

.related ul.products li.product img,
.up-sells ul.products li.product img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}
 
 @media (max-width: 700px) {
   .stk-0c047cf-column {
     flex-direction: column; align-items: center; padding: 0 1.25rem; gap: 1rem;
   }
   .stk-0c047cf-column > .wp-block-stackable-column {
     flex: none; width: 100%; max-width: 400px;
   }
 }
 @media (max-width: 640px) {
   .stk-0c047cf-column > .momen-card-shop,
   .stk-0c047cf-column > .momen-card-catering { max-width: 100%; width: 100%; }
 }
 
 .woocommerce-cart .wc-item-meta {
  margin-top: .45rem;
  font-size: .8rem;
  line-height: 1.35;
}

.woocommerce-cart .wc-item-meta li {
  margin: 0 0 .2rem;
}

.woocommerce-cart .wc-item-meta strong,
.woocommerce-cart .wc-item-meta .momen-cart-discount__label {
  color: #777;
  font-weight: 500;
}

.woocommerce-cart .wc-item-meta .momen-cart-discount__value {
  color: #222;
  font-weight: 600;
}

.woocommerce-cart .wc-item-meta .momen-cart-discount__value--saving {
  color: var(--momen-lime-dark);
  font-weight: 700;
}