/* TPV: cada producto reserva una fila completa; nunca invade la siguiente. */
#sales .pos-catalog {
  grid-template-columns: repeat(auto-fill, minmax(clamp(132px, 11vw, 170px), 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  align-items: stretch;
  gap: 12px;
}

#sales .pos-item {
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 9px;
  overflow: hidden;
}

#sales .pos-product-media {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 6px;
}

#sales .pos-product-details {
  gap: 4px;
  min-height: 0;
}

#sales .pos-item .pos-product-details > b {
  min-height: 0;
  height: auto;
  overflow: visible;
}

#sales .pos-product-meta { min-height: 16px; }
#sales .pos-product-meta small,
#sales .pos-product-meta strong { margin: 0; }
#sales .pos-product-meta small { overflow: visible; text-overflow: clip; white-space: normal; }
#sales .pos-product-condition,
#sales .demo-valid-pill,
#sales .discontinued-pill,
#sales .import-review { max-width: 100%; white-space: normal; }

@media (max-width: 850px) {
  #sales .pos-catalog { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 10px; }
  #sales .pos-item { padding: 8px; }
}

@media (max-width: 650px) {
  #sales .pos-catalog { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); }
  #sales .pos-item { padding: 7px; }
}
