/* ===== GRID BASE ===== */
.products-list {
  display: grid;
  grid-template-columns: 1fr; /* padrão: 1 por linha */
  gap: 8px;

  /* border: 1px solid red; */
}

/* ITEM */
.product-item {
  display: block;
  padding: 6px;
  border-radius: 8px;
  transition: 0.2s;
}

/* IMG PADRÃO */
.product-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}

.product-item span {
  display: block;
  max-width: 100%;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}
/* HOVER */
.product-item.more-viewes:hover{
    background: rgba(216, 76, 250, 0.15);


}
@media (max-width: 768px) {
  .products-list {
    grid-template-columns: 1fr 1fr; 
  }
}