.prodxc-search-wrapper {
  margin-bottom: 20px;
}

#prodxc-search {
  width: 40%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius:20px;
}

.prodxc-load-more-wrapper {
  text-align: center;
  margin-top: 20px;
}

#prodxc-load-more {
  padding: 12px 24px;
  cursor: pointer;
}

/* ── Category tag badge over card image ── */
.prodxc-image-wrapper {
  position: relative;
  display: block; /* ensure wrapper establishes positioning context */
}

.prodxc-cat-tag {
  position: absolute;
  top: 15px;
/*   left: 12px; */
  z-index: 10;

  /* Cream/beige pill — matches the design exactly */
  background-color: #F1A96D;
  color: #1a1a1a;

  font-size: 13px;
  font-weight: 500;
  line-height: 1;

  padding: 6px 12px;
/*   border-radius: 999px; fully rounded pill */

  /* Subtle shadow so it lifts off the image */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);

  /* Prevent the tag from wrapping on long category names */
  white-space: nowrap;
  pointer-events: none; /* clicks fall through to the image link */
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 500%);
}