/* Etapa 33 — Mantener compacta la lista de ítems ya compatibles en la Caja.
 * El bloque crece naturalmente para pocas coincidencias y deja de crecer
 * cuando llega a 270px: el resto se consulta con scroll dentro del bloque.
 * No cambia la búsqueda ni la lógica de registro de Colecciones.
 */
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:68px !important;
  align-content:start !important;
  gap:8px !important;
  max-height:68px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#7f6541 #121d2b;
  padding-right:5px !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list > .rk-c20-available-link {
  min-width:0;
  width:100%;
  box-sizing:border-box;
}

/* Etapa 34: cuatro fichas compactas por fila, sin esconder requisitos ni enlaces. */
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list > .rk-c20-available-link {
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  align-items:center !important;
  column-gap:8px !important;
  row-gap:3px !important;
  padding:8px 9px !important;
  min-height:0 !important;
  min-width:0 !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .rk-c20-available-icon {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:36px !important;
  height:36px !important;
  flex:none !important;
  align-self:center !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-head {
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
  min-width:0 !important;
  margin:0 !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-head strong,
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-head small {
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  min-width:0 !important;
  max-width:100% !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-head strong {
  font-size:12px !important;
  line-height:15px !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-head small {
  font-size:10px !important;
  line-height:13px !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-meta {
  grid-column:2 !important;
  grid-row:2 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:2px 8px !important;
  flex:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:12px !important;
}
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-link .collection-available-link-meta span {
  white-space:nowrap !important;
}
@media (max-width:1099px) {
  body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:899px) {
  body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:599px) {
  body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list {
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* Etapa 35: mostrar una sola fila a la vez, sin expandir el bloque.
   El ítem 5 queda en la segunda fila y se accede con scroll vertical interno. */
body.rk-collections-v20 .rk-c20-overview .rk-c20-available-list {
  height:68px !important;
  min-height:0 !important;
  max-height:68px !important;
  grid-auto-rows:68px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}