/* ============================================================
   STICKY MOBILE CTA-BAR — ≤1023px, Thumb-reachable, ≥48px
   ============================================================ */

.mob-cta {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
  display: flex; gap: 8px;
  padding: 10px 14px max(20px, env(safe-area-inset-bottom, 20px));
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid var(--border);
}
.mob-cta__btn { flex: 1; min-height: 48px; }
/* RE-ENABLE-MOBCTA: body padding-bottom removed because sticky bar is commented
   out in HTML. If you re-enable .mob-cta in the markup, restore:
   body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)); } */

/* ─── Desktop ≥1024px: Bar entfällt ───────────────────────── */
@media (min-width: 1024px) {
  .mob-cta { display: none; }
}