/* Preisseite — der Teil, den nur sie braucht.
 *
 * Die Kauffläche gehört RevenueCat (web/revenuecat.js): es trägt Preise,
 * Status und den Kaufdialog ein. Hier steht nur, wie das aussieht, damit
 * `stocklife.css` auf allen anderen Seiten nichts davon mitschleppt. */

.sl-rc { margin-top: 14px; border-radius: 26px; padding: 26px 28px; }
.sl-rc h2 { font: 600 17px/1 'Outfit', system-ui, sans-serif; color: var(--tx); }
.sl-rc p { font: 400 13.5px/1.6 'Outfit', system-ui, sans-serif; color: var(--mut); margin-top: 12px; text-wrap: pretty; }

.sl-rc__status { font-variant-numeric: tabular-nums; }
.sl-rc__status[data-kind='error'] { color: #FF6B5A; }
.sl-rc__status[data-kind='ok'] { color: var(--lime); }

.sl-rc [data-rc-entitlement][data-active='true'] { color: var(--lime); }

.sl-rc__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.sl-rc__actions .sl-ghost--sm { cursor: pointer; }

.sl-rc__note {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  color: var(--fnt);
}
.sl-rc__note strong { color: var(--tx); font-weight: 600; }

/* Der Paywall-Container bleibt leer, bis RevenueCat ihn füllt. */
.sl-rc [data-rc-paywall]:not(:empty) { margin-top: 20px; }