/* Equipment catalog and drill-down sheet — presentation only. */
.eqg-search {
  width: 100%; min-height: 44px; padding: 0 13px; border-radius: 12px;
  border: 1px solid rgba(173, 198, 207, .2); background: #0d1923; color: #eff6f7;
  font: inherit; font-size: 12px; outline: none;
}
.eqg-search:focus { border-color: rgba(226, 190, 111, .65); box-shadow: 0 0 0 3px rgba(226, 190, 111, .1); }
.eqg-search::placeholder { color: #8297a2; }
.eqg-intro { margin: -3px 2px 0; color: #95aab3; font-size: 10px; line-height: 1.8; }
.eqg-group { display: flex; flex-direction: column; gap: 9px; }
.eqg-card-wrap { min-width: 0; }
.eqg-card-wrap[hidden], .eqg-group[hidden] { display: none !important; }
.eqg-card-wrap .sc-card { width: 100%; height: 100%; cursor: pointer; }
.eqg-card-wrap .sc-card__art { background-size: cover; background-position: center; }
.eqg-card-wrap .sc-card__amt { font-size: 12px; }
.eqg-empty { display: none; padding: 18px; text-align: center; color: #95aab3; font-size: 11px; }
.eqg-empty.is-visible { display: block; }
.eqd { display: flex; flex-direction: column; gap: 12px; }
.eqd-cover {
  position: relative; overflow: hidden; min-height: 176px; max-height: 250px; aspect-ratio: 16/10;
  border: 1px solid rgba(185, 211, 218, .2); border-radius: 15px; background: #101c25;
}
.eqd-cover::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(5, 12, 18, .86)); pointer-events: none; }
.eqd-cover img { display: block; width: 100%; height: 100%; min-height: 176px; object-fit: cover; }
.eqd-tier {
  position: absolute; z-index: 1; top: 10px; inset-inline-start: 10px; padding: 6px 10px;
  border: 1px solid rgba(235, 199, 119, .45); border-radius: 99px;
  background: rgba(11, 20, 27, .83); color: #f0d08b; font-size: 10px; font-weight: 800;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.eqd-cover-name { position: absolute; z-index: 1; inset-inline: 12px; bottom: 11px; color: #f3f6f4; font-size: 15px; font-weight: 800; line-height: 1.5; }
.eqd-description { margin: 0; color: #c1d0d3; font-size: 11px; line-height: 1.9; }
.eqd-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.eqd-metric { min-width: 0; padding: 10px 11px; border: 1px solid rgba(173, 198, 207, .17); border-radius: 12px; background: rgba(11, 23, 32, .7); }
.eqd-metric span { display: block; color: #8fa4af; font-size: 9px; }
.eqd-metric b { display: block; margin-top: 4px; color: #edf3f2; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.eqd-metric--price b { color: #f1cc79; }
.eqd-subhead { margin: 2px 0 -3px; color: #e5c77f; font-size: 10px; font-weight: 800; }
.eqd-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.eqd-stat { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; padding: 8px 9px; border-radius: 9px; background: rgba(20, 37, 49, .82); font-size: 9px; }
.eqd-stat span { color: #91a5af; }
.eqd-stat b { color: #e9f0ef; text-align: end; font-weight: 700; }
.eqd-recipe { margin: 0; padding: 0 18px 0 0; display: grid; gap: 5px; color: #c6d1d1; font-size: 10px; line-height: 1.65; }
.eqd-note { margin: -2px 0 0; color: #8297a2; font-size: 9px; line-height: 1.8; }
@media (max-width: 360px) {
  .eqd-metrics, .eqd-stats { grid-template-columns: 1fr; }
  .eqd-cover { min-height: 150px; }
  .eqd-cover img { min-height: 150px; }
}