/* ==========================================================================
   TIFOSO INFINITO — Collectibles: in preparazione
   HOMEPAGE_ARCHITECTURE.md §11 (Sezione 10 — Collectibles: in preparazione)
   DESIGN_LANGUAGE.md §23 (Componenti Collectibles)
   Distinta dal Museo del Calcio (sezione precedente, dark-0 + bordo
   sottile): qui superficie elevata (dark-2, effetto "teca chiusa") e
   bordo oro piu' presente, tono premium ma mai ambiguo sullo stato
   "in arrivo". Nessun prezzo, nessun acquisto, nessuna certificazione
   dichiarata: solo l'annuncio.
   ========================================================================== */

.collectibles {
  background: var(--color-dark-0);
  padding: var(--space-8) 0;
}

.collectibles__panel {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding: var(--space-6) var(--space-5);
  background: var(--color-dark-2);
  border: 2px solid var(--color-gold-border);
  border-radius: var(--radius-md);
}

.collectibles__panel .badge {
  margin-bottom: var(--space-4);
}

.collectibles__title {
  font-family: var(--font-display);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1;
  color: var(--color-foreground);
  margin-bottom: var(--space-4);
}

.collectibles__text {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--color-foreground);
}

.collectibles__text--secondary {
  margin-top: var(--space-3);
  font-size: 15px;
  color: var(--color-foreground-muted);
}

.collectibles__panel .btn {
  margin-top: var(--space-5);
}

/* --------------------------------------------------------------------------
   Blocco editoriale — 3 card educative sul collezionismo (COMPLETAMENTO_HOME
   §17-19). Contenuto puramente informativo, statico (nessun JS, nessun
   dato prodotto): niente prezzo, niente pulsante d'acquisto, coerente col
   registro "prevalenza editoriale" richiesto per questa sezione.
   -------------------------------------------------------------------------- */
.collectibles__editorial {
  max-width: 1100px;
  margin: var(--space-7) auto 0;
}

.collectibles__editorial-title {
  font-family: var(--font-display);
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.1;
  color: var(--color-foreground);
  text-align: center;
  margin-bottom: var(--space-5);
}

.collectibles__editorial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
}

@media (max-width: 1023px) {
  .collectibles__editorial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 639px) {
  .collectibles__editorial-grid {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin: 0 auto;
  }
}

.collectibles__editorial-card {
  display: block;
  background: var(--color-dark-1);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.collectibles__editorial-card:hover,
.collectibles__editorial-card:focus-visible {
  border-color: var(--color-gold);
  transform: translateY(-2px);
}

.collectibles__editorial-card:focus-visible {
  outline: 2px solid var(--color-gold);
  outline-offset: 2px;
}

.collectibles__editorial-icon {
  width: 28px;
  height: 28px;
  color: var(--color-gold);
  margin-bottom: var(--space-3);
}

.collectibles__editorial-card h4 {
  font-family: var(--font-label);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-foreground);
}

.collectibles__editorial-card p {
  margin-top: var(--space-2);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-foreground-muted);
}

@media (max-width: 639px) {
  .collectibles {
    padding: var(--space-7) 0;
  }

  .collectibles__panel {
    padding: var(--space-5) var(--space-4);
  }
}