/* Malavia Beta Zero — frozen North Star fidelity pass 4 */

.fz-bank-browse { display: grid; gap: 9px; }
.fz-filter-strip {
  display: flex;
  align-items: end;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 0 5px;
  scrollbar-width: none;
}
.fz-filter-strip::-webkit-scrollbar { display: none; }
.fz-filter-control {
  flex: 0 0 auto;
  display: grid;
  gap: 3px;
  min-width: 116px;
}
.fz-filter-control span {
  padding-inline: 3px;
  color: #7f8891;
  font-size: 9px;
  font-weight: 800;
}
.fz-filter-control select {
  min-height: 39px;
  max-width: 168px;
  padding: 5px 9px;
  border: 1px solid #2a3038;
  border-radius: 9px;
  outline: none;
  background: #15191e;
  color: #dcd6cd;
  font: inherit;
  font-size: 10.5px;
}
.fz-filter-control select:focus {
  border-color: rgba(244,174,43,.58);
  box-shadow: 0 0 0 2px rgba(244,174,43,.08);
}
.fz-filter-apply,
.fz-filter-clear {
  flex: none;
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  border-radius: 9px;
  text-decoration: none;
  font: inherit;
  font-size: 10.5px;
  font-weight: 900;
}
.fz-filter-apply {
  border: 1px solid #e5a126;
  background: #f4ae2b;
  color: #16120b;
  cursor: pointer;
}
.fz-filter-clear {
  border: 1px solid #2a3038;
  color: #9ba3ab;
  background: transparent;
}

.fz-poster-grid .mlv-poster-fallback img,
.fz-collection-grid .mlv-poster-fallback img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  opacity: .78;
}

.fz-lists-section { margin-top: 26px; }
.fz-public-lists-section { padding-top: 4px; }
.fz-public-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.fz-public-list-card {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr);
  gap: 12px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #2a3038;
  border-radius: 12px;
  background: #15191e;
  color: inherit;
  text-decoration: none;
}
.fz-public-list-card:hover { border-color: rgba(244,174,43,.32); }
.fz-public-list-cover {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  width: 112px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #1b2026;
}
.fz-public-list-cover > img { width: 100%; height: 100%; object-fit: cover; }
.fz-public-list-cover .fz-list-cover-placeholder {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
}
.fz-public-list-copy { min-width: 0; align-self: center; }
.fz-public-list-copy > span { color: #8a939c; font-size: 9.5px; }
.fz-public-list-copy h3 { margin: 4px 0; color: #eee8df; font-size: 15px; line-height: 1.5; }
.fz-public-list-copy p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  color: #8f98a1;
  font-size: 10.5px;
  line-height: 1.7;
}

.fz-collection-page { min-width: 0; }
.fz-collection-tools {
  display: flex;
  align-items: end;
  gap: 8px;
  margin: 8px 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #2a3038;
}
.fz-collection-tools label { display: grid; gap: 3px; }
.fz-collection-tools label > span { color: #7f8891; font-size: 9px; font-weight: 800; }
.fz-collection-tools select {
  min-height: 39px;
  padding: 5px 9px;
  border: 1px solid #2a3038;
  border-radius: 9px;
  background: #15191e;
  color: #ddd7ce;
  font: inherit;
  font-size: 10.5px;
}
.fz-collection-count { margin-inline-start: auto; align-self: center; color: #8f98a1; font-size: 10.5px; }
.fz-collection-overlay {
  position: absolute;
  inset-inline-end: 6px;
  bottom: 6px;
  min-width: 27px;
  min-height: 24px;
  display: grid;
  place-items: center;
  padding: 2px 6px;
  border: 1px solid rgba(244,174,43,.28);
  border-radius: 7px;
  background: rgba(8,10,12,.86);
  color: #ffd36d;
  font-size: 10px;
  font-weight: 900;
}
.fz-rating-inline { color: #e9b64c; }

@media (min-width: 760px) {
  .fz-filter-strip { overflow: visible; flex-wrap: wrap; }
  .fz-filter-control { min-width: 128px; }
  .fz-public-list-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (min-width: 1180px) {
  .fz-public-list-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 520px) {
  .fz-collection-tools { align-items: stretch; flex-wrap: wrap; }
  .fz-collection-tools label { flex: 1 1 170px; }
  .fz-collection-tools select { width: 100%; }
  .fz-collection-count { margin-inline-start: 0; margin-inline-end: auto; }
}