/* Shared commerce gallery layout. Card visuals remain owned by each workflow. */
[data-hx-gallery] {
  --hx-gallery-columns: 2;
  --hx-gallery-gap: 12px;
  min-width: 0;
}

[data-hx-gallery="results"] {
  display: grid;
  grid-template-columns: repeat(var(--hx-gallery-columns), minmax(0, 1fr));
  grid-auto-flow: row;
  align-content: start;
  justify-content: start;
  gap: var(--hx-gallery-gap);
}

[data-hx-gallery="history"],
[data-hx-gallery="inspiration"] {
  position: relative;
  display: block;
  width: 100%;
  min-height: 1px;
}

[data-hx-gallery="history"].is-masonry-ready,
[data-hx-gallery="inspiration"].is-masonry-ready {
  display: block;
}

[data-hx-gallery="history"] > :is(.create-product-history-item, .wear-current-result-card, .video-library-card),
[data-hx-gallery="inspiration"] > :is(.create-product-history-item, .video-inspiration-card) {
  margin: 0;
}

[data-hx-gallery] > :is(.create-product-history-empty, .video-inspiration-state) {
  position: static !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  [data-hx-gallery] {
    --hx-gallery-gap: 8px;
  }
}