/* ==========================================================================
   Mobile sticky CTA — appears after the hero, hides at the final CTA
   ========================================================================== */

.sticky-cta {
  display: none;
}

@media (max-width: 767px) {
  .sticky-cta {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-sticky);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--line);
    box-shadow: 0 -10px 30px -18px rgba(23, 19, 15, 0.4);
    transform: translateY(110%);
    transition: transform var(--t-med) var(--ease);
  }

  .sticky-cta.is-visible {
    transform: none;
  }

  .sticky-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .sticky-cta-text {
    display: grid;
    line-height: 1.3;
  }

  .sticky-cta-text strong {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--ink);
  }

  .sticky-cta-text span {
    font-size: var(--fs-xs);
    color: var(--ink-3);
  }

  .sticky-cta .btn {
    min-height: 48px;
  }
}