/* V7.2.8 — Şehir kartları: görselsiz, okunaklı, alt hizalı */
.city-transfer-v728{
  padding:56px 0 62px!important;
  background:#fff!important;
}
.city-heading-v728{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:24px!important;
  margin-bottom:26px!important;
}
.city-heading-v728 h2{margin:7px 0 6px!important}
.city-heading-v728 p{margin:0!important}
.city-heading-v728>a{white-space:nowrap!important;align-self:center!important}

.city-carousel-v728{
  position:relative!important;
}
.city-viewport-v728{
  width:100%!important;
  overflow:hidden!important;
}
.city-track-v728{
  display:flex!important;
  gap:16px!important;
  align-items:stretch!important;
  transition:transform .4s ease!important;
  will-change:transform!important;
}
.city-card-v728{
  position:relative!important;
  flex:0 0 calc((100% - 64px)/5)!important;
  min-width:0!important;
  min-height:285px!important;
  padding:18px 16px 16px!important;
  border:1px solid #dce7f2!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(24,57,91,.055)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.city-icon-v728{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eaf5ff!important;
  color:#147be8!important;
}
.city-label-v728{
  min-height:44px!important;
  padding-left:58px!important;
  display:flex!important;
  align-items:center!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#147be8!important;
}
.city-copy-v728{
  flex:1!important;
  min-height:0!important;
  padding:58px 4px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:center!important;
}
.city-copy-v728 h3{
  margin:0 0 10px!important;
  font-size:24px!important;
  line-height:1.08!important;
  color:#102846!important;
}
.city-copy-v728 strong{
  margin:0 0 8px!important;
  font-size:22px!important;
  line-height:1!important;
  color:#0872c8!important;
}
.city-time-v728{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:12px!important;
  color:#6d7f93!important;
}
.city-book-v728{
  min-height:42px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:#0964a3!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
.city-book-v728:hover{background:#084f82!important}

.city-nav-v728{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid #dce7f2!important;
  background:#fff!important;
  color:#0b67a9!important;
  box-shadow:0 10px 26px rgba(22,55,88,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:5!important;
  font-size:30px!important;
  cursor:pointer!important;
}
.city-nav-v728.prev{left:-19px!important}
.city-nav-v728.next{right:-19px!important}
.city-nav-v728:disabled{opacity:.32!important;cursor:default!important}

.city-dots-v728{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:20px!important;
}
.city-dots-v728 button{
  width:8px!important;
  height:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#dce4ec!important;
}
.city-dots-v728 button.active{
  width:11px!important;
  height:11px!important;
  background:#1179c6!important;
}

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