.product-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 ستون در یک ردیف */
  gap: 20px; /* فاصله بین کارت‌ها */
}

.product-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card {
  flex: 1; /* ارتفاع کارت‌ها را یکسان می‌کند */
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;
}

.image-container {
  width: 100%;
  height: 250px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-img-top {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}