/* Phase 9 Virtual Showroom */
.showroom-summary,
.showroom-reward {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  margin-bottom:10px;
  border:1px solid rgba(0,255,157,.22);
  border-radius:10px;
  background:rgba(0,255,157,.04);
  font-size:.56rem;
  line-height:1.5;
}
.showroom-summary { flex-direction:column; }
.showroom-summary strong,
.showroom-reward strong { color:var(--neon); letter-spacing:.12em; }
.showroom-summary span,
.showroom-reward span { color:rgba(255,255,255,.72); }
.showroom-toolbar { display:flex; gap:8px; margin-bottom:10px; }
.showroom-search {
  flex:1;
  min-width:0;
  border:1px solid rgba(0,255,157,.28);
  border-radius:999px;
  background:rgba(0,0,0,.48);
  color:#fff;
  font:inherit;
  font-size:.62rem;
  padding:8px 12px;
}
.showroom-search:focus { outline:none; border-color:var(--neon); box-shadow:0 0 0 2px rgba(0,255,157,.10); }
.showroom-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.showroom-card {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.42));
  box-shadow:0 8px 24px rgba(0,0,0,.26);
}
.showroom-card-link { display:block; color:#fff; text-decoration:none; }
.showroom-image-wrap { aspect-ratio:1/1; overflow:hidden; background:#05080c; }
.showroom-image-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease,filter .25s ease; }
.showroom-card:hover img { transform:scale(1.04); filter:saturate(1.1) contrast(1.04); }
.showroom-card-copy { display:flex; flex-direction:column; gap:5px; padding:9px; }
.showroom-card-copy strong { font-size:.58rem; line-height:1.35; text-transform:uppercase; letter-spacing:.07em; }
.showroom-card-copy span { color:var(--neon); font-size:.48rem; letter-spacing:.10em; }
.showroom-empty { grid-column:1/-1; padding:22px; text-align:center; color:rgba(255,255,255,.62); font-size:.6rem; }
.showroom-reward { flex-direction:column; background:linear-gradient(135deg,rgba(0,255,157,.07),rgba(0,183,255,.05)); }
@media (min-width:760px){ .showroom-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:420px){ .showroom-grid{grid-template-columns:1fr;} .showroom-toolbar{align-items:stretch;} }