/* ============================================================
   ONLINESHOPS & VERKAUFSSYSTEME — nur Seitenspezifisches
   ============================================================
   Die Seite lebt von den gemeinsamen .v4-page-Komponenten aus
   style-v4.css. Hier stehen nur: die Mono-Beweiskette, die
   Plattform-Tabelle und Kontextabstaende.
   ============================================================ */

/* Beweiskette als ruhige Mono-Zeile (wie auf dem Projekt-Hub) */
.v4-shop .v4-shop-kette {
  font-family: var(--v4-font-mono);
  font-size: 13.5px;
  color: var(--v4-blue);
  margin: 0 0 var(--v4-space-2);
}

/* Plattform-Tabelle: Engineering-Dokumentation, kein Datengrab */
.v4-shop .v4-shop-tabelle { overflow-x: auto; }
.v4-shop .v4-shop-tabelle table {
  width: 100%;
  max-width: 900px;
  border-collapse: collapse;
  background: var(--v4-bg-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius-card);
}
.v4-shop .v4-shop-tabelle th {
  font-family: var(--v4-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  color: var(--v4-text-secondary);
  padding: var(--v4-space-2) var(--v4-space-3);
  border-bottom: 2px solid var(--v4-border);
}
.v4-shop .v4-shop-tabelle td {
  padding: var(--v4-space-2) var(--v4-space-3);
  border-bottom: 1px solid var(--v4-border);
  font-size: 15px;
  color: var(--v4-text-primary);
  vertical-align: top;
}
.v4-shop .v4-shop-tabelle td:first-child {
  font-weight: 600;
  color: var(--v4-text-heading);
  white-space: nowrap;
}
.v4-shop .v4-shop-tabelle tr:last-child td { border-bottom: none; }

/* Kontextabstaende */
.v4-shop .v4-shop-liste { margin-bottom: var(--v4-space-2); }
.v4-shop .v4-liste-nummeriert { margin-top: var(--v4-space-2); }
.v4-shop .v4-nachsatz { max-width: 68ch; }