/* ===== TOUR BOOKING ENQUIRY SUCCESS PAGE (innovative) ===== */
    .bb-tbes-main {
      padding: 48px 0 100px;
      background:
        radial-gradient(1100px 380px at 50% -60px, #ffedd5 0%, rgba(255,237,213,0) 60%),
        linear-gradient(160deg, #fff7ed 0%, #f8fafc 46%);
      min-height: 80vh;
    }

    /* Success card */
    .bb-tbes-card {
      position: relative;
      background: #fff;
      border-radius: 22px;
      border: 1px solid #eef2f7;
      box-shadow: 0 18px 50px rgba(15,23,42,.10);
      padding: 0 30px 34px;
      text-align: center;
      overflow: hidden;
    }
    /* thin celebratory gradient cap */
    .bb-tbes-card::before {
      content: ''; position: absolute; inset: 0 0 auto 0; height: 6px;
      background: linear-gradient(90deg, #10b981, #34d399, #f97316, #fb923c);
    }

    /* ---- Celebration hero ---- */
    .bb-tbes-hero {
      position: relative;
      margin: 0 -30px 20px;
      padding: 40px 30px 26px;
      background:
        radial-gradient(420px 160px at 50% 0, #ecfdf5 0%, rgba(236,253,245,0) 70%);
    }

    /* Animated check icon */
    @keyframes bbTbesCheckPop {
      0%   { transform: scale(0) rotate(-20deg); opacity: 0; }
      60%  { transform: scale(1.18) rotate(4deg); opacity: 1; }
      100% { transform: scale(1) rotate(0deg); opacity: 1; }
    }
    @keyframes bbTbesRingPulse {
      0%   { box-shadow: 0 0 0 0 rgba(16,185,129,.35); }
      70%  { box-shadow: 0 0 0 22px rgba(16,185,129,0); }
      100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }
    }
    .bb-tbes-ico {
      position: relative; z-index: 2;
      width: 92px; height: 92px; border-radius: 50%;
      background: linear-gradient(135deg, #10b981, #059669);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto;
      box-shadow: 0 12px 26px rgba(5,150,105,.32);
      animation: bbTbesRingPulse 1.9s ease-out 0.4s infinite;
    }
    .bb-tbes-ico i {
      font-size: 42px; color: #fff;
      animation: bbTbesCheckPop 0.6s cubic-bezier(.34,1.56,.64,1) 0.1s forwards;
      opacity: 0;
    }

    /* Confetti-style sparkles bursting around the check */
    @keyframes bbTbesSpark {
      0%   { transform: translate(0,0) scale(.2); opacity: 0; }
      35%  { opacity: 1; }
      100% { transform: translate(var(--sx), var(--sy)) scale(1); opacity: 0; }
    }
    .bb-tbes-spark {
      position: absolute; top: 62px; left: 50%; z-index: 1;
      width: 9px; height: 9px; border-radius: 2px;
      opacity: 0;
      animation: bbTbesSpark 1.1s ease-out 0.35s forwards;
    }
    .bb-tbes-spark--1 { --sx:-96px; --sy:-30px; background:#f97316; }
    .bb-tbes-spark--2 { --sx: 96px; --sy:-30px; background:#10b981; border-radius:50%; }
    .bb-tbes-spark--3 { --sx:-64px; --sy: 40px; background:#fbbf24; border-radius:50%; }
    .bb-tbes-spark--4 { --sx: 64px; --sy: 40px; background:#0ea5e9; }
    .bb-tbes-spark--5 { --sx:-8px;  --sy:-70px; background:#e11d48; border-radius:50%; }
    .bb-tbes-spark--6 { --sx: 20px; --sy:-66px; background:#8b5cf6; }

    /* Received pill */
    .bb-tbes-received {
      display: inline-flex; align-items: center; gap: 7px;
      background: #ecfdf5; border: 1.5px solid #a7f3d0;
      color: #047857; font-size: 12px; font-weight: 800;
      letter-spacing: .04em; text-transform: uppercase;
      padding: 5px 14px; border-radius: 50px; margin-bottom: 12px;
    }
    .bb-tbes-received i { font-size: 12px; }

    /* Title */
    .bb-tbes-title {
      font-size: 28px; font-weight: 800;
      font-family: 'Plus Jakarta Sans', sans-serif;
      color: #0a1525; margin: 0 0 8px;
    }
    .bb-tbes-subtitle {
      font-size: 14.5px; color: #64748b; margin: 0 auto 18px; max-width: 460px;
      line-height: 1.6;
    }
    .bb-tbes-subtitle strong { color: #0a1525; }

    /* Package chip */
    .bb-tbes-pkg-chip {
      display: inline-flex; align-items: center; gap: 8px;
      background: #fff7ed; border: 1.5px solid #fed7aa;
      border-radius: 50px; padding: 7px 16px;
      font-size: 13px; font-weight: 700; color: #c2410c;
      margin-bottom: 26px; max-width: 100%;
    }
    .bb-tbes-pkg-chip i { color: #f97316; font-size: 13px; flex-shrink: 0; }
    .bb-tbes-pkg-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    /* ---- Enquiry summary grid ---- */
    .bb-tbes-summary {
      display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
      text-align: left; margin-bottom: 26px;
    }
    .bb-tbes-sum-item {
      display: flex; align-items: center; gap: 11px;
      background: #f8fafc; border: 1px solid #eef2f7; border-radius: 13px;
      padding: 11px 13px; min-width: 0;
    }
    .bb-tbes-sum-item--full { grid-column: 1 / -1; }
    .bb-tbes-sum-ico {
      flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      background: #fff7ed; color: #f97316; font-size: 14px;
    }
    .bb-tbes-sum-item div { min-width: 0; }
    .bb-tbes-sum-item small {
      display: block; font-size: 10.5px; font-weight: 700; text-transform: uppercase;
      letter-spacing: .05em; color: #94a3b8; margin-bottom: 1px;
    }
    .bb-tbes-sum-item strong {
      display: block; font-size: 13.5px; font-weight: 700; color: #0a1525;
      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }

    /* ---- What happens next — journey timeline ---- */
    .bb-tbes-next { text-align: left; margin-bottom: 22px; }
    .bb-tbes-next-title {
      font-size: 11.5px; font-weight: 800; text-transform: uppercase;
      letter-spacing: .08em; color: #94a3b8; margin: 0 0 14px;
    }
    .bb-tbes-timeline { position: relative; }
    .bb-tbes-tl-step {
      display: flex; align-items: flex-start; gap: 14px; position: relative;
    }
    .bb-tbes-tl-step:not(:last-child) { padding-bottom: 18px; }
    .bb-tbes-tl-step:not(:last-child)::after {
      content: ''; position: absolute; left: 15px; top: 32px; bottom: 2px;
      width: 2px; border-radius: 2px; background: #e2e8f0;
    }
    .bb-tbes-tl-step.is-done:not(:last-child)::after { background: #6ee7b7; }
    .bb-tbes-tl-dot {
      position: relative; z-index: 1;
      width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 12.5px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif;
      background: #eef2f7; color: #64748b; border: 2px solid #e2e8f0;
    }
    .bb-tbes-tl-step.is-done .bb-tbes-tl-dot {
      background: linear-gradient(135deg, #10b981, #059669);
      color: #fff; border-color: #10b981;
      box-shadow: 0 4px 10px rgba(16,185,129,.30);
    }
    .bb-tbes-tl-body { padding-top: 2px; }
    .bb-tbes-tl-body strong { display: block; font-size: 14px; color: #0a1525; }
    .bb-tbes-tl-body small { font-size: 12.5px; color: #64748b; }

    /* ---- Enquiry-only note ---- */
    .bb-tbes-note {
      display: flex; align-items: flex-start; gap: 9px; text-align: left;
      background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px;
      padding: 11px 14px; margin-bottom: 24px;
      font-size: 12.5px; font-weight: 600; color: #92400e; line-height: 1.5;
    }
    .bb-tbes-note i { color: #d97706; font-size: 15px; margin-top: 1px; }
    .bb-tbes-note strong { font-weight: 800; }

    /* ---- CTA buttons ---- */
    .bb-tbes-actions {
      display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
    }
    .bb-tbes-btn {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 12px 22px; border-radius: 50px;
      font-size: 14px; font-weight: 800;
      font-family: 'Plus Jakarta Sans', sans-serif;
      text-decoration: none; transition: all .2s; white-space: nowrap;
    }
    .bb-tbes-btn--primary {
      background: linear-gradient(135deg, #f97316, #ea580c);
      color: #fff; box-shadow: 0 4px 14px rgba(249,115,22,.32);
    }
    .bb-tbes-btn--primary:hover {
      background: linear-gradient(135deg, #ea580c, #c2410c);
      color: #fff; transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(249,115,22,.42);
    }
    .bb-tbes-btn--wa {
      background: #25d366; color: #fff;
      box-shadow: 0 4px 14px rgba(37,211,102,.26);
    }
    .bb-tbes-btn--wa:hover {
      background: #128c7e; color: #fff; transform: translateY(-1px);
    }

    @media (max-width: 575px) {
      .bb-tbes-card { padding: 0 16px 26px; border-radius: 18px; }
      .bb-tbes-hero { margin: 0 -16px 18px; padding: 34px 16px 22px; }
      .bb-tbes-title { font-size: 23px; }
      .bb-tbes-summary { grid-template-columns: 1fr; }
      .bb-tbes-actions { flex-direction: column; }
      .bb-tbes-btn { justify-content: center; }
    }

    @media (prefers-reduced-motion: reduce) {
      .bb-tbes-ico { animation: none; }
      .bb-tbes-ico i { animation: none; opacity: 1; }
      .bb-tbes-spark { display: none; }
    }

    /* ===== PAYMENT SUCCESS / FAILED variants (success-page.php) ===== */
    /* Failed: red icon + red hero tint + red cap */
    .bb-tbes-ico--fail {
      background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
      box-shadow: 0 12px 26px rgba(225,29,72,.30) !important;
      animation: bbTbesRingPulseFail 1.9s ease-out 0.4s infinite !important;
    }
    @keyframes bbTbesRingPulseFail {
      0%   { box-shadow: 0 0 0 0 rgba(244,63,94,.35); }
      70%  { box-shadow: 0 0 0 22px rgba(244,63,94,0); }
      100% { box-shadow: 0 0 0 0 rgba(244,63,94,0); }
    }
    .bb-tbes-card--fail::before { background: linear-gradient(90deg, #f43f5e, #fb7185, #f97316); }
    .bb-tbes-card--fail .bb-tbes-hero {
      background: radial-gradient(420px 160px at 50% 0, #fff1f2 0%, rgba(255,241,242,0) 70%);
    }

    /* Status pill variants */
    .bb-tbes-received--fail {
      background: #fff1f2; border-color: #fecdd3; color: #be123c;
    }

    /* ---- Prominent reference + amount box (paid) ---- */
    .bb-tbes-refbox {
      display: grid; grid-template-columns: 1.4fr 1fr; gap: 0;
      border: 1.5px dashed #a7f3d0; border-radius: 14px; overflow: hidden;
      background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
      margin-bottom: 18px; text-align: left;
    }
    .bb-tbes-refbox-item { padding: 13px 16px; min-width: 0; }
    .bb-tbes-refbox-item + .bb-tbes-refbox-item { border-left: 1.5px dashed #a7f3d0; }
    .bb-tbes-refbox-item small {
      display: block; font-size: 10.5px; font-weight: 800; text-transform: uppercase;
      letter-spacing: .05em; color: #059669; margin-bottom: 3px;
    }
    .bb-tbes-refbox-item strong {
      display: block; font-size: 16px; font-weight: 800; color: #065f46;
      font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: .3px;
      overflow: hidden; text-overflow: ellipsis;
    }
    .bb-tbes-refbox-item--amt strong { color: #15803d; }

    @media (max-width: 575px) {
      .bb-tbes-refbox { grid-template-columns: 1fr; }
      .bb-tbes-refbox-item + .bb-tbes-refbox-item { border-left: 0; border-top: 1.5px dashed #a7f3d0; }
    }