/* Belegerl-Landing · „Bald auch als App“ (A2, 11.10.2026)
   Dezente Store-Hinweise, solange Belegerl noch nicht im App Store / bei Google Play steht.
   Keine offiziellen Store-Badges (die dürfen erst mit der Veröffentlichung verwendet werden) —
   zwei ruhige Plaketten mit neutralen Zeichen. Tausch später: Plaketten durch die offiziellen Badges ersetzen, Klasse bleibt. */
.stores { display: flex; flex-direction: column; align-items: center; margin: 58px auto 0; max-width: 40rem; text-align: center; }
.stores-k { display: inline-flex; align-items: center; gap: .5rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.stores-k::before, .stores-k::after { content: ""; width: 28px; height: 1px; background: color-mix(in srgb, var(--muted) 45%, transparent); }
.stores-row { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 1rem; }
.storeplate { position: relative; display: inline-flex; align-items: center; gap: .7rem; min-height: 50px; padding: .45rem 1.05rem .45rem .8rem; border-radius: 13px;
  background: var(--ink); color: #fff; text-decoration: none; cursor: default; user-select: none;
  box-shadow: 0 10px 24px -14px rgba(11,19,32,.55), inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .35s cubic-bezier(.34,1.3,.64,1), box-shadow .3s, opacity .3s; opacity: .92; }
.storeplate:hover { transform: translateY(-2px); opacity: 1; box-shadow: 0 16px 30px -16px rgba(11,19,32,.6), inset 0 1px 0 rgba(255,255,255,.1); }
.storeplate svg { width: 26px; height: 26px; flex: none; }
.storeplate b { display: block; font-size: 1.02rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; white-space: nowrap; }
.storeplate small { display: block; font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; opacity: .72; line-height: 1.1; margin-bottom: 2px; }
.stores-note { margin: .9rem auto 0; font-size: .86rem; color: var(--muted); max-width: 38rem; }
.stores-note a { color: inherit; }
.stores-tm { margin: .45rem auto 0; font-size: .7rem; color: color-mix(in srgb, var(--muted) 75%, transparent); }
:root[data-theme="dark"] .storeplate, :root:not([data-theme="light"]) .storeplate.dark-auto { background: var(--card); border: 1px solid var(--border); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .storeplate { background: var(--card); border: 1px solid var(--border); } }
@media (max-width: 480px) { .storeplate { min-height: 46px; padding: .4rem .9rem .4rem .7rem; } .storeplate b { font-size: .95rem; } .storeplate svg { width: 22px; height: 22px; } }
@media (prefers-reduced-motion: reduce) { .storeplate { transition: none; } }
.stores-sub { margin: .55rem auto .2rem; max-width: 30rem; font-size: .92rem; color: var(--muted); text-align: center; }