:root{
  --bg:#051C40;
  --card:#0B2A5A;
  --text:#F5F8FF;
  --muted:#B9CAE8;
  --line:#1F4478;
  --blue:#0A5BD8;
  --blue2:#083F9E;
  --shadow: 0 10px 30px rgba(10,30,70,.08);
  --radius:18px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:var(--text);
  background: radial-gradient(1200px 600px at 20% 0%, #0A2A5E 0%, var(--bg) 40%, #03132D 100%);
}
a{color:inherit;text-decoration:none}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* topbar */
.topbar{
  height:72px;
  display:flex;align-items:center;justify-content:space-between;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}
.brand .dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#ffb200,#ff7a00)}
.nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:600}
.nav .pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 6px 18px rgba(0,0,0,.04)}
.nav .right{display:flex;align-items:center;gap:10px}
.btn-ghost{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}
.btn-primary{padding:10px 14px;border-radius:12px;border:0;background:var(--blue);color:#fff;font-weight:700}
.btn-primary:hover{background:var(--blue2)}

/* hero */
.hero{padding:22px 0 14px}
.heroGrid{
  display:grid;grid-template-columns: 1.15fr .85fr;gap:18px;
  align-items:center;
}
.hero h1{
  margin:0 0 10px;
  font-size:56px;line-height:1.02;
  letter-spacing:-1.2px;
}
.hero p{margin:0;color:var(--muted);font-size:18px;max-width:560px}
.heroArt{
  min-height:240px;
  border-radius:28px;
  background:
    radial-gradient(140px 120px at 30% 35%, rgba(22,119,255,.18), transparent 60%),
    radial-gradient(160px 130px at 70% 55%, rgba(255,170,0,.18), transparent 60%),
    linear-gradient(135deg,#ffffff, #f2f8ff);
  border:1px solid var(--line);
  box-shadow: var(--shadow);
}

/* searchbar */
.searchWrap{
  margin-top:18px;
  background: rgba(255,255,255,.8);
  border:1px solid var(--line);
  border-radius: 20px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  overflow:hidden;
}

/* HERO Tabs (Otobüs / Uçak) */
.heroTabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 10px;
}
.tabBtn{
  appearance:none;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.18);
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
  line-height:1;
}
.tabBtn:hover{background:rgba(0,0,0,.28)}
.tabBtn.isActive{
  background:var(--card);
  color:var(--text);
  border-color:#fff;
}
.tabPane{margin-top:10px;}
.searchRow{
  display:grid;
  grid-template-columns: 1.15fr 1.15fr .9fr .8fr;
  gap:0;
}
.field{
  position:relative;
  padding:14px 16px;
  border-right:1px solid var(--line);
}
.field:last-child{border-right:0}
.label{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:6px}
.input{
  width:100%;
  border:0;background:transparent;
  font-size:18px;font-weight:700;
  outline:none;color:var(--text);
}
.sub{font-size:12px;color:var(--muted);margin-top:6px}
.swap{
  position:absolute;right:-18px;top:50%;
  transform:translateY(-50%);
  width:36px;height:36px;border-radius:12px;
  border:1px solid var(--line);background:var(--card);
  box-shadow:0 10px 20px rgba(10,30,70,.08);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.searchBtn{
  height:100%;
  border:0;
  background:linear-gradient(135deg,var(--blue), var(--blue2));
  color:#fff;
  font-weight:800;
  font-size:18px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
}

/* autocomplete */
.acBox{
  position:absolute;left:14px;right:14px;top:70px;
  background:var(--card);border:1px solid var(--line);
  border-radius:16px;box-shadow:var(--shadow);
  overflow:hidden;z-index:50;
}
.acItem{
  padding:12px 12px;
  display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;
}
.acItem:hover,.acItem.active{background:#f5f8ff}
.acName{font-weight:800}
.acMeta{font-size:12px;color:var(--muted)}

/* results layout */
.resultsTop{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:18px 0 12px;
}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{
  padding:10px 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--card);
  font-weight:800;color:var(--muted);
  cursor:pointer;
}
.chip.active{border-color:rgba(22,119,255,.35);background:#eef5ff;color:var(--text)}
.layout{
  display:grid;grid-template-columns: 320px 1fr;gap:16px;
  align-items:start;
}
.panel{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow);
  padding:14px;
}
.panel h3{margin:4px 0 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.panel .opt{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px}
.panel .opt:hover{background:#f7faff}
.panel input{transform:scale(1.1)}
.list{
  display:flex;flex-direction:column;gap:12px;
}
.card{
  background:var(--card);border:1px solid var(--line);
  border-radius:22px;box-shadow:var(--shadow);
  padding:14px 14px;
}
.cardRow{
  display:grid;grid-template-columns: 260px 1fr 160px;
  gap:12px;align-items:center;
}
.company{
  display:flex;align-items:center;gap:12px;
}
.logo{
  width:44px;height:44px;border-radius:14px;
  border:1px solid var(--line);background:var(--card);object-fit:contain;
}
.company .name{font-weight:900}
.company .meta{font-size:12px;color:var(--muted)}
.times{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.timeBig{font-size:28px;font-weight:950;letter-spacing:-.6px}
.station{color:var(--muted);font-weight:700}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{font-size:12px;color:var(--muted);font-weight:800;border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:#fff}
.priceBox{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
}
.price{
  font-size:22px;font-weight:950;color:var(--blue2)
}
.go{
  width:44px;height:44px;border-radius:16px;
  border:0;background:var(--blue);color:#fff;font-weight:900;
  cursor:pointer;
}
.go:hover{background:var(--blue2)}
.go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:18px;
  background:#0b67ff;
  color:#fff;
  text-decoration:none;
  box-shadow: 0 10px 30px rgba(11,103,255,.25);
}
.go svg{ display:block; }

@media (max-width: 980px){
  .heroGrid{grid-template-columns:1fr}
  .hero h1{font-size:44px}
  .searchRow{grid-template-columns:1fr}
  .field{border-right:0;border-bottom:1px solid var(--line)}
  .field:last-child{border-bottom:0}
  .swap{display:none}
  .layout{grid-template-columns:1fr}
  .cardRow{grid-template-columns:1fr}
  .priceBox{justify-content:space-between}
}
/* --- Autocomplete dropdown (clickable + above everything) --- */
.field{ position:relative; }

.ac-list{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 12px);
  background:var(--card);
  border:1px solid rgba(15,23,42,.10);
  border-radius:26px;
  box-shadow: 0 22px 60px rgba(15,23,42,.18);
  padding:16px;
  max-height: 360px;
  overflow:auto;
  z-index:9999;
}

/* header like "Son aramalar" */
.ac-head{ padding: 4px 6px 12px 6px; }
.ac-title{
  font-weight: 900;
  letter-spacing: -.3px;
  font-size: 20px;
  color: var(--text);
}

.ac-empty{ padding:12px 12px; color: var(--muted); font-weight:700; }

.ac-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 14px;
  border:0;
  background: rgba(11,103,255,.08);
  cursor:pointer;
  text-align:left;
  font: inherit;
  border-radius:18px;
}
.ac-item + .ac-item{ margin-top:10px; }

.ac-item:hover{ background: rgba(11,103,255,.08); }

.ac-ico{
  width:44px;height:44px;
  display:inline-flex;
  align-items:center;justify-content:center;
  border-radius:16px;
  background: rgba(11,103,255,.12);
  flex: 0 0 44px;
  font-size: 18px;
}

.ac-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.ac-name{ font-weight:900; font-size:18px; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-meta{ font-size:16px; color: var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-arr{ margin-left:auto; color: rgba(15,23,42,.45); font-size:18px; }

/* swap butonu dropdown üstüne binmesin */
.swap{
  z-index: 2;               /* düşük tut */
  pointer-events: auto;
}

/* dropdown açıkken swap alanı listeden yüksek olmasın */
#ac-from .ac-list{ z-index:9999; }

/* --- Mobile responsiveness --- */
@media (max-width: 980px){
  .topbar{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .nav{
    width:100%;
    flex-wrap: wrap;
    gap: 10px;
  }
  .nav .right{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    width:100%;
    justify-content:flex-start;
  }

  .heroGrid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .heroArt{ display:none; } /* mobilde sağ görseli kapat */
}

@media (max-width: 720px){
  .searchRow{
    display:flex;
    flex-direction: column;
    gap: 12px;
  }
  .searchRow .field{
    width:100%;
  }
  .searchBtn{
    width:100%;
    height:52px;
    border-radius:16px;
  }

  /* swap butonu mobilde inputu kapatmasın */
  #ac-from .swap{
    position:absolute;
    right:12px;
    top: 40px;
  }
}

@media (max-width: 420px){
  .container{ padding-left:14px; padding-right:14px; }
  h1{ font-size: 30px; line-height: 1.12; }
}
/* ============ Mobile layout fixes ============ */
.container{ width:100%; max-width:1100px; margin:0 auto; padding: 0 18px; }

@media (max-width: 980px){
  .topbar{ flex-direction:column; align-items:flex-start; gap:10px; }
  .nav{ width:100%; flex-wrap:wrap; gap:10px; }
  .nav .right{ width:100%; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-start; }
  .heroGrid{ grid-template-columns:1fr; gap:18px; }
  .heroArt{ display:none; }
}

@media (max-width: 720px){
  .searchRow{ display:flex; flex-direction:column; gap:12px; }
  .searchRow .field{ width:100%; }
  .searchBtn{ width:100%; height:52px; border-radius:16px; }
}

/* ===== AUTOCOMPLETE MODERN UI ===== */

.ac-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 9999;
}

/* Header */
.ac-header {
  padding: 14px 18px;
  font-weight: 600;
  font-size: 14px;
  color: #111;
}

/* Item */
.ac-item {
  padding: 14px 18px;
  cursor: pointer;
  transition: background .15s ease;
}

.ac-item:hover {
  background: #f3f8ff;
}

/* Text */
.ac-title {
  font-size: 15px;
  font-weight: 600;
  color: #111;
}

.ac-sub {
  font-size: 13px;
  color: #6b7280;
  margin-top: 2px;
}

/* Divider */
.ac-item + .ac-item {
  border-top: 1px solid #eef2f7;
}
/* ================================
   AUTOCOMPLETE — MODERN DROPDOWN
   ================================ */

/* dropdown input altına otursun */
.field { position: relative; }

/* eski chip/btn stilleri varsa etkisizleştir */
.ac-item, .ac-ico, .ac-arr { display: none !important; }

.ac-list{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 18px 60px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 9999;
}

/* header */
.ac-head{
  padding: 14px 18px 10px;
}
.ac-head-title{
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

/* empty */
.ac-empty{
  padding: 14px 18px 18px;
  color: #64748b;
  font-size: 14px;
}

/* list body */
.ac-body{
  padding: 6px 8px 10px;
}

/* row */
.ac-row{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 12px 12px;
  border-radius: 14px;
  cursor: pointer;
  transition: background .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.ac-row:hover{ background: #f1f7ff; }
.ac-row:active{ background: #e8f1ff; }
.ac-row:focus{ outline: none; }

/* soft pin (no emoji) */
.ac-pin{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #eaf3ff;
  position: relative;
  flex: 0 0 34px;
}
.ac-pin::after{
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #3b82f6;
}

/* text */
.ac-col{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.ac-name{
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.15;
}
.ac-sub{
  font-size: 14px;
  color: #64748b;
  line-height: 1.15;
}

/* mobile */
@media (max-width: 520px){
  .ac-list{ border-radius: 18px; }
  .ac-name{ font-size: 15px; }
  .ac-sub{ font-size: 13px; }
}
/* ===== Mobile responsive homepage + Popular routes ===== */

.container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px;
}

.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 0 18px;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.2px;
}

.brand .dot{
  width:10px;height:10px;border-radius:999px;
  background:#2b7cff;
  display:inline-block;
}

.hero{
  padding: 10px 0 30px;
}

.heroGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.heroCopy h1{
  margin: 0 0 10px;
  line-height: 1.1;
  font-size: 38px;
}

.heroCopy p{
  margin: 0 0 18px;
  opacity:.78;
  font-size: 16px;
}

.searchWrap{
  background: rgba(255,255,255,.9);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 35px rgba(0,0,0,.08);
}

.searchRow{
  display:flex;
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap; /* ✅ mobile kırılma */
}

.field{
  position: relative;
  flex: 1 1 220px;
  min-width: 220px;
  padding: 12px 12px 10px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
}

.label{
  font-weight: 700;
  margin-bottom: 6px;
  opacity: .9;
}

.input{
  width:100%;
  border: 0;
  outline: none;
  font-size: 18px;
  padding: 2px 0;
}

.sub{
  margin-top: 6px;
  font-size: 13px;
  opacity: .65;
}

.searchBtn{
  flex: 0 0 auto;
  border: 0;
  border-radius: 16px;
  padding: 14px 18px;
  font-weight: 800;
  cursor: pointer;
  background: #2b7cff;
  color: #fff;
  min-width: 120px;
}

.swapBtn{
  position:absolute;
  right: 12px;
  top: 12px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: #f8fafc;
  cursor: pointer;
  font-size: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ===== Popular routes ===== */
.popular{
  margin-top: 18px;
}

.sectionHead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 2px 10px;
}

.sectionHead h2{
  margin:0;
  font-size: 18px;
  font-weight: 900;
}

.sectionHead .muted{
  opacity:.65;
  font-size: 13px;
}

.popularGrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.routeCard{
  display:block;
  text-decoration:none;
  color: inherit;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  padding: 14px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.routeCard:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  background: #fbfdff;
}

.routeTop{
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 900;
}

.routeFrom,.routeTo{
  font-size: 16px;
}

.routeArrow{
  opacity:.55;
  font-weight: 900;
}

.routeSub{
  margin-top: 8px;
  font-size: 13px;
  opacity:.70;
}

/* ===== Flights (Travelpayouts White Label) ===== */
.tpFlights{
  margin-top: 18px;
  padding: 0 0 6px;
}
.tpFlightsInner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.tpFlightsCard{
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(10,30,70,.08);
}
.tpFlightsHead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.tpFlightsHead h2{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
}
.tpFlightsSub{
  opacity: .65;
  font-size: 13px;
}

/* Prevent the widget from overflowing on small screens */
#tpwl-search, #tpwl-tickets{ max-width: 100%; overflow: hidden; }

/* ===== Responsive breakpoints ===== */
@media (max-width: 980px){
  .popularGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px){
  .heroCopy h1{ font-size: 30px; }
  .field{ flex: 1 1 100%; min-width: 0; }
  .searchBtn{ width: 100%; min-width: 0; } /* ✅ mobilde tam genişlik */
  .popularGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px){
  .container{ padding: 14px; }
  .popularGrid{
    grid-template-columns: 1fr; /* küçük ekranda tek sütun */
  }
}
/* ===== SEO ARTICLE ===== */
.seoArticle{
  margin-top: 22px;
  padding: 18px 0 28px;
}

.seoInner{
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 18px;
}

.seoInner h2{
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 900;
}

.seoInner h3{
  margin: 16px 0 8px;
  font-size: 16px;
  font-weight: 900;
}

.seoInner p{
  margin: 8px 0;
  line-height: 1.7;
  opacity: .88;
}

.seoInner ul{
  margin: 10px 0 0 18px;
  padding: 0;
}

.seoInner li{
  margin: 6px 0;
  line-height: 1.6;
}

.faq{
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.faqItem{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  padding: 14px;
  background: #fbfdff;
}

.faqItem h4{
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 900;
}

.faqItem p{
  margin: 0;
  font-size: 14px;
  opacity: .85;
}

@media (max-width: 720px){
  .faq{ grid-template-columns: 1fr; }
  .seoInner{ padding: 14px; }
}
/* results page heading */
.routeHeading{
  margin-top: 14px;
  padding: 14px 6px 0;
}
.routeHeading h1{
  margin: 0;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.2px;
}
.routeHeading h2{
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 700;
  opacity: .7;
}
@media (max-width: 720px){
  .routeHeading h1{ font-size: 18px; }
  .routeHeading h2{ font-size: 13px; }
}
/* ---- tripCard (api/search.php yeni çıktı) ---- */
.tripCard{
  background:var(--card);
  border-radius:18px;
  padding:16px 18px;
  margin:12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-shadow:0 14px 40px rgba(16,24,40,.08);
  border:1px solid rgba(16,24,40,.06);
}

.tripCard .left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:280px;
}

.tripCard .tlogo{
  width:46px;
  height:46px;
  border-radius:14px;
  object-fit:contain;
  background:#f3f6ff;
  flex:0 0 auto;
  padding:6px;
}
.tripCard .tlogo.ph{
  padding:0;
  background:linear-gradient(180deg,#f3f6ff,#eef2ff);
  border:1px solid rgba(16,24,40,.06);
}

.tripCard .ltext .title{
  font-weight:950;
  font-size:18px;
  line-height:1.1;
}
.tripCard .ltext .sub{
  margin-top:2px;
  color:var(--muted, #667085);
  font-weight:700;
  font-size:13px;
}
.tripCard .ltext .meta{
  margin-top:2px;
  color:var(--muted, #667085);
  font-weight:800;
  font-size:12px;
}

.tripCard .mid{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
.tripCard .mid .t{
  font-weight:950;
  font-size:22px;
  letter-spacing:.2px;
}
.tripCard .mid .arr{
  color:var(--muted, #667085);
  font-weight:900;
  margin:0 8px;
}

.tripCard .pills{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tripCard .pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(16,24,40,.10);
  background:rgba(99,102,241,.06);
  font-weight:900;
  font-size:12px;
  color:#334155;
}

.tripCard .right{
  display:flex;
  align-items:center;
  gap:12px;
}
.tripCard .price{
  font-weight:950;
  font-size:26px;
  color:#2563eb;
  white-space:nowrap;
}
.tripCard .goBtn{
  width:54px;
  height:54px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#2f6df6;
  color:#fff;
  font-size:22px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 14px 26px rgba(47,109,246,.25);
}
.tripCard .goBtn:hover{ filter:brightness(.98); }

/* Mobile */
@media (max-width: 820px){
  .tripCard{
    flex-direction:column;
    align-items:stretch;
  }
  .tripCard .left{ min-width:0; width:100%; }
  .tripCard .mid{ width:100%; }
  .tripCard .right{ width:100%; justify-content:space-between; }
  .tripCard .mid .t{ font-size:20px; }
  .tripCard .price{ font-size:24px; }
}
.eventsWrap{ margin-top:12px; }
.eventsStatus{ margin:10px 2px; opacity:.8; }
.eventsGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}
.evCard{
  display:block;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
}
.evImg{ height:140px; background: rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; }
.evImg img{ width:100%; height:100%; object-fit:cover; display:block; }
.evBody{ padding:10px 12px; }
.evTitle{ font-weight:700; line-height:1.25; }
.evMeta{ font-size:13px; opacity:.85; margin-top:6px; }
.evVenue{ font-size:13px; opacity:.85; margin-top:4px; }
.evCta{ margin-top:10px; font-weight:700; }

@media (max-width: 980px){
  .eventsGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .eventsGrid{ grid-template-columns: 1fr; }
}
/* Events status spacing */
.eventsStatus{ margin:12px 2px; opacity:.85; }

/* Events grid (kartlar) */
.eventsGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
@media (max-width: 980px){ .eventsGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .eventsGrid{ grid-template-columns: 1fr; } }
.site-footer{
  background:#0f172a;
  color:#e5e7eb;
  margin-top:60px;
}

.footer-container{
  max-width:1100px;
  margin:auto;
  padding:40px 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
}

.footer-logo{
  font-size:22px;
  font-weight:800;
  color:#38bdf8;
  margin-bottom:8px;
}

.footer-desc{
  font-size:14px;
  line-height:1.6;
  color:#cbd5f5;
}

.site-footer h4{
  font-size:15px;
  margin-bottom:10px;
  color:#fff;
}

.site-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}

.site-footer ul li{
  margin-bottom:6px;
  font-size:14px;
}

.site-footer a{
  color:#cbd5f5;
  text-decoration:none;
}
.site-footer a:hover{
  color:#38bdf8;
}

.footer-legal{
  font-size:13px;
  line-height:1.6;
  color:#cbd5f5;
}

.footer-bottom{
  text-align:center;
  padding:14px;
  font-size:13px;
  background:#020617;
  color:#94a3b8;
}


/* =========================================================
   Bilettir homepage — obilet-inspired visual refresh
   Scoped under .home-ob-style to preserve results/API pages.
   ========================================================= */
.home-ob-style{--ob-red:#d93a3a;--ob-red-dark:#c82f2f;--ob-green:#16a886;--ob-ink:#4d555d;--ob-line:#e4e7ea;--ob-bg:#f7f7f7;margin:0;background:var(--card);color:var(--ob-ink);font-family:Arial,Helvetica,sans-serif}
.home-ob-style *{box-sizing:border-box}.home-ob-style a{text-decoration:none}.ob-shell{width:min(1180px,calc(100% - 32px));margin:auto}
.ob-header-main{height:76px;background:var(--ob-red);color:#fff}.ob-header-row{height:100%;display:flex;align-items:center;justify-content:space-between}.ob-logo{color:#fff;font-weight:900;font-size:38px;letter-spacing:-2.4px;line-height:1}.ob-logo::first-letter{letter-spacing:-4px}.ob-mini-nav{display:flex;align-items:center;gap:15px;font-size:14px}.ob-mini-nav a{color:#fff}.ob-mini-nav span{height:22px;border-left:1px solid rgba(255,255,255,.45)}
.ob-servicebar{background:#f5f6f7;border-bottom:1px solid #ddd}.ob-services{display:flex;gap:14px;height:60px;align-items:center}.ob-service{border:1px solid #bdc2c7;background:var(--card);border-radius:22px;padding:10px 21px;color:#56616a;font-size:15px;cursor:pointer;min-width:120px}.ob-service b{margin-right:7px}.ob-service.isActive{background:var(--ob-red);border-color:var(--ob-red);color:#fff}
.ob-hero{background:linear-gradient(180deg,var(--ob-red) 0 94px,#fff 94px);padding:24px 0 30px}.ob-promo-title{color:#fff;font-size:30px;font-weight:800;margin:0 0 28px}.ob-promo-title span{font-size:38px;margin-left:8px}.ob-search-card,.ob-widget-card{background:var(--card);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.18);padding:15px}.ob-search-grid{display:grid;grid-template-columns:1.25fr 1.25fr .8fr 190px;align-items:stretch}.ob-field{min-height:88px;border:1px solid #eceeef;border-right:0;display:flex;align-items:center;padding:14px 18px;position:relative;background:#fbfbfb}.ob-field:first-child{border-radius:8px 0 0 8px}.ob-field-icon{font-size:13px;color:var(--ob-red);margin-right:13px}.ob-field-icon.pin{color:#78828b}.ob-field-icon.calendar{font-size:20px;color:#78828b}.ob-field-content{min-width:0;width:100%}.ob-field .label{display:block;color:#7b858e;font-size:12px;margin-bottom:5px}.ob-field .input{width:100%;border:0!important;outline:0;background:transparent;font-size:18px;font-weight:700;color:#40484f;padding:0}.ob-swap{position:absolute;right:-17px;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid #ccd1d5;background:var(--card);color:#737c84;cursor:pointer}.ob-search-btn{border:0;border-radius:0 8px 8px 0;background:var(--ob-green);color:#fff;font-size:19px;font-weight:800;cursor:pointer;min-height:88px}.ob-search-btn:hover{background:#119578}.ob-widget-card{min-height:120px}.home-ob-style .tabPane{margin:0}
.ob-section{padding:34px 0}.ob-section h1,.ob-section h2{text-align:center;color:#596168;font-weight:500}.ob-section h1{font-size:28px;margin:0 0 30px}.ob-section h2{font-size:25px;margin:0 0 25px}.ob-benefits{background:#fafafa}.ob-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ob-benefit-grid article{text-align:center;background:var(--card);border:1px solid #e8eaec;border-radius:8px;padding:26px 20px;min-height:260px}.ob-circle-icon{width:105px;height:105px;border:2px solid var(--ob-red);border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:42px;color:#505a65}.ob-benefit-grid h3{font-size:17px;color:#515961;margin:8px 0 10px}.ob-benefit-grid p{font-size:14px;line-height:1.55;color:#6d757c;margin:0}
.ob-routes-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:26px}.ob-route{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e3e5;padding:12px 0;color:#3f474d}.ob-route span{display:flex;flex-direction:column}.ob-route b{font-size:15px}.ob-route small{color:#8a9197;font-size:11px;margin-top:3px}.ob-route strong{font-size:17px;white-space:nowrap}.ob-route i{font-style:normal;color:var(--ob-red);font-size:26px;vertical-align:-2px}.ob-price-note{text-align:center;color:#92989e;font-size:11px;margin-top:18px}.ob-trust{background:#fafafa}.ob-trust-box{border:1px solid #dddfe1;border-radius:7px;background:var(--card);padding:18px;display:flex;align-items:center;gap:15px}.ob-trust-box p{margin:0;line-height:1.45;flex:1}.ob-trust-mark{width:44px;height:44px;border-radius:50%;background:#14b58c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px}.ob-trust-box span{font-size:25px;font-weight:800;color:var(--ob-red)}
.ob-destinations{padding-bottom:26px}.ob-city-links{display:flex;justify-content:center;flex-wrap:wrap}.ob-city-links a{color:#555e65;border-right:1px solid #bbb;padding:0 10px;margin:4px 0;font-size:14px}.ob-city-links a:last-child{border:0}.ob-seo{background:#fafafa}.ob-seo>.ob-shell>p{max-width:950px;margin:0 auto 24px;line-height:1.75;color:#666f76}.ob-faq{display:grid;gap:10px}.ob-faq details{background:var(--card);border:1px solid #e5e7e9;border-radius:6px;padding:17px 20px}.ob-faq summary{cursor:pointer;font-weight:600;color:#566069}.ob-faq p{margin:13px 0 0;line-height:1.6;color:#737b82}
.ob-footer{background:#f6f6f6;border-top:1px solid #e1e1e1}.ob-footer-top{min-height:76px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;border-bottom:1px solid #ddd}.ob-logo.footer{color:var(--ob-red);font-size:32px}.ob-footer-top div{text-align:center;color:#596168}.ob-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-top:32px;padding-bottom:32px}.ob-footer-grid h4{margin:0 0 13px;color:#565e64}.ob-footer-grid a{display:block;color:#727980;font-size:13px;margin:8px 0}.ob-footer-grid p{font-size:13px;line-height:1.6;color:#727980;margin:0}.ob-copyright{border-top:1px solid #ddd;padding:17px 0 24px;font-size:12px;color:#858b90}
@media(max-width:900px){.ob-mini-nav{display:none}.ob-header-main{height:65px}.ob-logo{font-size:32px}.ob-services{overflow-x:auto;height:56px}.ob-service{min-width:105px;padding:9px 14px}.ob-promo-title{font-size:23px}.ob-search-grid{grid-template-columns:1fr}.ob-field{border-right:1px solid #eceeef;border-bottom:0;min-height:76px}.ob-field:first-child{border-radius:8px 8px 0 0}.ob-swap{right:15px;bottom:-17px;top:auto;transform:rotate(90deg)}.ob-search-btn{border-radius:0 0 8px 8px;min-height:58px}.ob-benefit-grid{grid-template-columns:1fr 1fr}.ob-routes-grid{grid-template-columns:1fr 1fr}.ob-footer-top{grid-template-columns:1fr;padding:20px 0;gap:15px}.ob-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.ob-shell{width:min(100% - 20px,1180px)}.ob-services{gap:8px}.ob-service{font-size:13px}.ob-hero{padding-top:18px;background:linear-gradient(180deg,var(--ob-red) 0 76px,#fff 76px)}.ob-promo-title{font-size:19px;margin-bottom:20px}.ob-search-card{padding:9px}.ob-benefit-grid,.ob-routes-grid,.ob-footer-grid{grid-template-columns:1fr}.ob-benefit-grid article{min-height:auto}.ob-circle-icon{width:82px;height:82px;font-size:34px}.ob-section{padding:28px 0}.ob-section h1{font-size:23px}.ob-section h2{font-size:22px}.ob-trust-box{align-items:flex-start;flex-wrap:wrap}.ob-trust-box span{margin-left:59px}.ob-footer-top div{display:none}}


/* Flight widget: load only after the tab is visible and reserve enough space. */
#tab-flight .ob-widget-card{min-height:170px;overflow:visible;position:relative}
#tpwl-search,#tpwl-tickets{width:100%;max-width:100%}
.ob-widget-loading{min-height:138px;display:flex;align-items:center;justify-content:center;color:#6b747c;font-size:15px;text-align:center;padding:20px}
.ob-widget-loading[hidden]{display:none!important}
#tpwl-search:not(:empty) + #tpwl-tickets{margin-top:12px}
@media(max-width:580px){#tab-flight .ob-widget-card{min-height:220px;padding:10px}.ob-widget-loading{min-height:198px}}

/* ===== Obilet-inspired results page ===== */
.results-page{background:#f1f3f4;color:#56616a}
.results-page .container{max-width:1420px}
.resultsHeader{background:#d93636;color:#fff}
.resultsHeaderInner{max-width:1420px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.resultsLogo{font-size:42px;font-weight:900;letter-spacing:-2px;color:#fff}
.resultsHeaderNav{display:flex;align-items:center;gap:0;font-weight:700}
.resultsHeaderNav>*{padding:0 16px;border-right:1px solid rgba(255,255,255,.55)}
.resultsHeaderNav>*:last-child{border-right:0}
.serviceTabsBar{background:#f5f6f7;border-bottom:1px solid #d9dde0}
.serviceTabsInner{max-width:1420px;margin:auto;padding:14px 20px;display:flex;gap:20px;align-items:center}
.serviceTab{display:inline-flex;align-items:center;justify-content:center;min-width:130px;padding:12px 22px;border:1px solid #aeb5ba;border-radius:28px;font-size:18px;font-weight:800;background:var(--card);color:#5b666e}
.serviceTab.is-active{background:#d93636;color:#fff;border-color:#d93636}
.serviceTab.is-disabled{opacity:.85}
.resultsSearchBand{background:#626f75;padding:20px 0}
.resultsSearchWrap{margin:0;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
.resultsSearchWrap .searchRow{display:grid;grid-template-columns:1fr 1fr 1fr 180px;gap:14px}
.resultsSearchWrap .field{background:#738088;border:0;border-radius:6px;padding:11px 14px;color:#fff}
.resultsSearchWrap .label{display:none}
.resultsSearchWrap .input{color:#fff;font-size:17px}
.resultsSearchWrap input[type=date]{color-scheme:dark}
.resultsSearchWrap .searchBtn{border-radius:6px;background:#7d8a91;font-size:16px}
.resultsMain{padding-top:16px!important}
.resultsToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.sortControl{border:0;background:transparent;font-size:17px;color:#59656d;padding:8px 0}
.quickFilters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quickFilters button{border:1px solid #b8c0c5;background:var(--card);border-radius:22px;padding:9px 18px;font-size:16px;color:#5d6870;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.quickFilters .allFilters{background:#347faf;color:#fff;border-color:#347faf;border-radius:5px}
.promoStrip{background:var(--card);border:1px solid #e0e3e5;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:40px 10px 12px;position:relative;margin-bottom:20px}
.promoLabel{position:absolute;left:10px;top:8px;background:#626f75;color:#fff;border-radius:14px;padding:4px 10px;font-weight:800}
.promoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:960px}
.promoCard{background:#626f75;padding:8px;border-radius:3px;display:flex;flex-direction:column;gap:8px;text-align:center;color:#fff}
.promoCard b,.promoCard span{background:var(--card);color:#d93636;padding:12px;font-size:20px}
.promoCard strong{font-size:18px}
.promoCard span{color:#5d6870;font-size:16px;padding:7px}
.routeHeading{display:none!important}
#ajaxResults{display:flex;flex-direction:column;gap:16px;margin-top:0!important}
.obTripCard{background:var(--card);border:1px solid #dfe3e5;border-radius:10px;box-shadow:none;padding:0;overflow:hidden}
.obTripMain{display:grid;grid-template-columns:270px 170px 170px 1fr 220px;align-items:center;min-height:112px;padding:18px 14px;gap:16px}
.obCompany{display:flex;align-items:center;gap:12px}.obCompany .tlogo{width:110px;height:50px;border:0;border-radius:0}.companyName{font-weight:800;color:#3f4a50}
.obDeparture,.obSeat{display:flex;flex-direction:column;gap:10px}.obDeparture strong,.obSeat strong{font-size:22px;color:#3f4a50}.obDeparture span,.obSeat span{font-size:14px;color:#68747b}
.obRoute{display:flex;align-items:center;gap:14px;color:#68747b}.obRoute span{font-size:26px}.obRoute b{font-weight:500}
.obPrice{display:flex;align-items:center;justify-content:flex-end;gap:18px}.obPrice strong{font-size:27px;color:#3f4a50;white-space:nowrap}.selectSeat{background:#d93636;color:#fff;padding:12px 16px;border-radius:4px;font-weight:800;white-space:nowrap}
.obTripBottom{border-top:1px solid #e5e7e9;padding:8px 14px;display:flex;justify-content:space-between;color:#6a757c;font-size:14px}.obTripBottom button{border:0;background:transparent;color:#59656d;font-weight:700}
.results-page .site-footer{margin-top:42px}
@media(max-width:980px){.resultsHeaderNav{display:none}.resultsLogo{font-size:34px}.serviceTabsInner{overflow:auto;gap:10px}.serviceTab{min-width:auto;white-space:nowrap;padding:10px 16px}.resultsSearchWrap .searchRow{grid-template-columns:1fr}.resultsToolbar{align-items:flex-start;flex-direction:column}.quickFilters{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.promoGrid{grid-template-columns:1fr}.obTripMain{grid-template-columns:1fr 1fr}.obCompany{grid-column:1/-1}.obRoute{grid-column:1/-1}.obPrice{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.resultsHeaderInner{padding:12px 14px}.serviceTabsInner{padding:10px 14px}.resultsSearchBand{padding:14px 0}.promoStrip{display:none}.obTripMain{grid-template-columns:1fr}.obCompany,.obRoute,.obPrice{grid-column:auto}.obPrice{align-items:center}.selectSeat{flex:1;text-align:center}.quickFilters span{display:none}.obTripBottom span{display:none}.results-page .container{padding-left:12px;padding-right:12px}}

/* ===== Results page visual correction ===== */
.results-page{margin:0;background:#f4f5f6;color:#46515a;font-family:Arial,Helvetica,sans-serif}
.results-page *{box-sizing:border-box}
.results-page .container{width:min(100% - 32px,1410px);max-width:1410px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.resultsHeaderInner,.serviceTabsInner{width:min(100% - 32px,1410px);max-width:1410px}
.resultsHeader{height:86px;display:flex;align-items:center}
.resultsHeaderInner{padding:0;min-height:86px}
.resultsLogo{font-size:44px;line-height:1;text-transform:lowercase;text-decoration:none}
.resultsHeaderNav a{color:#fff;text-decoration:none}
.serviceTabsBar{background:#fff}
.serviceTabsInner{padding:14px 0}
.serviceTab{text-decoration:none}
.resultsSearchBand{background:#647178;padding:20px 0}
.resultsSearchForm{display:grid;grid-template-columns:minmax(220px,1fr) 42px minmax(220px,1fr) minmax(220px,.9fr) 190px;gap:10px;align-items:stretch}
.resultsField{background:#77838a;border-radius:6px;padding:8px 14px;min-height:62px;display:flex;flex-direction:column;justify-content:center}
.resultsFieldLabel{font-size:11px;color:#dce1e4;margin-bottom:4px;font-weight:700}
.resultsField .input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#fff!important;font-size:17px;font-weight:700;outline:none}
.resultsField .input::placeholder{color:#eef1f2;opacity:.8}
.resultsDateField input{color-scheme:dark}
.resultsSwap{border:0;background:transparent;color:#fff;font-size:25px;font-weight:900;cursor:pointer}
.resultsSearchButton{border:0;border-radius:6px;background:#839097;color:#fff;font-size:16px;font-weight:800;cursor:pointer;padding:0 18px}
.resultsSearchButton:hover{background:#748087}
.resultsMain{padding-top:20px!important}
.resultsToolbar{min-height:48px;margin:0 0 14px;padding:0 4px}
.promoStrip{border-radius:0;padding-top:40px}
#ajaxResults{gap:14px}
.obTripCard{border:1px solid #dce1e4;border-radius:9px;background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.02)}
.obTripMain{grid-template-columns:255px 155px 175px minmax(250px,1fr) 275px;min-height:124px;padding:16px 18px;gap:20px}
.obCompany{min-width:0}.obCompany .tlogo{width:110px;height:58px;object-fit:contain;background:#fafafa;padding:5px}.companyName{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obDeparture strong,.obSeat strong{font-size:23px;line-height:1;color:#35424a}.clockIcon{font-size:20px}.obDeparture span,.obSeat span{font-size:14px;line-height:1.35;color:#68747b}
.obRoute{min-width:0;gap:12px}.obRoute span{font-size:30px;color:#68747b}.obRoute b{font-size:16px;color:#59656d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obPrice{gap:20px}.obPrice strong{font-size:27px}.selectSeat{text-decoration:none;padding:14px 20px;border-radius:5px;font-size:15px}
.obTripBottom{min-height:38px;align-items:center;padding:8px 18px;justify-content:flex-end;gap:18px}.obTripBottom span{margin-right:auto}.obTripBottom button{cursor:pointer}
@media(max-width:1100px){.obTripMain{grid-template-columns:210px 145px 155px 1fr 230px;gap:12px}.obCompany .tlogo{width:82px}.obPrice{gap:10px}.selectSeat{padding:12px 14px}}
@media(max-width:900px){.results-page .container,.resultsHeaderInner,.serviceTabsInner{width:min(100% - 24px,1410px)}.resultsSearchForm{grid-template-columns:1fr 38px 1fr}.resultsDateField{grid-column:1/3}.resultsSearchButton{grid-column:3/4}.obTripMain{grid-template-columns:1fr 1fr}.obCompany{grid-column:1/-1}.obRoute{grid-column:1/2}.obPrice{grid-column:2/3}.obTripBottom{justify-content:space-between}}
@media(max-width:620px){.resultsHeader{height:66px}.resultsHeaderInner{min-height:66px}.resultsLogo{font-size:34px}.serviceTabsInner{padding:10px 0}.resultsSearchForm{grid-template-columns:1fr}.resultsSwap{display:none}.resultsDateField,.resultsSearchButton{grid-column:auto}.resultsSearchButton{min-height:50px}.resultsToolbar{display:none}.resultsMain{padding-top:14px!important}.obTripMain{display:grid;grid-template-columns:1fr 1fr;padding:14px;min-height:0;gap:16px 10px}.obCompany{grid-column:1/-1}.obCompany .tlogo{width:92px;height:48px}.obDeparture,.obSeat{grid-column:auto}.obRoute{grid-column:1/-1}.obPrice{grid-column:1/-1;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:13px}.selectSeat{flex:0 0 auto}.obTripBottom{padding:7px 14px}.obTripBottom span{display:block}.promoStrip{display:none}}

.obTripBottom .tripDetailLink{border:0;background:transparent;color:#59656d;font-weight:700;text-decoration:none;cursor:pointer}.obTripBottom .tripDetailLink:hover{color:#d93636}

/* Full result-card click target: always uses the same out.php URL as Koltuğu Seç */
.obTripCard{position:relative}
.tripCardClickArea{position:absolute;inset:0;z-index:1;display:block;text-decoration:none}
.obTripMain,.obTripBottom{position:relative;z-index:2;pointer-events:none}
.obTripCard a.selectSeat,.obTripCard a.tripDetailLink{position:relative;z-index:3;pointer-events:auto}
.obTripCard:hover{border-color:#c8ced2;box-shadow:0 3px 10px rgba(0,0,0,.06)}

/* ===== Mobile homepage promo title overflow fix ===== */
@media (max-width: 580px) {
  .home-ob-style .ob-hero {
    position: relative;
    overflow: visible;
    background: #fff !important;
    padding: 0 0 30px;
  }

  .home-ob-style .ob-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 148px;
    background: var(--ob-red);
  }

  .home-ob-style .ob-hero > .ob-shell {
    position: relative;
    z-index: 1;
  }

  .home-ob-style .ob-promo-title {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 58px;
    padding-top: 30px;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
    white-space: normal;
    overflow: visible;
    overflow-wrap: break-word;
  }

  .home-ob-style .ob-promo-title span {
    display: none;
  }
}

/* ===== Autocomplete visibility and stacking fix ===== */
.home-ob-style .ob-hero,
.home-ob-style .ob-shell,
.home-ob-style #tab-bus,
.home-ob-style .ob-search-card,
.home-ob-style .searchWrap,
.home-ob-style #ajaxSearchForm,
.home-ob-style .ob-search-grid,
.home-ob-style .searchRow {
  overflow: visible !important;
}

.home-ob-style .ob-search-card,
.home-ob-style .searchWrap {
  position: relative;
  z-index: 100;
}

.home-ob-style .ob-field.field {
  overflow: visible !important;
}

.home-ob-style .ac-list {
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  min-width: 100%;
  max-height: 340px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 100000 !important;
  padding: 6px !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(25,35,45,.20) !important;
}

.home-ob-style .ac-head {
  padding: 9px 10px 6px !important;
}

.home-ob-style .ac-body {
  padding: 2px !important;
}

.home-ob-style .ac-row {
  padding: 11px 10px !important;
  border-radius: 9px !important;
}

.home-ob-style .ac-row.is-active,
.home-ob-style .ac-row:hover {
  background: #f1f5f9 !important;
}

@media (max-width: 900px) {
  .home-ob-style .ac-list {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    max-height: 280px;
  }
}

/* ===== Flight (Uçak) widget — real Travelpayouts form, retheme'd via
   shadow-DOM style injection in app.js (see injectShadowTheme). The card
   itself gets the same navy background as the bus form's search card so
   the gaps between the widget's own white/blue segments read as navy
   gutters instead of white ones. */
#tab-flight .ob-widget-card{
  padding:16px;
  background:linear-gradient(135deg,var(--brand-navy,#0b2b59),var(--brand-navy-2,#08295b)) !important;
  border:1px solid var(--brand-navy,#0b2b59) !important;
}


/* Safe company logo fallback: presentation only, no API/lib dependency */
.obCompany .companyLogoFallback{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f6fb;
  border:1px solid #d9dee8;
  color:#364152;
  font-size:24px;
  font-weight:800;
  line-height:1;
}


/* Dark theme overrides */
.topbar,.hero,.searchWrap,.heroArt,.nav .pill,.btn-ghost,.swap,.acBox,.card,.section,.box{
  color:var(--text);
}
.searchWrap,.heroArt,.nav .pill,.btn-ghost,.swap,.acBox{
  background:var(--card)!important;
  border-color:var(--line)!important;
}
.input{color:var(--text)}
.label,.sub,.nav{color:var(--muted)}

/* =========================================================
   BILETTIR PREMIUM NAVY THEME — #051C40
   Unified homepage, results, content pages and footer palette.
   ========================================================= */
:root{
  --brand-navy:#051C40;
  --brand-navy-2:#08295b;
  --brand-navy-3:#0d3975;
  --brand-accent:#2f80ed;
  --brand-accent-hover:#1f6fd4;
  --brand-cyan:#55c7f3;
  --brand-surface:#ffffff;
  --brand-soft:#f4f7fb;
  --brand-border:#dbe4f0;
  --brand-text:#10233f;
  --brand-muted:#677892;
}

/* Shared light-premium foundation */
body{background:var(--brand-soft);color:var(--brand-text)}
::selection{background:rgba(47,128,237,.22)}
:focus-visible{outline:3px solid rgba(85,199,243,.45);outline-offset:2px}

/* Homepage */
.home-ob-style{
  --ob-red:var(--brand-navy);
  --ob-red-dark:#03152f;
  --ob-green:var(--brand-accent);
  --ob-ink:var(--brand-text);
  --ob-line:var(--brand-border);
  --ob-bg:var(--brand-soft);
  background:var(--brand-surface);
  color:var(--brand-text);
}
.home-ob-style .ob-header-main{
  background:linear-gradient(110deg,var(--brand-navy) 0%,var(--brand-navy-2) 68%,var(--brand-navy-3) 100%);
  box-shadow:0 8px 28px rgba(5,28,64,.18);
}
.home-ob-style .ob-logo{letter-spacing:-2px;text-shadow:0 2px 10px rgba(0,0,0,.12)}
.home-ob-style .ob-servicebar{background:#fff;border-color:var(--brand-border)}
.home-ob-style .ob-service{background:#fff;border-color:#cbd7e6;color:#40536e;transition:.2s ease}
.home-ob-style .ob-service:hover{border-color:var(--brand-accent);color:var(--brand-navy);transform:translateY(-1px)}
.home-ob-style .ob-service.isActive{background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:0 8px 20px rgba(5,28,64,.18)}
.home-ob-style .ob-hero{background:linear-gradient(180deg,var(--brand-navy) 0 94px,#fff 94px)}
.home-ob-style .ob-promo-title{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.16)}
.home-ob-style .ob-search-card,
.home-ob-style .ob-widget-card{
  background:#fff;
  border:1px solid rgba(219,228,240,.95);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(5,28,64,.16);
}
.home-ob-style .ob-field{background:#fbfdff;border-color:var(--brand-border)}
.home-ob-style .ob-field-icon{color:var(--brand-accent)}
.home-ob-style .ob-field-icon.pin,
.home-ob-style .ob-field-icon.calendar{color:#71839c}
.home-ob-style .ob-field .label{color:#71839c}
.home-ob-style .ob-field .input{color:var(--brand-text)}
.home-ob-style .ob-swap{background:#fff;border-color:#c8d5e5;color:var(--brand-navy);box-shadow:0 5px 16px rgba(5,28,64,.14)}
.home-ob-style .ob-search-btn{background:linear-gradient(135deg,var(--brand-accent),#1769c2);box-shadow:inset 0 1px rgba(255,255,255,.18)}
.home-ob-style .ob-search-btn:hover{background:linear-gradient(135deg,var(--brand-accent-hover),#145cad)}
.home-ob-style .ob-benefits,.home-ob-style .ob-trust,.home-ob-style .ob-seo{background:var(--brand-soft)}
.home-ob-style .ob-section h1,.home-ob-style .ob-section h2{color:var(--brand-navy);font-weight:700}
.home-ob-style .ob-benefit-grid article,
.home-ob-style .ob-trust-box,
.home-ob-style .ob-faq details{background:#fff;border-color:var(--brand-border);box-shadow:0 8px 26px rgba(5,28,64,.05)}
.home-ob-style .ob-circle-icon{border-color:var(--brand-accent);color:var(--brand-navy);background:linear-gradient(145deg,#fff,#eef5ff)}
.home-ob-style .ob-benefit-grid h3,.home-ob-style .ob-faq summary{color:var(--brand-navy)}
.home-ob-style .ob-benefit-grid p,.home-ob-style .ob-seo>.ob-shell>p,.home-ob-style .ob-faq p{color:var(--brand-muted)}
.home-ob-style .ob-route{border-color:var(--brand-border);color:var(--brand-text)}
.home-ob-style .ob-route i{color:var(--brand-accent)}
.home-ob-style .ob-trust-mark{background:var(--brand-accent)}
.home-ob-style .ob-trust-box span{color:var(--brand-navy)}
.home-ob-style .ob-city-links a{color:#526580;border-color:#ccd7e4}
.home-ob-style .ob-footer{background:var(--brand-navy);border-color:#17365f;color:#dce8f8}
.home-ob-style .ob-footer-top,.home-ob-style .ob-copyright{border-color:rgba(255,255,255,.13)}
.home-ob-style .ob-logo.footer{color:#fff}
.home-ob-style .ob-footer-top div,.home-ob-style .ob-footer-grid h4{color:#fff}
.home-ob-style .ob-footer-grid a,.home-ob-style .ob-footer-grid p,.home-ob-style .ob-copyright{color:#b9c9dd}
.home-ob-style .ob-footer-grid a:hover{color:#fff}

/* Autocomplete */
.home-ob-style .ac-list{background:#fff!important;border:1px solid var(--brand-border)!important}
.home-ob-style .ac-head-title,.home-ob-style .ac-name{color:var(--brand-text)!important}
.home-ob-style .ac-sub,.home-ob-style .ac-empty{color:var(--brand-muted)!important}
.home-ob-style .ac-pin{background:#e9f3ff!important}
.home-ob-style .ac-pin::after{background:var(--brand-accent)!important}
.home-ob-style .ac-row:hover,.home-ob-style .ac-row.is-active{background:#eef5ff!important}

/* Results header, search and cards */
.results-page{background:#eef2f7;color:var(--brand-text)}
.resultsHeader{background:linear-gradient(110deg,var(--brand-navy),var(--brand-navy-2))}
.resultsHeaderNav a:hover{color:var(--brand-cyan)}
.serviceTabsBar{background:#fff;border-color:var(--brand-border)}
.serviceTab{background:#fff;border-color:#c4d0df;color:#4a5d76}
.serviceTab.is-active{background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:0 7px 18px rgba(5,28,64,.16)}
.resultsSearchBand{background:#0b2b59}
.resultsField{background:#153b6d;border:1px solid rgba(255,255,255,.13)}
.resultsFieldLabel{color:#b8cbe2}
.resultsSearchButton{background:var(--brand-accent)}
.resultsSearchButton:hover{background:var(--brand-accent-hover)}
.obTripCard{background:#fff;border-color:var(--brand-border);box-shadow:0 8px 24px rgba(5,28,64,.06)}
.obTripCard:hover{border-color:#9fb4cf;box-shadow:0 12px 30px rgba(5,28,64,.11);transform:translateY(-1px)}
.companyName,.obDeparture strong,.obSeat strong,.obPrice strong{color:var(--brand-navy)}
.obDeparture span,.obSeat span,.obRoute,.obRoute b,.obTripBottom,.obTripBottom .tripDetailLink{color:var(--brand-muted)}
.selectSeat{background:var(--brand-accent);border-radius:8px;box-shadow:0 7px 18px rgba(47,128,237,.22)}
.selectSeat:hover{background:var(--brand-accent-hover)}
.obTripBottom .tripDetailLink:hover{color:var(--brand-accent)}
.obCompany .companyLogoFallback{background:#eef4fb;border-color:var(--brand-border);color:var(--brand-navy)}

/* Generic content pages: override legacy inline white cards consistently */
body:not(.home-ob-style):not(.results-page) .card,
body:not(.home-ob-style):not(.results-page) .step,
body:not(.home-ob-style):not(.results-page) .panel,
body:not(.home-ob-style):not(.results-page) .box{
  background:#fff!important;
  color:var(--brand-text)!important;
  border-color:var(--brand-border)!important;
  box-shadow:0 12px 34px rgba(5,28,64,.08)!important;
}
body:not(.home-ob-style):not(.results-page) .btn,
body:not(.home-ob-style):not(.results-page) button[type=submit]{background:var(--brand-accent)!important;color:#fff!important}
body:not(.home-ob-style):not(.results-page) .btn:hover,
body:not(.home-ob-style):not(.results-page) button[type=submit]:hover{background:var(--brand-accent-hover)!important}

/* Shared footer */
.site-footer{background:var(--brand-navy)!important;color:#dce8f8!important;border-top:0!important}
.site-footer .footer-logo,.site-footer h3,.site-footer h4{color:#fff!important}
.site-footer a,.site-footer p,.site-footer .footer-desc,.site-footer .footer-legal{color:#b9c9dd!important}
.site-footer a:hover{color:#fff!important}
.footer-bottom{background:#03152f!important;color:#9fb2ca!important}

@media(max-width:580px){
  .home-ob-style .ob-hero{background:#fff!important}
  .home-ob-style .ob-hero::before{background:linear-gradient(140deg,var(--brand-navy),var(--brand-navy-2))!important}
  .home-ob-style .ob-search-card{border-radius:14px}
}

/* Kuponly Bilet integration */
:root{--kuponly-orange:#f05a28;--kuponly-ink:#111827;--kuponly-line:#e5e7eb;--kuponly-soft:#dff2f4}
.site-header.kuponly-ticket-header{background:#fff;border-bottom:1px solid var(--kuponly-line);position:relative;z-index:50}
.kuponly-top-nav{display:flex;align-items:center;gap:34px;min-height:54px;border-bottom:1px solid #edf0f4;overflow-x:auto;scrollbar-width:none}
.kuponly-top-nav::-webkit-scrollbar{display:none}
.kuponly-top-nav a{position:relative;display:flex;align-items:center;min-height:54px;text-decoration:none;color:#334155;font-size:17px;font-weight:800;white-space:nowrap;padding:0 2px}
.kuponly-top-nav a.active{color:var(--kuponly-ink)}
.kuponly-top-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--kuponly-orange);border-radius:5px 5px 0 0}
.kuponly-ticket-brandrow{min-height:88px;display:flex;align-items:center;gap:18px}
.kuponly-ticket-logo img{display:block;height:54px;width:auto;max-width:175px;object-fit:contain}
.kuponly-ticket-label{font-size:20px;font-weight:950;color:var(--kuponly-ink);padding-left:18px;border-left:1px solid var(--kuponly-line)}
.kuponly-ticket-brandrow .ob-mini-nav{margin-left:auto}
.ob-servicebar{background:#fff;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
.ob-service{color:#334155}.ob-service.isActive{color:var(--kuponly-orange);border-bottom-color:var(--kuponly-orange)}
.ob-hero{background:linear-gradient(180deg,var(--kuponly-soft),#eef9fa)}
.ob-promo-title span,.ob-search-btn{background:var(--kuponly-orange)!important}
.ob-search-btn:hover{filter:brightness(.96)}
.ob-field:focus-within{border-color:var(--kuponly-orange);box-shadow:0 0 0 3px rgba(240,90,40,.12)}
.kuponly-footer-logo img{height:44px;width:auto;object-fit:contain}
.resultsLogo img{height:44px;width:auto;object-fit:contain}
@media(max-width:760px){
 .kuponly-top-nav{min-height:48px;gap:24px}
 .kuponly-top-nav a{min-height:48px;font-size:15px}
 .kuponly-ticket-brandrow{min-height:auto;padding:12px 0;flex-wrap:wrap;gap:10px}
 .kuponly-ticket-logo img{height:44px;max-width:145px}
 .kuponly-ticket-label{font-size:17px;padding-left:12px}
 .kuponly-ticket-brandrow .ob-mini-nav{display:none}
 .ob-services{overflow-x:auto;justify-content:flex-start}
 .ob-service{flex:0 0 auto;min-width:110px}
}

/* =========================================================
   KUPONLY BILET - RESULTS THEME
   ========================================================= */
.kuponly-ticket-page{--kb-orange:#f05a28;--kb-orange-dark:#df4819;--kb-text:#172033;--kb-muted:#667085;--kb-line:#e6e9ef;--kb-soft:#f7f8fa;--kb-shadow:0 8px 28px rgba(23,32,51,.08);margin:0;background:#f6f7f9!important;color:var(--kb-text)!important;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.kuponly-ticket-page *{box-sizing:border-box}
.kb-container{width:min(100% - 32px,1200px);margin:0 auto}
.kb-site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--kb-line)}
.kb-top-nav{display:flex;align-items:center;gap:34px;min-height:52px;border-bottom:1px solid #edf0f4;overflow-x:auto;scrollbar-width:none}
.kb-top-nav::-webkit-scrollbar{display:none}.kb-top-nav a{position:relative;display:flex;align-items:center;min-height:52px;padding:0 2px;color:#334155!important;text-decoration:none;font-size:16px;font-weight:800;white-space:nowrap}.kb-top-nav a.active{color:#111827!important}.kb-top-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--kb-orange);border-radius:4px 4px 0 0}
.kb-brand-row{min-height:82px;display:flex;align-items:center;gap:20px}.kb-logo{display:flex}.kb-logo img{height:53px;width:auto;max-width:175px;object-fit:contain}.kb-ticket-label{display:flex;align-items:center;gap:8px;border-left:1px solid var(--kb-line);padding-left:20px;font-size:18px;color:var(--kb-text)}.kb-back{margin-left:auto;padding:11px 17px;border:1px solid var(--kb-line);border-radius:999px;background:#fff;color:var(--kb-text)!important;font-weight:800;text-decoration:none}.kb-back:hover{border-color:var(--kb-orange);color:var(--kb-orange)!important}
.kb-search-section{background:#fff;padding:28px 0 32px;border-bottom:1px solid var(--kb-line)}.kb-search-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.kb-eyebrow{display:block;color:var(--kb-orange);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.kb-search-heading h1{margin:0;color:var(--kb-text);font-size:30px;line-height:1.2;letter-spacing:-.4px}.kb-date-chip{flex:0 0 auto;background:#fff5f1;border:1px solid #ffd9cc;color:#b63d17;border-radius:999px;padding:9px 14px;font-weight:800}
.kuponly-ticket-page .resultsSearchForm{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) minmax(190px,.72fr) 170px;gap:10px;align-items:stretch;background:var(--kb-soft);padding:12px;border:1px solid var(--kb-line);border-radius:18px;box-shadow:none}.kuponly-ticket-page .resultsField{position:relative;background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:12px!important;padding:9px 14px!important;color:var(--kb-text)!important;min-height:62px}.kuponly-ticket-page .resultsFieldLabel{display:block;color:var(--kb-muted)!important;font-size:11px;font-weight:800;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.kuponly-ticket-page .resultsField .input{width:100%;border:0!important;background:transparent!important;color:var(--kb-text)!important;font-size:16px!important;font-weight:800!important;outline:none;padding:0!important;height:auto!important}.kuponly-ticket-page .resultsField:focus-within{border-color:var(--kb-orange)!important;box-shadow:0 0 0 3px rgba(240,90,40,.10)}.kuponly-ticket-page .resultsSwap{align-self:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--kb-line);background:#fff;color:var(--kb-orange);font-size:19px;font-weight:900;cursor:pointer}.kuponly-ticket-page .resultsSearchButton{border:0;border-radius:12px;background:var(--kb-orange)!important;color:#fff;font-size:15px;font-weight:900;cursor:pointer;padding:0 16px;box-shadow:0 7px 16px rgba(240,90,40,.20)}.kuponly-ticket-page .resultsSearchButton:hover{background:var(--kb-orange-dark)!important}
.kb-results-main{padding:30px 0 54px;min-height:430px}.kb-results-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.kb-results-title h2{margin:0 0 5px;color:var(--kb-text);font-size:24px;letter-spacing:-.25px}.kb-results-title p{margin:0;color:var(--kb-muted);font-size:14px}.kb-secure-note{color:#536073;font-size:13px;font-weight:700}.kb-results-list{display:flex;flex-direction:column;gap:14px}
.kuponly-ticket-page .tripCard,.kuponly-ticket-page .obTripCard{position:relative;background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:16px!important;box-shadow:0 4px 18px rgba(23,32,51,.055)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kuponly-ticket-page .tripCard:hover{transform:translateY(-2px);border-color:#ffd2c3!important;box-shadow:var(--kb-shadow)!important}.kuponly-ticket-page .obTripMain{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(120px,.75fr) minmax(150px,.9fr) minmax(150px,1fr) minmax(170px,.85fr);align-items:center;gap:18px;padding:20px 22px!important;min-height:112px}.kuponly-ticket-page .obCompany{display:flex;align-items:center;gap:13px}.kuponly-ticket-page .obCompany .tlogo{width:62px!important;height:46px!important;border:1px solid var(--kb-line)!important;border-radius:10px!important;background:#fff!important;object-fit:contain;padding:5px;color:var(--kb-orange)!important;font-weight:900}.kuponly-ticket-page .companyName{color:var(--kb-text)!important;font-size:15px;font-weight:900;line-height:1.3}.kuponly-ticket-page .obDeparture strong{display:block;color:var(--kb-text)!important;font-size:23px!important}.kuponly-ticket-page .obDeparture span,.kuponly-ticket-page .obSeat span,.kuponly-ticket-page .obRoute,.kuponly-ticket-page .obRoute b{color:var(--kb-muted)!important;font-size:12px!important}.kuponly-ticket-page .obSeat strong{display:block;color:#354052!important;font-size:14px;margin-bottom:5px}.kuponly-ticket-page .obRoute b{font-size:13px!important}.kuponly-ticket-page .obPrice{display:flex;align-items:center;justify-content:flex-end;gap:14px}.kuponly-ticket-page .obPrice>strong{color:var(--kb-text)!important;font-size:22px!important;font-weight:950;white-space:nowrap}.kuponly-ticket-page .selectSeat{display:inline-flex!important;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:10px!important;background:var(--kb-orange)!important;color:#fff!important;text-decoration:none;font-size:12px!important;font-weight:900!important;white-space:nowrap;box-shadow:none!important}.kuponly-ticket-page .selectSeat:hover{background:var(--kb-orange-dark)!important}.kuponly-ticket-page .obTripBottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f3!important;background:#fbfbfc!important;padding:9px 22px!important;color:var(--kb-muted)!important;font-size:12px}.kuponly-ticket-page .tripDetailLink{color:var(--kb-orange)!important;font-weight:800!important}.kuponly-ticket-page .empty{background:#fff;border:1px solid var(--kb-line);border-radius:16px;padding:26px;color:var(--kb-muted);text-align:center;box-shadow:0 4px 18px rgba(23,32,51,.04)}
.kuponly-ticket-page .ac-list,.kuponly-ticket-page .acBox{background:#fff!important;color:var(--kb-text)!important;border:1px solid var(--kb-line)!important;border-radius:14px!important;box-shadow:0 20px 45px rgba(23,32,51,.16)!important}.kuponly-ticket-page .acItem:hover,.kuponly-ticket-page .acItem.active{background:#fff5f1!important}.kuponly-ticket-page .acMeta{color:var(--kb-muted)!important}
.kb-footer{background:#fff;border-top:1px solid var(--kb-line);color:var(--kb-muted)}.kb-footer-grid{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:50px;padding-top:38px;padding-bottom:32px}.kb-footer-logo{height:45px;width:auto;margin-bottom:12px}.kb-footer p{max-width:440px;margin:0;line-height:1.7;font-size:14px}.kb-footer h4{margin:0 0 14px;color:var(--kb-text);font-size:15px}.kb-footer a{display:block;color:var(--kb-muted)!important;text-decoration:none;margin:9px 0;font-size:14px}.kb-footer a:hover{color:var(--kb-orange)!important}.kb-footer-bottom{border-top:1px solid var(--kb-line);padding:17px 16px;text-align:center;font-size:12px}
@media(max-width:980px){.kuponly-ticket-page .resultsSearchForm{grid-template-columns:1fr 38px 1fr}.kuponly-ticket-page .resultsDateField{grid-column:1/3}.kuponly-ticket-page .resultsSearchButton{grid-column:3/4;min-height:62px}.kuponly-ticket-page .obTripMain{grid-template-columns:1fr 1fr}.kuponly-ticket-page .obCompany{grid-column:1/-1}.kuponly-ticket-page .obRoute{grid-column:1/2}.kuponly-ticket-page .obPrice{grid-column:2/3}.kb-footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px}}
@media(max-width:620px){.kb-container{width:min(100% - 24px,1200px)}.kb-top-nav{gap:24px;min-height:47px}.kb-top-nav a{min-height:47px;font-size:14px}.kb-brand-row{min-height:auto;padding:11px 0;gap:10px;flex-wrap:wrap}.kb-logo img{height:43px;max-width:145px}.kb-ticket-label{padding-left:12px;font-size:15px}.kb-back{margin-left:auto;padding:8px 11px;font-size:12px}.kb-search-section{padding:20px 0 22px}.kb-search-heading{align-items:flex-start}.kb-search-heading h1{font-size:22px}.kb-date-chip{font-size:12px;padding:7px 10px}.kuponly-ticket-page .resultsSearchForm{grid-template-columns:1fr;padding:10px;border-radius:15px}.kuponly-ticket-page .resultsSwap{display:none}.kuponly-ticket-page .resultsDateField,.kuponly-ticket-page .resultsSearchButton{grid-column:auto}.kuponly-ticket-page .resultsSearchButton{min-height:52px}.kb-results-main{padding:22px 0 40px}.kb-results-title{align-items:flex-start}.kb-results-title h2{font-size:19px}.kb-secure-note{display:none}.kuponly-ticket-page .obTripMain{grid-template-columns:1fr 1fr!important;padding:15px!important;gap:16px 10px!important}.kuponly-ticket-page .obCompany{grid-column:1/-1}.kuponly-ticket-page .obDeparture,.kuponly-ticket-page .obSeat{grid-column:auto}.kuponly-ticket-page .obRoute{grid-column:1/-1}.kuponly-ticket-page .obPrice{grid-column:1/-1;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:13px}.kuponly-ticket-page .obPrice>strong{font-size:21px!important}.kuponly-ticket-page .selectSeat{min-height:40px;padding:0 14px}.kuponly-ticket-page .obTripBottom{padding:8px 15px!important}.kb-footer-grid{grid-template-columns:1fr;gap:24px;padding-top:30px}.kb-footer-grid>div:first-child{padding-bottom:4px}}