/* Booking, bold-lettering layer — sits over styles-booking.css and styles-bold.css.
   Same idea as the bold homepage: every title is heavy geometric caps, the
   Yellowtail script is the only soft thing, numbers carry weight. */

/* ── screen titles ── */
.bk-head h1,.done-hero h1{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.022em;line-height:.96}
.bk-head h1{font-size:clamp(30px,3.4vw,46px);max-width:20em}
.bk-head h1 .s{line-height:.84}
.done-hero h1 .s{line-height:.84}

/* ── panel and section titles ── */
.step-nav h2,.bk-panel>h2,.bk-inc h2,.bk-sum-hd h3,.bk-trip h2,.gcount h3,.tp-card h3,.det-cal>h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}
.step-nav h2{font-size:clamp(24px,2.6vw,32px)}
.bk-panel>h2{font-size:21px;letter-spacing:.01em}
.bk-inc h2{font-size:18px;letter-spacing:.02em}
.bk-sum-hd h3,.gcount h3{font-size:16px;letter-spacing:.04em;font-weight:700}
.bk-trip h2{font-size:22px;letter-spacing:.02em}

/* ── labels and buttons pick up the bold voice ── */
.bk-exit,.bk-reset,.bk-head-back,.bk-back,.rcpt-grp,.upsell button,.cust-tab{font-family:var(--display);font-weight:600}
.bk-exit,.bk-back{font-weight:700}

/* ── numbers: this is where the weight earns its keep ── */
.rcpt-sum .r.big b,.rcpt-sum .r.pay b,.depc b,.tp-card .price,.sum-tot b{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.depc b{text-transform:uppercase;letter-spacing:.01em}
.rcpt-sum .r.pay b{font-size:34px}
.rcpt-sum .r.big b{font-size:27px}

/* the script marks stay script */
.bk-trip .ph span,.card-word{font-family:var(--script)}

/* ══ trip overview (Klein Curaçao et al) ═══════════════════════
   Hierarchy: bold Poppins caps is the primary title, the serif is
   secondary, the Yellowtail script is detail. Content untouched. */
.td-hd h1{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:.92;font-size:clamp(34px,4.2vw,62px);max-width:16em}
.td-hd .tag{font-family:var(--serif);font-size:clamp(18px,1.9vw,22px);line-height:1.34;color:var(--bk-body)}
.td-sec>h2{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(25px,2.7vw,34px)}
.td-sec>h2 .s{font-family:var(--script);font-size:calc(1em * var(--script-serif));line-height:1;color:var(--orange-ink)}
.chip2,.spec2 .l,.lad th,.ladnote dt,.calc .cap,.calc .out span,.calc .seasonline,.notinc-tight .cap,.td-sec .cap{font-family:var(--display);font-weight:600}
.calc .out b,.lad tr.on td,.tp-foot .p,.glance2 b{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.pricegrid .calc .out b{font-size:40px}
.tripnote b,.upg b{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:.94em}
.td .card-word,.tp-img .w{font-family:var(--script)}

/* closing hero on the trip page */
.td-end-in h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:.94}
.td-end-in h2 .s{line-height:.84}