/* ============================================================
   project-series.css — „Projektlösungen auf Anfrage“-Kacheln (E11c)
   Projekt-/Sonderserien, die der Shop bewusst NICHT als Kaufartikel führt
   (z. B. META ATLAS ST, MULTIPAL-Projekthöhen, Kabeltrommel-/Profillager-
   Sonderausbau). Jede Kachel führt in den bestehenden Anfrage-/Angebots-Pfad
   (angebot-anfordern.html / kontakt.html) — KEIN Kaufpfad, KEIN Preis.

   Wiederverwendet das globale Kachel-Muster .cat-grid/.cat (site.css) sowie
   .section/.section-head/.eyebrow (site.css). Hier nur der „Auf Anfrage“-Badge
   und die kleine Fußzeile — keine Insel-Styles, Token-diszipliniert.
   ============================================================ */

/* Die Sektion selbst nutzt .section + .container wie alle anderen Kategorie-
   Blöcke. Kacheln erben .cat-grid/.cat vollständig; hier nur Ergänzungen. */
.cat-anfrage .cat {
  /* wie .cat-subs .cat, damit die Kacheln optisch zur Subkategorie-Reihe passen */
  min-height: 184px;
}

.cat-anfrage .cat .ico {
  color: var(--steel-2);
}

/* „Auf Anfrage“-Badge oben rechts in der Kachel — schlicht, klar sekundär,
   signalisiert eindeutig: kein Direktkauf. Nutzt die neutralen Panel-Tokens,
   bewusst NICHT die rote Preis-/Rabatt-Farbe (kein Kauf-Signal). */
.cat-anfrage .cat {
  position: relative;
}

.cat-anfrage .anfrage-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .28rem .6rem;
  border-radius: 999px;
  border: 1px solid var(--line-2);
  background: var(--panel-2);
  color: var(--muted-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: normal;
  line-height: var(--lh-caps);
  white-space: nowrap;
}

.cat-anfrage .anfrage-badge svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  opacity: .8;
}

/* dezente Einordnungszeile unter der Beschreibung (z. B. Systemzugehörigkeit) */
.cat-anfrage .cat .sys {
  display: block;
  margin-top: .55rem;
  color: var(--muted);
  font-size: var(--fs-sm);
}

/* kleiner Hinweis unter dem Grid: was „auf Anfrage“ konkret bedeutet */
.cat-anfrage .anfrage-note {
  margin-top: 1.2rem;
  color: var(--muted);
  font-size: var(--fs-base);
  max-width: 70ch;
}