/* ============================================================
   PRODUCT CARD ALIGNMENT FIX

   Cards had variable-height content (ratings, pack size, Rx
   warnings), so the Add to Cart buttons sat at different heights
   across a row and looked jumbled. Making the card a flex column
   with the action block pushed to the bottom fixes it — every
   button now lines up regardless of what's above it.
   ============================================================ */

.pcard{
  display:flex;
  flex-direction:column;
  height:100%;
}
.pcard > a{
  display:block;
  color:inherit;
  text-decoration:none;
}
/* Name always reserves two lines so short and long names align */
.pcard .name{
  font-size:12.5px;
  font-weight:500;
  line-height:1.35;
  height:34px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
/* Optional rows keep a consistent slot */
.pcard .rating{ min-height:16px; }
.pcard .pack-size{ min-height:15px; }
.pcard .delivery-promise{ min-height:17px; }
.pcard .price-row{ min-height:24px; align-items:baseline; }

/* Stock line: one consistent row, no quantity shown to customers */
.pcard .stock-note{
  min-height:17px;
  font-size:11px;
  font-weight:600;
  margin-top:2px;
}
.stock-note.in{ color:var(--mm-green,#4C9A5A); }
.stock-note.out{ color:var(--mm-red,#D64545); }

/* Push the action button to the bottom of every card */
.pcard .add-btn,
.pcard .rx-warning{
  margin-top:auto;
}
.pcard .rx-warning + .add-btn{ margin-top:6px; }
.pcard .add-btn{
  width:100%;
  border:1.5px solid var(--mm-teal,#0F5257);
  color:var(--mm-teal,#0F5257);
  background:#fff;
  border-radius:7px;
  padding:7px 0;
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  display:block;
  transition:background .13s,color .13s;
}
.pcard .add-btn:hover{ background:var(--mm-teal,#0F5257); color:#fff; }
.pcard .add-btn:disabled{ opacity:.45; cursor:not-allowed; }
.pcard .compare-check{ margin-top:6px; }

/* Grid rows stretch so all cards in a row match height */
.browse-grid,.pgrid{ align-items:stretch; }
.scroller .pcard{ height:auto; min-height:100%; }