/* Neuraxom Store — gemeinsame Zusatz-Styles */
.price-badge {
  display: inline-block; font-family: var(--font-mono); font-size: 0.78rem; font-weight: 600;
  padding: 5px 14px; border-radius: 999px; margin-bottom: 14px;
  background: rgba(34, 211, 238, 0.1); color: #7ce4f5; border: 1px solid rgba(34, 211, 238, 0.3);
}
.price-badge.soon { background: rgba(255, 255, 255, 0.06); color: var(--muted); border-color: var(--border); }
.product-visual {
  aspect-ratio: 16 / 9; border-radius: 12px; margin-bottom: 20px;
  background: linear-gradient(160deg, #161a26, #251f3a);
  border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-head); font-weight: 700; font-size: 1.5rem; color: #fff;
  text-shadow: 0 0 24px rgba(124, 58, 237, 0.55);
  overflow: hidden; padding: 0;
}
.product-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-card .btn { margin-top: 20px; }
.store-note {
  background: var(--card); border: 1px solid var(--border); border-radius: 16px;
  padding: 24px 28px; margin-top: 40px; font-size: 0.95rem; color: var(--muted);
}
button.btn { font: inherit; cursor: pointer; border: none; }
button.btn-ghost { background: transparent; border: 1.5px solid rgba(255, 255, 255, 0.3); color: #f2f4f8; }
button.btn-ghost:hover { border-color: var(--cyan); background: rgba(34, 211, 238, 0.08); }
.teaser-card { text-decoration: none; color: inherit; display: block; }
.teaser-card h3 { color: var(--ink); }
.teaser-card .mehr { color: var(--green); font-weight: 600; margin-top: 14px; display: inline-block; }