
/* ============================================================
   TaksimTransfer V7.2.9 — Frontend UIX Suite
   Boxed V7.2.8 yapısını bozmadan iç sayfaları tek tasarım diline alır
   ============================================================ */

:root{
  --uix-navy:#0b315a;
  --uix-navy-2:#123f70;
  --uix-blue:#147cf0;
  --uix-sky:#eef6ff;
  --uix-bg:#f5f8fc;
  --uix-line:#dfe7f0;
  --uix-text:#102844;
  --uix-muted:#738399;
  --uix-green:#178555;
  --uix-card-radius:18px;
  --uix-shadow:0 12px 34px rgba(17,52,88,.07);
}

/* ---------- Shared inner page hero ---------- */
.inner-hero{
  background:linear-gradient(115deg,#0b315a 0%,#0d579e 60%,#1580ef 100%)!important;
  padding:54px 0!important;
  color:#fff!important;
  border-bottom:0!important;
}
.inner-hero .container{position:relative!important}
.inner-hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.11)!important;
  color:#dcecff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.inner-hero h1{
  margin:13px 0 9px!important;
  color:#fff!important;
  font-size:42px!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.inner-hero p{
  max-width:760px!important;
  margin:0!important;
  color:#d7e7f7!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.inner-shell{
  padding:52px 0 62px!important;
  background:var(--uix-bg)!important;
}
.section-title-center{
  max-width:760px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
}
.section-title-center>span,.airport-section-title>span,.section-heading span{
  color:var(--uix-blue)!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
  font-weight:900!important;
}
.section-title-center h2,.airport-section-title h2{
  margin:8px 0!important;
  color:var(--uix-text)!important;
  font-size:31px!important;
  line-height:1.12!important;
}
.section-title-center p,.airport-section-title p{color:var(--uix-muted)!important}

/* ---------- Araçlar page ---------- */
.vehicle-uix-hero{padding:52px 0!important}
.vehicle-uix-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.vehicle-uix-hero-pills span{
  padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;
  background:rgba(255,255,255,.07);font-size:10px;font-weight:800;color:#fff
}
.vehicle-uix-shell{background:#f5f8fc!important}
.vehicle-uix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vehicle-uix-card{
  background:#fff;border:1px solid var(--uix-line);border-radius:20px;overflow:hidden;
  box-shadow:var(--uix-shadow);transition:transform .2s ease,box-shadow .2s ease
}
.vehicle-uix-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(17,52,88,.11)}
.vehicle-uix-media{position:relative;aspect-ratio:16/8.4;background:#edf3f8;overflow:hidden}
.vehicle-uix-media img{width:100%;height:100%;display:block;object-fit:cover}
.vehicle-uix-badge{
  position:absolute;top:14px;left:14px;background:rgba(8,50,91,.86);color:#fff;
  padding:7px 10px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em
}
.vehicle-uix-body{padding:20px}
.vehicle-uix-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.vehicle-uix-head small{font-size:8px;color:var(--uix-blue);font-weight:900;letter-spacing:.11em}
.vehicle-uix-head h3{margin:4px 0 0;color:var(--uix-text);font-size:23px}
.vehicle-uix-status{white-space:nowrap;padding:6px 9px;border-radius:999px;background:#eaf8f1;color:var(--uix-green);font-size:9px;font-weight:900}
.vehicle-uix-desc{margin:13px 0 16px;color:var(--uix-muted);font-size:12px;line-height:1.6}
.vehicle-uix-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.vehicle-uix-specs>div{display:flex;align-items:center;gap:9px;padding:11px;background:#f7fafe;border:1px solid #e7edf4;border-radius:12px}
.vehicle-uix-specs b{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:9px;background:#eaf5ff;color:var(--uix-blue);font-size:14px}
.vehicle-uix-specs span{display:flex;flex-direction:column}
.vehicle-uix-specs small{font-size:8px;color:#8796a8}
.vehicle-uix-specs strong{font-size:12px;color:var(--uix-text)}
.vehicle-uix-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;margin-top:17px;border-top:1px solid #edf1f6}
.vehicle-uix-footer>span{font-size:10px;color:#8594a6}
.vehicle-uix-footer a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:var(--uix-navy);color:#fff;border-radius:9px;font-size:10px;font-weight:900}
.vehicle-uix-guide{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:22px;padding:24px 26px;
  background:linear-gradient(105deg,#0a3159,#0c5a9d);border-radius:18px;color:#fff;box-shadow:var(--uix-shadow)
}
.vehicle-uix-guide-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.12);font-size:24px;font-weight:900}
.vehicle-uix-guide small{font-size:8px;font-weight:900;letter-spacing:.13em;color:#9dccff}
.vehicle-uix-guide h3{margin:5px 0 5px;font-size:20px}
.vehicle-uix-guide p{margin:0;color:#d7e7f6;font-size:11px}
.vehicle-uix-guide>a{white-space:nowrap;padding:12px 16px;border-radius:10px;background:#fff;color:#123d68;font-size:10px;font-weight:900}
.vehicle-uix-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.vehicle-uix-trust article{padding:18px;background:#fff;border:1px solid var(--uix-line);border-radius:15px}
.vehicle-uix-trust b{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:#eaf5ff;color:var(--uix-blue);font-size:10px}
.vehicle-uix-trust h3{margin:10px 0 5px;font-size:14px;color:var(--uix-text)}
.vehicle-uix-trust p{margin:0;font-size:10px;color:var(--uix-muted);line-height:1.55}

/* ---------- Services ---------- */
.service-pro-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important
}
.service-pro-card{
  min-height:260px!important;padding:24px!important;background:#fff!important;border:1px solid var(--uix-line)!important;
  border-radius:18px!important;box-shadow:var(--uix-shadow)!important;display:flex!important;flex-direction:column!important
}
.service-pro-card .icon{
  width:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:13px!important;background:#eaf5ff!important;color:var(--uix-blue)!important;font-weight:900!important;margin-bottom:16px!important
}
.service-pro-card h3{font-size:18px!important;color:var(--uix-text)!important;margin:0 0 9px!important}
.service-pro-card p{color:var(--uix-muted)!important;font-size:12px!important;line-height:1.65!important}
.service-pro-card a{margin-top:auto!important;color:#0b67a8!important;font-size:11px!important;font-weight:900!important}

/* ---------- Regions ---------- */
.region-pro-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important
}
.region-pro-card{
  border:1px solid var(--uix-line)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--uix-shadow)!important
}
.region-pro-card>img{width:100%!important;height:170px!important;object-fit:cover!important;display:block!important}
.region-pro-card>div{padding:18px!important}
.region-pro-card h3{margin:0 0 7px!important;color:var(--uix-text)!important;font-size:18px!important}
.region-pro-card p{color:var(--uix-muted)!important;font-size:11px!important;line-height:1.6!important}
.region-pro-card a{display:inline-flex!important;margin-top:10px!important;padding:9px 11px!important;border-radius:8px!important;background:#eef6ff!important;color:#0c6fc2!important;font-size:10px!important;font-weight:900!important}

/* ---------- About ---------- */
.about-premium-hero,.contact-premium-hero{
  border-radius:0!important;background:linear-gradient(115deg,#0b315a,#0c5b9f)!important
}
.about-section{padding:58px 0!important}
.about-section.soft{background:#f4f8fc!important}
.about-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.about-value{
  background:#fff!important;border:1px solid var(--uix-line)!important;border-radius:16px!important;padding:20px!important;box-shadow:var(--uix-shadow)!important
}
.about-value .icon{background:#eaf5ff!important;color:var(--uix-blue)!important;border-radius:10px!important}
.about-list>div{border-radius:12px!important;background:#f7fafe!important;border:1px solid #e7edf4!important}

/* ---------- Contact ---------- */
.contact-premium{background:#f5f8fc!important;padding:54px 0 62px!important}
.contact-layout{gap:18px!important}
.contact-panel,.contact-side,.contact-info-card{
  background:#fff!important;border:1px solid var(--uix-line)!important;border-radius:18px!important;box-shadow:var(--uix-shadow)!important
}
.contact-panel{padding:24px!important}
.contact-form-grid input,.contact-form-grid textarea,.contact-form-grid select{
  border:1px solid #dfe7f0!important;border-radius:10px!important;background:#fbfdff!important;min-height:44px!important
}
.contact-submit{border-radius:10px!important;background:var(--uix-blue)!important}
.contact-map{border-radius:16px!important;overflow:hidden!important;border:1px solid var(--uix-line)!important}

/* ---------- FAQ ---------- */
.faq-modern{max-width:900px!important;margin:0 auto!important}
.faq-modern details{
  margin-bottom:10px!important;border:1px solid var(--uix-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,55,92,.04)!important;overflow:hidden!important
}
.faq-modern summary{padding:17px 19px!important;color:var(--uix-text)!important;font-weight:800!important}
.faq-modern details>div,.faq-modern details>p{padding:0 19px 17px!important;color:var(--uix-muted)!important;line-height:1.7!important}

/* ---------- Legal pages ---------- */
.legal-modern{
  max-width:940px!important;margin:0 auto!important;background:#fff!important;border:1px solid var(--uix-line)!important;
  border-radius:18px!important;padding:28px!important;box-shadow:var(--uix-shadow)!important
}
.legal-modern h2,.legal-modern h3{color:var(--uix-text)!important}
.legal-modern p,.legal-modern li{color:#65788e!important;line-height:1.75!important}

/* ---------- Vehicle detail / Service detail ---------- */
.vehicle-detail-shell,.service-detail-main{background:#f5f8fc!important}
.vehicle-info-block,.vehicle-book-card,.service-content-card,.service-book-card{
  border:1px solid var(--uix-line)!important;border-radius:18px!important;box-shadow:var(--uix-shadow)!important;background:#fff!important
}
.vehicle-feature-grid article,.service-benefit-grid article,.vehicle-why-grid article,.service-related-card{
  border:1px solid var(--uix-line)!important;border-radius:14px!important;background:#fff!important
}
.vehicle-primary-cta,.service-book-card .cta{border-radius:10px!important;background:var(--uix-blue)!important}

/* ---------- Shared CTA ---------- */
.airport-bottom-box{
  border-radius:18px!important;background:linear-gradient(105deg,#0a3159,#0c5a9d)!important;box-shadow:var(--uix-shadow)!important
}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .vehicle-uix-grid,.service-pro-grid,.region-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vehicle-uix-trust{grid-template-columns:repeat(2,1fr)}
  .vehicle-uix-guide{grid-template-columns:auto 1fr}.vehicle-uix-guide>a{grid-column:1/-1;justify-self:start}
}
@media(max-width:700px){
  .inner-hero{padding:40px 0!important}.inner-hero h1{font-size:34px!important}
  .vehicle-uix-grid,.service-pro-grid,.region-pro-grid,.about-values{grid-template-columns:1fr!important}
  .vehicle-uix-specs{grid-template-columns:1fr!important}
  .vehicle-uix-footer{align-items:flex-start;flex-direction:column}
  .vehicle-uix-guide{grid-template-columns:1fr}.vehicle-uix-guide-icon{width:46px;height:46px}
  .vehicle-uix-trust{grid-template-columns:1fr!important}
  .region-pro-card>img{height:190px!important}
  .legal-modern{padding:20px!important}
}
