@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   cta.css — 09 CTA ＋ 固定底部 CTA
   ═══════════════════════════════════════════════════════════ */

/* ── 頁面最後的 CTA 區塊 ── */
.sec-cta{
  text-align:center;
  background:var(--c-pink);
}
.sec-cta .cta__title{
  font-size:var(--fs-h2); font-weight:700;
  line-height:var(--lh-tight); letter-spacing:.06em;
  max-width:24ch; margin-inline:auto;
}
.sec-cta .cta__text{
  margin-top:var(--s-3);
  font-size:var(--fs-body);
  max-width:40ch; margin-inline:auto;
}
.sec-cta .cta__buttons{ margin-top:var(--s-5) }

/* ── 固定底部 CTA ── */
.floating-cta{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:var(--z-floating);
  height:var(--floating-h);
  display:flex; align-items:center; justify-content:center;
  padding-inline:var(--gutter);
  padding-bottom:env(safe-area-inset-bottom, 0);
  background:var(--c-white);
  border-top:1px solid var(--c-line);
  box-shadow:0 -4px 16px rgba(0,0,0,.06);
}
.floating-cta:empty{ display:none }
.floating-cta .btn{ min-width:240px }

@media (max-width:600px){
  .floating-cta .btn{ width:100%; min-width:0 }
}