/* =========================================================
   /preferiti — empty state. La griglia popolata riusa .mz-parts
   già stilato in components/part-card.css.
   ========================================================= */
.mz-fav-grid {
  display: block;
}

.mz-fav-empty {
  background: var(--paper);
  border: 1px solid var(--border);
  border-radius: var(--r-2);
  padding: var(--s-8) var(--s-6);
}
.mz-fav-empty__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--s-4);
  max-width: 44ch;
  margin: 0 auto;
}
.mz-fav-empty__index {
  font: 500 var(--t-xs)/1 var(--ff-mono);
  letter-spacing: var(--tr-micro);
  text-transform: uppercase;
  color: var(--ink-3);
}
.mz-fav-empty__icon {
  width: 48px; height: 48px;
  color: var(--ink-4);
}
.mz-fav-empty__title {
  font: 700 var(--t-lg)/1.2 var(--ff-ui);
  letter-spacing: var(--tr-tight);
  color: var(--ink-1);
  margin: 0;
}
.mz-fav-empty__copy {
  font: 400 var(--t-base)/1.55 var(--ff-ui);
  color: var(--ink-2);
  margin: 0;
  max-width: 50ch;
}
.mz-fav-empty .mz-btn {
  margin-top: var(--s-2);
}