/* Transfer anlık fiyat + ödeme widget'ı — hub ve havalimanı sayfalarında ortak. */
/* ── anlık fiyat + ödeme widget'ı (Pax Drive) */
.tb-wrap { background:linear-gradient(135deg,#0F1B2D 0%,#1e3a5f 100%); padding:46px 18px 52px; }
.tb { max-width:880px; margin:0 auto; background:#fff; border-radius:26px; box-shadow:0 22px 60px rgba(0,0,0,.26); overflow:hidden; }
.tb-head { background:#f8fafc; border-bottom:1px solid #eef1f6; padding:16px 22px; }
.tb-steps { display:flex; gap:8px; flex-wrap:wrap; }
.tb-dot { display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:#94a3b8; }
.tb-dot + .tb-dot::before { content:''; width:16px; height:2px; background:#e2e8f0; border-radius:2px; margin-right:2px; }
.tb-dot i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#e2e8f0; color:#64748b; font-style:normal; font-size:11.5px; font-weight:800; }
.tb-dot.is-on { color:#0F1B2D; }
.tb-dot.is-on i { background:#E31E24; color:#fff; }
.tb-pane { display:none; padding:24px 22px 26px; }
.tb-pane.is-on { display:block; animation:tbIn .22s ease; }
@keyframes tbIn { from { opacity:0; transform:translateY(6px);} to { opacity:1; transform:none;} }
.tb label { display:block; font-size:12px; font-weight:800; color:#475569; margin:0 0 6px; text-transform:uppercase; letter-spacing:.3px; }
.tb-input { display:flex; align-items:center; gap:9px; border:1.5px solid #e2e8f0; border-radius:14px; padding:0 13px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.tb-input:focus-within { border-color:#0F1B2D; box-shadow:0 0 0 3px rgba(15,27,45,.08); }
.tb-input input { flex:1; border:0; outline:0; padding:13px 0; font-size:15.5px; font-family:inherit; color:#0F1B2D; background:transparent; min-width:0; }
.tb-ico { width:18px; height:18px; color:#94a3b8; flex:none; }
.tb-ico svg { width:18px; height:18px; }
.tb-route { display:grid; grid-template-columns:1fr 44px 1fr; gap:10px; align-items:end; }
.tb-ac { position:relative; }
.tb-swap { height:48px; border:1.5px solid #e2e8f0; background:#fff; border-radius:14px; font-size:17px; color:#64748b; cursor:pointer; }
.tb-swap:hover { background:#f8fafc; color:#0F1B2D; }
.tb-list { position:absolute; z-index:40; left:0; right:0; top:100%; margin-top:6px; background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 16px 40px rgba(15,27,45,.16); overflow:hidden; max-height:290px; overflow-y:auto; display:none; }
.tb-list.is-on { display:block; }
.tb-list button { display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:11px 14px; border:0; background:#fff; cursor:pointer; }
.tb-list button:hover { background:#f1f5f9; }
.tb-list button i { width:17px; height:17px; color:#94a3b8; flex:none; }
.tb-list button i svg { width:17px; height:17px; }
.tb-list button em { font-style:normal; font-size:14.5px; color:#0F1B2D; font-weight:600; flex:1; }
.tb-list button span { font-size:11.5px; color:#94a3b8; }
.tb-load { padding:13px 15px; font-size:13.5px; color:#94a3b8; }
.tb-grid3 { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:12px; margin-top:16px; }
.tb-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
@media (max-width:640px){ .tb-route { grid-template-columns:1fr; } .tb-swap { width:44px; justify-self:center; height:38px; }
    .tb-grid3, .tb-grid2 { grid-template-columns:1fr; } }
.tb-steppers { display:flex; gap:8px; }
.tb-step-n { flex:1; display:flex; align-items:center; justify-content:space-between; gap:4px; border:1.5px solid #e2e8f0; border-radius:14px; padding:7px 9px; }
.tb-step-n span { font-size:11px; color:#94a3b8; font-weight:700; flex:1; }
.tb-step-n button { width:26px; height:26px; border-radius:8px; border:0; background:#f1f5f9; color:#0F1B2D; font-size:16px; font-weight:800; cursor:pointer; line-height:1; }
.tb-step-n button:hover { background:#e2e8f0; }
.tb-step-n b { min-width:18px; text-align:center; font-size:15px; color:#0F1B2D; }
.tb-cta { margin-top:18px; width:100%; display:flex; align-items:center; justify-content:center; gap:9px; background:#E31E24; color:#fff; font-weight:800; font-size:16.5px; border:0; border-radius:999px; padding:15px 28px; cursor:pointer; transition:transform .12s, background .15s; }
.tb-cta:hover { background:#c81a20; transform:translateY(-1px); }
.tb-cta:disabled { opacity:.65; transform:none; cursor:default; }
.tb-spin { width:15px; height:15px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; display:inline-block; margin-right:8px; animation:tbSpin .7s linear infinite; }
.tb-spin.dark { border-color:#e2e8f0; border-top-color:#0F1B2D; }
@keyframes tbSpin { to { transform:rotate(360deg);} }
.tb-msg { margin-top:13px; font-size:14.5px; text-align:center; color:#475569; }
.tb-msg.tb-err { color:#dc2626; }
.tb-msg a { color:inherit; font-weight:800; text-decoration:underline; }
.tb-trust { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin:16px 0 0; padding:0; }
.tb-trust li { font-size:12.5px; color:#64748b; font-weight:600; }
.tb-back { background:none; border:0; color:#64748b; font-weight:700; font-size:13px; cursor:pointer; padding:0 0 12px; }
.tb-back:hover { color:#0F1B2D; }
.tb-rsum { font-size:16px; color:#0F1B2D; font-weight:800; margin-bottom:14px; }
.tb-rsum em { font-style:normal; color:#94a3b8; margin:0 5px; }
.tb-rsum span { display:block; font-size:12.5px; color:#94a3b8; font-weight:600; margin-top:3px; }
.tb-curbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.tb-curbar > span { font-size:12px; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:.3px; }
.tb-curs { display:flex; gap:6px; }
.tb-curs button { border:1.5px solid #e2e8f0; background:#fff; color:#64748b; font-size:12.5px; font-weight:700; padding:6px 12px; border-radius:999px; cursor:pointer; }
.tb-curs button:hover { border-color:#cbd5e1; }
.tb-curs button.is-on { background:#0F1B2D; border-color:#0F1B2D; color:#fff; }
.tb-card2 { display:grid; grid-template-columns:110px 1fr auto; gap:16px; align-items:center; border:1.5px solid #eef1f6; border-radius:20px; padding:15px 17px; margin-bottom:12px; transition:border-color .15s, box-shadow .15s; }
.tb-card2:hover { border-color:#cbd5e1; box-shadow:0 8px 26px rgba(15,27,45,.07); }
@media (max-width:640px){ .tb-card2 { grid-template-columns:78px 1fr; } .tb-buy { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; } }
.tb-art svg { width:100%; height:auto; display:block; }
.tb-art.sm { width:56px; flex:none; }
.tb-meta h4 { font-size:16px; font-weight:800; color:#0F1B2D; margin:0 0 5px; }
.tb-chips { display:flex; gap:9px; flex-wrap:wrap; }
.tb-chips span { font-size:12px; color:#64748b; font-weight:600; }
.tb-perks { display:flex; gap:6px; flex-wrap:wrap; margin-top:7px; }
.tb-perks span { font-size:11.5px; font-weight:700; color:#16a34a; background:#f0fdf4; padding:3px 9px; border-radius:999px; }
.tb-perks span:nth-child(2) { color:#475569; background:#f1f5f9; }
.tb-price { font-size:23px; font-weight:800; color:#0F1B2D; text-align:right; white-space:nowrap; }
.tb-price small { display:block; font-size:10.5px; color:#94a3b8; font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
.tb-price.sm { font-size:19px; }
.tb-buy button { margin-top:8px; border:0; background:#0F1B2D; color:#fff; font-weight:800; font-size:14px; padding:10px 22px; border-radius:999px; cursor:pointer; }
.tb-buy button:hover { background:#1e3a5f; }
.tb-picked { display:flex; align-items:center; gap:14px; background:#f8fafc; border-radius:16px; padding:12px 15px; margin-bottom:16px; }
.tb-picked strong { display:block; font-size:14.5px; color:#0F1B2D; }
.tb-picked span { display:block; font-size:12px; color:#94a3b8; margin-top:2px; }
.tb-picked > div:nth-child(2) { flex:1; }
.tb-paybox { border:1.5px solid #eef1f6; border-radius:20px; padding:16px; }
.tb-tabs { display:flex; gap:8px; margin-bottom:14px; }
.tb-tabs button { flex:1; border:1.5px solid #e2e8f0; background:#fff; color:#64748b; font-weight:800; font-size:14px; padding:11px; border-radius:12px; cursor:pointer; }
.tb-tabs button.is-on { background:#0F1B2D; border-color:#0F1B2D; color:#fff; }
/* iyzico formu sayfa içine otursun (pay.html ile aynı ayarlar) */
#tb-iyz-target { width:100%; min-height:340px; position:relative; overflow-x:hidden; }
#iyzipay-checkout-form { width:100% !important; max-width:100% !important; margin:0 !important; }
.iyzipay-checkout-form-wrapper { width:100% !important; padding:0 !important; border:none !important; box-shadow:none !important; }
.tb-loadbox { display:flex; align-items:center; justify-content:center; gap:6px; padding:26px; font-size:14px; color:#94a3b8; }
.tb-fine { font-size:12px; color:#64748b; text-align:center; margin-top:14px; }

/* ── 4. adım: ödeme (mevcut /pay tasarım diliyle uyumlu) */
.tb-order { border:1.5px solid #eef1f6; border-radius:20px; padding:16px 18px; margin-bottom:16px; }
.tb-ordertop { display:flex; align-items:center; gap:14px; padding-bottom:13px; border-bottom:1px solid #f1f5f9; }
.tb-orderinfo strong { display:block; font-size:16px; font-weight:800; color:#0F1B2D; }
.tb-orderinfo span { display:block; font-size:12.5px; color:#94a3b8; margin-top:2px; }
.tb-incl { list-style:none; margin:12px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; }
@media (max-width:640px){ .tb-incl { grid-template-columns:1fr; } }
.tb-incl li { font-size:13px; color:#475569; font-weight:600; }
.tb-total { display:flex; align-items:baseline; justify-content:space-between; margin-top:14px; padding-top:13px; border-top:1px solid #f1f5f9; }
.tb-total span { font-size:12px; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:.4px; }
.tb-total b { font-size:30px; font-weight:800; color:#0F1B2D; letter-spacing:-.6px; }
.tb-pm { width:100%; border:0; cursor:pointer; border-radius:16px; padding:16px 18px; display:flex; align-items:center; gap:14px; text-align:left; font-family:inherit; transition:transform .18s, box-shadow .18s, border-color .18s; }
.tb-pm-card { background:linear-gradient(135deg,#0F1B2D 0%,#1e3a5f 100%); color:#fff; box-shadow:0 8px 24px rgba(15,27,45,.18); }
.tb-pm-card:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(15,27,45,.26); }
.tb-pm-card .ic { width:46px; height:46px; border-radius:12px; background:rgba(255,255,255,.12); display:grid; place-items:center; flex:none; }
.tb-pm-card .ic svg { width:23px; height:23px; }
.tb-pm .tx { flex:1; min-width:0; }
.tb-pm .t-main { font-weight:800; font-size:16px; display:block; }
.tb-pm .t-sub { font-size:11.5px; opacity:.72; display:block; margin-top:2px; }
.tb-pm .t-amt { font-weight:800; font-size:18px; white-space:nowrap; }
.tb-pm-pp { background:#fff; border:1.5px solid #e2e8f0; margin-top:12px; justify-content:center; min-height:58px; padding:0; overflow:hidden; }
.tb-pm-pp:hover { border-color:#003087; box-shadow:0 6px 18px rgba(0,48,135,.12); }
.tb-pm-pp img { height:62px; width:auto; margin:-10px 0; }
.tb-formhead { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.tb-formhead strong { font-size:14px; font-weight:800; color:#0F1B2D; }
.tb-formhead button { background:none; border:0; color:#64748b; font-weight:700; font-size:12.5px; cursor:pointer; }
.tb-formhead button:hover { color:#0F1B2D; }
.tb-assure { list-style:none; margin:16px 0 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; }
.tb-assure li { font-size:12.5px; color:#64748b; font-weight:600; }
.tb-trustrow { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:16px; padding-top:14px; border-top:1px solid #f1f5f9; opacity:.5; filter:grayscale(1); transition:opacity .3s, filter .3s; }
.tb-trustrow:hover { opacity:1; filter:grayscale(0); }
.tb-trustrow img { height:17px; }

/* ── uyarı kutuları: teknik hata değil, dostane yönlendirme */
.tb-alert { display:flex; gap:11px; align-items:flex-start; border-radius:14px; padding:13px 15px; font-size:13.8px; line-height:1.5; margin-top:14px; text-align:left; animation:tbIn .2s ease; }
.tb-alert-empty { display:none; }
.tb-alert .ic { flex:none; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; font-size:12.5px; font-weight:800; margin-top:1px; }
.tb-alert .tx { flex:1; min-width:0; }
.tb-alert strong { display:block; font-weight:800; margin-bottom:2px; }
.tb-alert .act { display:block; margin-top:7px; }
.tb-alert a { color:inherit; font-weight:800; text-decoration:underline; }
.tb-alert-err { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.tb-alert-err .ic { background:#fee2e2; color:#b91c1c; }
.tb-alert-warn { background:#fffbeb; border:1px solid #fde68a; color:#92400e; }
.tb-alert-warn .ic { background:#fef3c7; color:#b45309; }
.tb-alert-info { background:#f0f9ff; border:1px solid #bae6fd; color:#075985; }
.tb-alert-info .ic { background:#e0f2fe; color:#0369a1; }
.tb-alert-ok { background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; }
.tb-alert-ok .ic { background:#dcfce7; color:#15803d; }
/* eksik alan vurgusu */
.tb-input.is-bad { border-color:#f87171; background:#fff7f7; }
.tb-input.is-bad:focus-within { border-color:#dc2626; box-shadow:0 0 0 3px rgba(220,38,38,.09); }

/* ── modernizasyon ortak stilleri: hero-widget bütünleşik, ikon kartlar, filo, SSS kartları */
.tb-wrap { position:relative; overflow:hidden; }
.tb-wrap::before { content:''; position:absolute; inset:-40% -20% auto; height:120%; background:radial-gradient(60% 60% at 70% 20%, rgba(227,30,36,.16), transparent 70%), radial-gradient(50% 55% at 15% 10%, rgba(96,165,250,.12), transparent 70%); pointer-events:none; }
.tb-hero { position:relative; max-width:880px; margin:0 auto; text-align:center; color:#fff; padding:8px 4px 30px; }
.tb-hero h1 { font-size:clamp(25px,4.2vw,38px); font-weight:800; line-height:1.14; margin:14px 0 12px; color:#fff; letter-spacing:-.5px; }
.tb-hero p { font-size:clamp(14.5px,1.9vw,17px); color:#cbd5e1; max-width:660px; margin:0 auto 18px; line-height:1.65; }
.tb-hero .tr-badge { display:inline-block; background:rgba(227,30,36,.92); color:#fff; font-weight:700; font-size:12.5px; padding:6px 14px; border-radius:999px; letter-spacing:.2px; }
.tb-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; margin-bottom:4px; }
.tb-chips span { color:#e2e8f0; font-size:13px; font-weight:600; opacity:.9; }
.tr-card .ic { width:44px; height:44px; border-radius:12px; background:#fef2f2; color:#E31E24; display:grid; place-items:center; margin-bottom:12px; font-size:0; }
.tr-card .ic svg { width:22px; height:22px; }
.fleet-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-top:28px; }
.fleet-card { position:relative; background:#fff; border:1px solid #eef1f6; border-radius:18px; padding:20px; box-shadow:0 6px 24px rgba(15,27,45,.05); }
.fleet-card .art { max-width:150px; margin:0 auto 10px; }
.fleet-card .art svg { width:100%; height:auto; display:block; }
.fleet-card h3 { font-size:16px; font-weight:800; color:#0F1B2D; margin:0 0 4px; text-align:center; }
.fleet-card p { font-size:13px; color:#5b6677; margin:0; text-align:center; line-height:1.5; }
.fleet-card .cap { display:flex; justify-content:center; gap:12px; font-size:12.5px; color:#64748b; font-weight:700; margin:8px 0 6px; }
.fleet-tag { position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:#E31E24; color:#fff; font-size:11px; font-weight:800; border-radius:999px; padding:4px 12px; white-space:nowrap; }
.faq-item { background:#fff; border:1px solid #eef1f6; border-radius:16px; padding:18px 20px; margin-top:12px; box-shadow:0 4px 18px rgba(15,27,45,.04); }
.faq-item h3 { font-size:16.5px; font-weight:800; color:#0F1B2D; margin:0 0 6px !important; }
.faq-item p { font-size:14.5px; color:#475569; line-height:1.65; margin:0 !important; }
.air-grid a { background:#fff; transition:border-color .15s, box-shadow .15s; }
.air-grid a:hover { border-color:#cbd5e1; box-shadow:0 4px 14px rgba(15,27,45,.07); }
.air-grid a::after { content:'→'; margin-left:auto; color:#E31E24; font-weight:800; opacity:0; transition:opacity .15s; }
.air-grid a:hover::after { opacity:1; }
.air-grid span { opacity:.62; }
.price-live a { color:#E31E24; font-weight:700; text-decoration:none; }
.price-live a:hover { text-decoration:underline; }
/* adım göstergesi: ziyaret edilmişler tıklanabilir */
.tb-dot.is-nav { cursor:pointer; }
.tb-dot.is-nav:hover { color:#E31E24; }
.tb-dot.is-nav:hover i { background:#fecaca; color:#b91c1c; }
.tb-dot.is-nav:focus-visible { outline:2px solid #E31E24; outline-offset:3px; border-radius:6px; }
.tb-dot.is-cur i { box-shadow:0 0 0 3px rgba(227,30,36,.18); }