/* ============================================================
   BOOKING CONFIRMATION — confirm banner + "what happens next"
   Scoped under .build-2026 to beat the theme's universal reset.
   Reuses the theme's .section / .container / .section-header / .label.
   ============================================================ */

.build-2026 .confirm-banner {
    background: linear-gradient(135deg, #1a3260 0%, var(--navy) 100%);
    border-bottom: 4px solid var(--gold);
    padding: 48px 24px 40px;
    text-align: center;
    color: white;
}
.build-2026 .confirm-check {
    width: 64px; height: 64px;
    background: var(--gold); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    font-size: 1.8rem;
}
.build-2026 .confirm-banner h1 {
    font-size: 2rem; margin-bottom: 10px; font-family: Georgia, serif; color: white;
}
.build-2026 .confirm-banner p {
    color: rgba(255, 255, 255, 0.75); font-size: 1rem; max-width: 540px; margin: 0 auto;
}
.build-2026 .quote-pill {
    display: inline-block;
    background: rgba(201, 168, 76, 0.18); border: 1px solid rgba(201, 168, 76, 0.4);
    border-radius: 100px; padding: 6px 18px; margin-top: 16px;
    font-size: 0.82rem; color: var(--gold-light); font-weight: 700;
    letter-spacing: 0.03em;
}

.build-2026 .next-steps {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    margin: 40px 0;
}
.build-2026 .next-step {
    background: white; border: 1.5px solid var(--border);
    border-radius: var(--radius-lg); padding: 28px 22px; text-align: center;
    box-shadow: 0 2px 12px rgba(15, 31, 61, 0.06);
}
.build-2026 .next-step-num {
    width: 36px; height: 36px; background: var(--gold); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 14px; font-weight: 800; color: var(--navy); font-size: 0.95rem;
}
.build-2026 .next-step h3 { font-size: 0.95rem; margin-bottom: 8px; color: var(--navy); }
.build-2026 .next-step p { font-size: 0.82rem; color: var(--text-mid); line-height: 1.6; }

@media (max-width: 700px) {
    .build-2026 .next-steps { grid-template-columns: 1fr; }
    .build-2026 .confirm-banner h1 { font-size: 1.5rem; }
}