/* ==========================================================
   CTA
   ========================================================== */
.ld-cta-wrap{margin-bottom:80px}
.ld-cta-card{position:relative;border-radius:24px;overflow:hidden;padding:72px 32px;text-align:center;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ld-cta-bg{position:absolute;inset:0}
.ld-cta-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,58,82,0.82),rgba(6,58,82,0.9));pointer-events:none}
.ld-cta-content{position:relative;pointer-events:none}
.ld-cta-eyebrow{font-size:11px;letter-spacing:2px;color:#bbdbf2;font-weight:700;margin-bottom:16px}
.ld-cta-h2{font-size:46px;line-height:1.08;font-weight:600;color:#fff;letter-spacing:-0.5px;max-width:640px}
.ld-cta-desc{margin-top:16px;font-size:14px;color:rgba(255,255,255,0.7);max-width:440px;margin-left:auto;margin-right:auto}
.ld-cta-btns{margin-top:30px;display:flex;gap:14px;justify-content:center;pointer-events:auto}
.ld-cta-btn{padding:14px 28px;border-radius:100px;font-size:14px;font-family:inherit}
/* --primary is a <button> (opens the booking dialog); --ghost stays an <a>
   and re-declares its own border below. */
.ld-cta-btn--primary{background:#fff;color:#063a52;font-weight:700;border:0}
.ld-cta-btn--primary:hover{color: unset;}
.ld-cta-btn--ghost{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.3);color:#fff;font-weight:600}
/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620 / 560
   ========================================================== */

@media (max-width:900px){
  .ld-cta-h2{font-size:38px}
}

@media (max-width:620px){
  .ld-cta-h2{font-size:32px}
  .ld-cta-card{padding:52px 24px}
}

@media (max-width:560px){
  .ld-cta-h2{font-size:29px}
  .ld-cta-btns{flex-direction:column;align-items:center;gap:12px}
  .ld-cta-btn{width:100%;max-width:300px}
}