.product_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 16px; 
    max-width: 1200px;
    margin: 0 auto;
}
@media (min-width: 768px) {
  .product_grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.product_card {
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px var(--sm-shadow); 
}

.product_card_content{
    display: flex;
    flex-direction: column;
    border: 1px solid var(--sm-translucid-white);
    border-radius: 4px;
}

.card_img {
  width: 100%;
  aspect-ratio: 1 / 1; /* Forces the image to always be a perfect square */
  object-fit: cover; /* Ensures the image fills the square without stretching or distorting */
  display: block;
}

.product_content{
    margin: 2px;
}
.product_name p{
    margin: 2px 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_brand p{
    margin: 0;
    font-weight: var(--semibold-font-weight)
}

.card_button{
    margin: 2px 0 0;
}