/* Grid (same spirit as home/sets) */
.cards-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 1.25rem;
  align-items:start;
}
@media (max-width: 1400px){ .cards-grid{ grid-template-columns: repeat(4, minmax(220px,1fr)); } }
@media (max-width: 1100px){ .cards-grid{ grid-template-columns: repeat(3, minmax(200px,1fr)); } }
@media (max-width: 720px) { .cards-grid{ grid-template-columns: repeat(2, minmax(170px,1fr)); } }

/* small right-aligned search */
.cards-search{ width:260px; max-width:40vw; }

/* ── Raw Cards Grid (Inventory page look) ─────────────────────── */
.raw-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 2rem 2.5rem;
}
@media (max-width: 1400px){ .raw-grid{ grid-template-columns: repeat(4, minmax(220px,1fr)); } }
@media (max-width: 1100px){ .raw-grid{ grid-template-columns: repeat(3, minmax(220px,1fr)); } }
@media (max-width: 720px) { .raw-grid{ grid-template-columns: repeat(2, minmax(180px,1fr)); } }

.rc-card{
  color:#fff;
  text-align:center;
}
.rc-imgwrap{
  position:relative;
  width: 230px;
  max-width: 100%;
  margin-inline:auto;
}
.rc-imgwrap img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 6px;
  border: 3px solid #333;
  box-shadow: 0 6px 16px rgba(0,0,0,.45);
  background:#111;
}
.rc-imgwrap:hover img{ transform: translateY(-2px); transition: transform .15s ease; }

/* Hover overlay button */
.rc-add{
  position:absolute; left:50%; bottom:10px; transform: translateX(-50%);
  opacity:0; pointer-events:none; white-space:nowrap; min-width:140px; text-align:center;
  transition: opacity .18s ease, transform .18s ease;
  background:#ffd54d; color:#000; font-weight:700; border:0; border-radius:999px;
  padding:.45rem .9rem; box-shadow:0 4px 12px rgba(0,0,0,.35);
}
.rc-imgwrap:hover .rc-add{ opacity:1; pointer-events:auto; transform: translateX(-50%) translateY(-2px); }

.rc-title{ display:inline-block; margin-top:.6rem; color:#fff; font-weight:700; text-decoration: none; }
.rc-title:hover{ text-decoration: underline; }
.rc-price{ color:#cbd3df; font-size:.95rem; margin-top:.25rem; }