/* ============================================
   Component: Sticky CTA Bar
   Extracted from design-system.css
   ============================================ */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background: var(--dt-bg-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid var(--dt-border);
  padding: var(--dt-space-3) 0;
  transform: translateY(100%);
  transition: transform var(--dt-transition-slow);
}
.sticky-cta.is-visible { transform: translateY(0); }
.sticky-cta .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--dt-space-4);
}
.sticky-cta__info {
  display: flex;
  align-items: center;
  gap: var(--dt-space-4);
  font-size: var(--dt-text-sm);
  color: var(--dt-text-muted);
}
@media (max-width: 768px) {
  .sticky-cta .container { flex-direction: column; text-align: center; }
  .sticky-cta__info { display: none; }
}