
/* V7.2.7 — Onaylanan görseldeki şehir transfer kartları */
.city-transfer-v727{
  padding-top:58px!important;
  padding-bottom:62px!important;
  background:#fff!important;
}
.city-heading-v727{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:26px!important;
}
.city-heading-v727 h2{
  margin:7px 0 6px!important;
}
.city-heading-v727 p{
  margin:0!important;
}
.city-heading-v727>a{
  white-space:nowrap!important;
  align-self:center!important;
}

.city-carousel-v727{
  position:relative!important;
}
.city-viewport-v727{
  overflow:hidden!important;
  width:100%!important;
}
.city-track-v727{
  display:flex!important;
  align-items:stretch!important;
  gap:16px!important;
  transition:transform .42s ease!important;
  will-change:transform!important;
}
.city-card-v727{
  flex:0 0 calc((100% - 64px)/5)!important;
  min-width:0!important;
  border:1px solid #dbe6f1!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(18,54,91,.06)!important;
  display:flex!important;
  flex-direction:column!important;
}
.city-card-head-v727{
  min-height:62px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  background:#fff!important;
}
.city-pin-v727{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#eaf5ff!important;
  color:#147be8!important;
}
.city-eyebrow-v727{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  color:#0e7be8!important;
  text-align:left!important;
}
.city-image-v727{
  aspect-ratio:1.72/1!important;
  overflow:hidden!important;
  background:#eef4f9!important;
  margin:0 12px!important;
  border-radius:11px!important;
}
.city-image-v727 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.city-info-v727{
  padding:14px 14px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  min-height:178px!important;
}
.city-info-v727 h3{
  margin:0 0 8px!important;
  font-size:19px!important;
  line-height:1.1!important;
  color:#112746!important;
}
.city-info-v727 strong{
  margin:0 0 7px!important;
  font-size:20px!important;
  color:#0872c8!important;
}
.city-duration-v727{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-bottom:15px!important;
  font-size:12px!important;
  color:#61748a!important;
}
.city-info-v727 a{
  margin-top:auto!important;
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#0964a3!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
.city-info-v727 a:hover{
  background:#084f82!important;
}

.city-nav-v727{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  border:1px solid #dce6f0!important;
  background:#fff!important;
  color:#0b67a9!important;
  box-shadow:0 10px 28px rgba(25,60,96,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  line-height:1!important;
  z-index:5!important;
  cursor:pointer!important;
}
.city-prev-v727{left:-24px!important}
.city-next-v727{right:-24px!important}
.city-nav-v727:disabled{
  opacity:.35!important;
  cursor:default!important;
}

.city-dots-v727{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:24px!important;
}
.city-dots-v727 button{
  width:9px!important;
  height:9px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#dbe3ec!important;
  cursor:pointer!important;
}
.city-dots-v727 button.active{
  width:12px!important;
  height:12px!important;
  background:#0d78c7!important;
}

@media(max-width:1100px){
  .city-card-v727{flex-basis:calc((100% - 32px)/3)!important}
}
@media(max-width:760px){
  .city-heading-v727{align-items:flex-start!important;flex-direction:column!important}
  .city-card-v727{flex-basis:calc((100% - 16px)/2)!important}
  .city-prev-v727{left:-10px!important}
  .city-next-v727{right:-10px!important}
}
@media(max-width:520px){
  .city-card-v727{flex-basis:100%!important}
  .city-card-head-v727{min-height:58px!important}
}
