/* v3.7.20 — homepage product cards matched to the supplied compact reference. */
.home-product-grid{
  gap:16px;
  align-items:stretch;
}
.home-product-grid .product-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  border-radius:9px;
  box-shadow:0 8px 24px rgba(24,36,50,.035);
}
.home-product-grid .product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 38px rgba(24,36,50,.12);
}
.home-product-grid .product-media{
  aspect-ratio:16/9;
}
.home-product-grid .product-body{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  padding:17px 20px 16px;
}
.home-product-grid .product-title{
  display:block;
  min-height:0;
  overflow:hidden;
  color:var(--text);
  font-size:16px;
  font-weight:700;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-product-grid .product-meta{
  min-width:0;
  margin:6px 0 11px;
  overflow:hidden;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.5;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-product-grid .rating{
  display:none;
}
.home-product-grid .product-purchase{
  margin-top:auto;
  padding-top:11px;
}
.home-product-grid .product-purchase>div:first-child{
  min-width:0;
}
.home-product-grid .price{
  font-size:18px;
  line-height:1.2;
}
.home-product-grid .product-purchase small{
  margin-top:2px;
  font-size:11.5px;
  line-height:1.45;
}
.home-product-grid .card-buttons{
  gap:8px;
}
.home-product-grid .square-btn{
  width:46px;
  height:46px;
  border-radius:7px;
  font-size:14px;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease;
}
.home-product-grid .square-btn:hover,
.home-product-grid .square-btn:focus-visible{
  transform:translateY(-2px);
}
.home-product-grid .square-btn:focus-visible{
  outline:3px solid rgba(76,175,80,.24);
  outline-offset:2px;
}
.home-product-grid .badge{
  top:12px;
  left:12px;
  padding:6px 10px;
  font-size:11.5px;
  line-height:1.25;
}

@media(max-width:700px){
  .home-product-grid{gap:14px}
  .home-product-grid .product-body{padding:14px}
  .home-product-grid .product-title{font-size:14px}
  .home-product-grid .product-meta{font-size:11.5px}
  .home-product-grid .square-btn{width:40px;height:40px}
}
@media(max-width:420px){
  .home-product-grid .product-body{padding:17px 18px 16px}
  .home-product-grid .product-title{font-size:16px}
  .home-product-grid .product-meta{font-size:12.5px}
  .home-product-grid .square-btn{width:46px;height:46px}
}