/* ============================================================
   TaksimTransfer V7.3.1 – Home Vehicle Fleet UIX
   Sadece anasayfadaki Araçlarımız bölümünü etkiler.
   V7.3.0 rezervasyon kutusuna dokunmaz.
   ============================================================ */

.vehicle-fleet-v731{
  padding:58px 0 64px!important;
  background:#fff!important;
}
.vehicle-fleet-heading-v731{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:24px!important;
}
.vehicle-fleet-heading-v731 h2{
  margin:7px 0 5px!important;
}
.vehicle-fleet-heading-v731 p{
  margin:0!important;
}
.vehicle-fleet-heading-v731>a{
  white-space:nowrap!important;
  align-self:center!important;
}

.vehicle-fleet-grid-v731{
  display:grid!important;
  grid-template-columns:1fr 1fr 1.35fr!important;
  gap:18px!important;
  align-items:stretch!important;
}

/* Vehicle cards */
.vehicle-card-v731{
  border:1px solid #dfe7f0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(16,49,84,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.vehicle-photo-v731{
  position:relative!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#eef3f8!important;
}
.vehicle-photo-v731 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.vehicle-photo-badge-v731{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(7,47,86,.84)!important;
  color:#fff!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.vehicle-content-v731{
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
}
.vehicle-title-line-v731{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.vehicle-title-line-v731 small{
  display:block!important;
  margin-bottom:4px!important;
  color:#1680ef!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
.vehicle-title-line-v731 h3{
  margin:0!important;
  color:#102844!important;
  font-size:21px!important;
  line-height:1.1!important;
}
.vehicle-live-v731{
  flex:0 0 auto!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  background:#eaf8f1!important;
  color:#168455!important;
  font-size:8px!important;
  font-weight:900!important;
}
.vehicle-capacity-v731{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:15px 0 13px!important;
}
.vehicle-capacity-v731 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 8px!important;
  border:1px solid #e3eaf2!important;
  border-radius:9px!important;
  background:#f7fafe!important;
  color:#61748a!important;
  font-size:9px!important;
  font-weight:700!important;
}
.vehicle-capacity-v731 b{
  color:#1579e8!important;
}
.vehicle-content-v731 p{
  margin:0 0 16px!important;
  color:#74849a!important;
  font-size:10.5px!important;
  line-height:1.6!important;
}
.vehicle-detail-btn-v731{
  margin-top:auto!important;
  min-height:40px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:10px!important;
  background:#0b315a!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.vehicle-detail-btn-v731:hover{
  background:#0d4f89!important;
}

/* Guide */
.vehicle-guide-v731{
  position:relative!important;
  min-height:100%!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.96) 55%,rgba(255,255,255,.12) 100%),
    url('/assets/img/vehicle-interior-v721.png') center right/cover no-repeat!important;
  border:1px solid #dfe7f0!important;
  box-shadow:0 12px 30px rgba(16,49,84,.07)!important;
}
.vehicle-guide-overlay-v731{
  width:62%!important;
  min-height:100%!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
}
.vehicle-guide-overlay-v731>span{
  color:#1680ef!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.vehicle-guide-overlay-v731 h3{
  margin:7px 0 7px!important;
  color:#102844!important;
  font-size:23px!important;
  line-height:1.08!important;
}
.vehicle-guide-overlay-v731 p{
  margin:0 0 16px!important;
  color:#6e7f93!important;
  font-size:10.5px!important;
  line-height:1.6!important;
}
.vehicle-guide-options-v731{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin-bottom:14px!important;
}
.vehicle-guide-options-v731>div{
  padding:11px!important;
  border:1px solid #dfe8f1!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.92)!important;
}
.vehicle-guide-options-v731 b{
  display:block!important;
  margin-bottom:3px!important;
  color:#1478e6!important;
  font-size:8px!important;
}
.vehicle-guide-options-v731 strong{
  display:block!important;
  color:#102844!important;
  font-size:11px!important;
}
.vehicle-guide-options-v731 small{
  display:block!important;
  margin-top:4px!important;
  color:#7a899b!important;
  font-size:7.8px!important;
  line-height:1.4!important;
}
.vehicle-guide-overlay-v731 ul{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px 10px!important;
  margin:0 0 17px!important;
  padding:0!important;
  list-style:none!important;
}
.vehicle-guide-overlay-v731 li{
  color:#264a6d!important;
  font-size:9px!important;
  font-weight:700!important;
}
.vehicle-guide-overlay-v731>a{
  margin-top:auto!important;
  align-self:flex-start!important;
  padding:10px 13px!important;
  border-radius:9px!important;
  background:#157cef!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
}

@media(max-width:1100px){
  .vehicle-fleet-grid-v731{
    grid-template-columns:1fr 1fr!important;
  }
  .vehicle-guide-v731{
    grid-column:1/-1!important;
    min-height:330px!important;
  }
}
@media(max-width:700px){
  .vehicle-fleet-heading-v731{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .vehicle-fleet-grid-v731{
    grid-template-columns:1fr!important;
  }
  .vehicle-guide-v731{
    grid-column:auto!important;
    min-height:auto!important;
    background:#fff!important;
  }
  .vehicle-guide-overlay-v731{
    width:100%!important;
    padding:20px!important;
  }
  .vehicle-guide-options-v731,
  .vehicle-guide-overlay-v731 ul{
    grid-template-columns:1fr!important;
  }
}