/* SarvGold V97-35.2 — Product card CTA alignment
   UI-only. Keeps V97-35.1 pricing/EP-safe behavior untouched. */

/* Every product card must fill its CSS-grid row, including rows where one
   discounted product becomes taller because the promotion timer is injected. */
article[id^="product-card-"]{
  height:100%;
  align-self:stretch;
}

/* Keep the body of every card as a full-height vertical flex column. */
article[id^="product-card-"] > div:nth-child(2){
  display:flex;
  flex:1 1 auto;
  min-height:0;
  flex-direction:column;
}

/* The price/actions block always sits on the bottom edge of the card. */
article[id^="product-card-"] > div:nth-child(2) > div:last-child{
  margin-top:auto !important;
}

/* Product grids should stretch all children to the tallest item in each row. */
#products-section{
  align-items:stretch;
}

/* The featured-products grid has no id, so stretch product cards themselves
   rather than changing unrelated grids. */
article[id^="product-card-"]{
  min-height:100%;
}

/* On desktop the description area gets a stable two-line slot.
   This prevents one-line descriptions from visually moving the price area. */
@media (min-width:640px){
  article[id^="product-card-"] > div:nth-child(2) > p.line-clamp-2{
    min-height:3rem;
  }
}
