/* components/product-card.css */
/* Shared product-card baseline. Page-level visual tuning lives in pages/catalog.css and pages/home.css. */

#page-catalog .catalog-lite-grid .sf-card.product {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#page-catalog .catalog-lite-grid .sf-card.product .p-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#page-catalog .catalog-lite-grid .sf-card.product .catalog-card-photo-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-catalog .catalog-lite-grid .sf-card.product .catalog-card-photo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#page-catalog .catalog-lite-grid .sf-card.product .catalog-card-photo-bg-main {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#page-catalog .catalog-lite-grid .sf-card.product .p-body {
  display: flex;
  flex-direction: column;
}

#page-catalog .catalog-lite-grid .sf-card.product .buy {
  margin-top: auto;
}