/*
 * Thành Phát Auto — Front page product-card polish v0.3.32
 * Scope: homepage only (enqueued only when is_front_page()).
 * Goal: 16:9 product thumbnails + a tighter ecommerce text hierarchy.
 */

/* Product thumbnails: always a clean 16:9 crop on the homepage. */
.tpa-product-card .tpa-product-media{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#f3f1eb!important;
}
.tpa-product-card .tpa-product-media picture,
.tpa-product-card .tpa-product-media img,
.tpa-product-card .tpa-product-media picture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
.tpa-product-card .tpa-product-media img,
.tpa-product-card .tpa-product-media picture img{
  object-fit:cover!important;
  object-position:center!important;
}

/* Compact card copy so images/products are easier to scan. */
.tpa-product-card .tpa-product-body{
  padding:12px 14px 14px!important;
}
.tpa-product-card .tpa-card-kicker{
  margin-bottom:6px!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.tpa-product-card .tpa-card-title{
  margin:0 0 8px!important;
  font-size:16px!important;
  line-height:1.34!important;
  font-weight:600!important;
  letter-spacing:0!important;
  -webkit-line-clamp:3;
}
.tpa-product-card .tpa-product-price{
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.tpa-product-card .tpa-product-price del{
  font-size:12px!important;
  font-weight:400!important;
}
.tpa-product-card .tpa-card-link{
  margin-top:12px!important;
  padding-top:10px!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.tpa-product-card .tpa-card-link .tpa-icon{
  width:14px!important;
  height:14px!important;
}
.tpa-product-card .tpa-sale-badge{
  left:10px!important;
  top:10px!important;
  padding:4px 8px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
}

@media (max-width:780px){
  .tpa-product-card .tpa-product-body{padding:9px 10px 11px!important}
  .tpa-product-card .tpa-card-kicker{margin-bottom:5px!important;font-size:9px!important}
  .tpa-product-card .tpa-card-title{margin-bottom:7px!important;font-size:13px!important;line-height:1.32!important}
  .tpa-product-card .tpa-product-price{font-size:15px!important}
  .tpa-product-card .tpa-product-price del{font-size:10px!important}
  .tpa-product-card .tpa-card-link{margin-top:9px!important;padding-top:8px!important;font-size:11px!important}
  .tpa-product-card .tpa-sale-badge{left:8px!important;top:8px!important;padding:4px 7px!important;font-size:9px!important}
}