/* Related merch inside the open tape case (js/case-merch.js). */
.case__merch { margin: 4px 0 12px; }
.case__merch-label {
  margin: 0 0 6px; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(244, 241, 232, .55);
}
.case__merch-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.case__merch-list li { min-width: 0; }
.case__merch-item {
  box-sizing: border-box; width: 100%; min-width: 0;
  display: flex; align-items: center; gap: 10px; padding: 6px 8px 6px 6px;
  border-radius: 6px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08);
  color: #f4f1e8; text-decoration: none; transition: background .15s, border-color .15s;
}
.case__merch-item:hover { background: rgba(255, 255, 255, .1); border-color: rgba(240, 190, 80, .5); }
.case__merch-item:focus-visible { outline: 2px solid #f0be50; outline-offset: 2px; }
.case__merch-item img {
  width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; border-radius: 4px;
  background: #f4f1e8;
}
.case__merch-text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.case__merch-name { font-size: .82rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case__merch-meta { font-size: .72rem; color: rgba(244, 241, 232, .6); margin-top: 2px; }
