/* v115 — approved product-card details; scope is strictly #products */
#products.products #productsGrid.grid > article.card.user-card{
  min-height:440px!important;
  border:1px solid #e1e5e3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(27,54,47,.07)!important;
}
#products.products #productsGrid.grid > article.card.user-card > .card-visual{
  flex:0 0 268px!important;
  height:268px!important;
  min-height:268px!important;
  padding:12px!important;
  background:#fbfaf7!important;
}
#products.products #productsGrid.grid > article.card.user-card > .card-visual > img{
  border-radius:10px!important;
  object-fit:contain!important;
  background:#fbfaf7!important;
}

/* Small green NEW label, exactly in the product-image corner. */
#products.products #productsGrid.grid > article.card.user-card .badge{
  top:11px!important;
  right:11px!important;
  left:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:5px 9px!important;
  border-radius:7px!important;
  background:#07896d!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:9px!important;
  line-height:1.25!important;
  box-shadow:none!important;
}

/* Reference uses a plain heart, without the old dark/gold medallion. */
#products.products #productsGrid.grid > article.card.user-card .heart{
  top:12px!important;
  left:12px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#99a19e!important;
  -webkit-text-fill-color:#99a19e!important;
  font-size:27px!important;
  font-weight:400!important;
  line-height:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#products.products #productsGrid.grid > article.card.user-card .heart.liked{
  background:transparent!important;
  color:#ff416f!important;
  -webkit-text-fill-color:#ff416f!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

#products.products #productsGrid.grid > article.card.user-card > .card-body{
  padding:14px 16px 16px!important;
  text-align:center!important;
}
/* DOM remains untouched; visual order follows the approved reference. */
#products.products #productsGrid.grid > article.card.user-card .card-body h3{
  order:1!important;
  margin:0 0 4px!important;
  color:#151c19!important;
  -webkit-text-fill-color:#151c19!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:none!important;
}
#products.products #productsGrid.grid > article.card.user-card .card-body .category{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#929b97!important;
  -webkit-text-fill-color:#929b97!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#products.products #productsGrid.grid > article.card.user-card .card-body .meta{
  display:none!important;
  order:3!important;
}
#products.products #productsGrid.grid > article.card.user-card .card-body .card-bottom{
  order:4!important;
  gap:11px!important;
  padding-top:9px!important;
  border-top:0!important;
}
#products.products #productsGrid.grid > article.card.user-card .card-bottom strong{
  color:#07896d!important;
  -webkit-text-fill-color:#07896d!important;
  font-size:14px!important;
  text-align:center!important;
  text-shadow:none!important;
}
#products.products #productsGrid.grid > article.card.user-card .order{
  min-height:43px!important;
  border-radius:7px!important;
  background:linear-gradient(135deg,#ff547d,#ff3567)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:11px!important;
  text-shadow:none!important;
  box-shadow:0 7px 15px rgba(255,53,103,.15)!important;
}

@media(max-width:700px){
  #products.products #productsGrid.grid > article.card.user-card{min-height:350px!important;border-radius:13px!important}
  #products.products #productsGrid.grid > article.card.user-card > .card-visual{flex-basis:190px!important;height:190px!important;min-height:190px!important;padding:7px!important}
  #products.products #productsGrid.grid > article.card.user-card .badge{top:7px!important;right:7px!important;padding:4px 7px!important;font-size:8px!important}
  #products.products #productsGrid.grid > article.card.user-card .heart{top:8px!important;left:8px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font-size:24px!important}
  #products.products #productsGrid.grid > article.card.user-card > .card-body{padding:10px 9px 11px!important}
  #products.products #productsGrid.grid > article.card.user-card .card-body h3{margin-bottom:3px!important;font-size:13px!important}
  #products.products #productsGrid.grid > article.card.user-card .card-body .category{margin-bottom:5px!important;font-size:8px!important}
  #products.products #productsGrid.grid > article.card.user-card .card-body .card-bottom{gap:7px!important;padding-top:6px!important}
  #products.products #productsGrid.grid > article.card.user-card .card-bottom strong{font-size:10.5px!important}
  #products.products #productsGrid.grid > article.card.user-card .order{min-height:35px!important;border-radius:6px!important;font-size:8.5px!important}
}
@media(max-width:380px){
  #products.products #productsGrid.grid > article.card.user-card{min-height:326px!important}
  #products.products #productsGrid.grid > article.card.user-card > .card-visual{flex-basis:170px!important;height:170px!important;min-height:170px!important}
}