.categories {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}

.categorie {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 20px 12px;
  border-radius: 10px;
}


.product__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  align-items: center;
}

.product__card h4 {
  color: var(--color-main);
  font-size: 16px;
}

.product__card {
  height: 240px;
  border-radius: 10px;
  border: 2px solid var(--color-main);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.product__card img {
  width: 100%;
  object-fit: contain;
  max-width: 220px;
  height: auto;
  padding: 8px;
  border-radius: 15px;
}

.product__card button {
  padding: 3px;
  font-size: 14px;
}

@media (min-width: 1024px) {

  .categorie {
      gap: 30px;
      padding: 30px 20px;
    }

  .product__cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .product__card {
    height: 300px;
  }


}