/* YourTourGPT v649 — onaylı alt vitrin, ayrı dosya: eski CSS bunu ezemez. */

/* Partner rezervasyon notu */
.ortaklar-bolumu .ortaklar-not,
.ortaklar-not{
  color:#234457 !important;
  font-weight:750 !important;
}

/* Sesli rehber: mobilde tek büyük yatay kart + sonraki karttan pay */
#wgtBolum.vitrin-yeni #wgtSerit{
  display:flex !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  gap:14px !important;
  scrollbar-width:none;
}
#wgtBolum.vitrin-yeni #wgtSerit::-webkit-scrollbar{display:none}
#wgtBolum.vitrin-yeni #wgtSerit > .urun-kart{
  flex:0 0 calc((100% - 28px)/3) !important;
  min-width:0 !important;
  max-width:none !important;
  scroll-snap-align:start !important;
}
#wgtBolum.vitrin-yeni .urun-gorsel{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/10 !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#f3f7f8 !important;
}
#wgtBolum.vitrin-yeni .urun-gorsel img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
}
#wgtBolum.vitrin-yeni .saglayici-rozet{display:none !important}

/* Başlık/fiyat ritmi: referans önizlemedeki daha hafif görünüm */
#wgtBolum.vitrin-yeni .urun-baslik{
  font-size:18px !important;
  font-weight:650 !important;
  line-height:1.22 !important;
  letter-spacing:-.025em !important;
}
#wgtBolum.vitrin-yeni .urun-puan{font-size:12px !important;font-weight:400 !important;color:#87939d !important}
#wgtBolum.vitrin-yeni .urun-fiyat{font-size:17px !important;font-weight:750 !important}
#wgtBolum.vitrin-yeni .urun-fiyat small{font-weight:500 !important}

/* Popüler destinasyon: zoom/blur yok. */
#sehirler.vitrin-yeni .sehir-gorsel img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  image-rendering:auto !important;
}

@media(max-width:800px){
  #wgtBolum.vitrin-yeni{
    padding-left:16px !important;
    padding-right:0 !important;
  }
  #wgtBolum.vitrin-yeni .section-heading{padding-right:16px !important}
  #wgtBolum.vitrin-yeni #wgtSerit{
    margin:0 !important;
    padding:0 16px 10px 0 !important;
    gap:12px !important;
  }
  #wgtBolum.vitrin-yeni #wgtSerit > .urun-kart{
    flex:0 0 84% !important;
    width:84% !important;
    max-width:84% !important;
  }
  #wgtBolum.vitrin-yeni .urun-gorsel{aspect-ratio:16/10 !important}

  /* Şehir kartı yeterince büyük ama düşük çözünürlüğü gereksiz şişirmiyor. */
  #sehirler.vitrin-yeni .sehir-kart{
    flex:0 0 58% !important;
    max-width:58% !important;
  }
}

/* Referans önizlemedeki başlık-sağ aksiyonu. */
.vitrin-yeni .section-heading{align-items:flex-end !important}
.vitrin-yeni .vitrin-baslik-aksiyon{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:10px 15px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#eef5f6 !important;
  color:#1d5960 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
@media(max-width:800px){
  .vitrin-yeni .vitrin-baslik-aksiyon{
    padding:9px 13px !important;
    font-size:12px !important;
  }
  #sehirler.vitrin-yeni .sehir-kart{
    flex-basis:62% !important;
    max-width:62% !important;
  }
}

/* V650 — TABLET ANA SAYFA: telefon korunur, 700–1366px tablet yeniden ölçeklenir. */
@media (min-width:700px) and (max-width:1366px){
  /* Tablet artık masaüstünün küçültülmüş hali değil: okunaklı 2 kolonlu vitrin. */
  body.home-page .content-section,
  body:not(.urun-body):not(.plan-body):not(.rota-body) .content-section{
    width:min(1120px,calc(100% - 64px)) !important;
  }

  .vitrin-yeni .section-heading{margin-bottom:22px !important;gap:24px !important}
  .vitrin-yeni .section-heading h2{
    font-size:clamp(30px,3.25vw,42px) !important;
    line-height:1.06 !important;
    letter-spacing:-.035em !important;
  }
  .vitrin-yeni .kicker{font-size:11px !important;letter-spacing:.16em !important}

  /* Yakındaki destinasyonlar / popüler destinasyonlar: iki güçlü kart. */
  #yakin.vitrin-yeni .serit,
  #sehirler.vitrin-yeni .serit{gap:22px !important}
  #yakin.vitrin-yeni .sehir-kart,
  #sehirler.vitrin-yeni .sehir-kart{
    flex:0 0 calc((100% - 22px)/2) !important;
    max-width:calc((100% - 22px)/2) !important;
  }
  #yakin.vitrin-yeni .sehir-gorsel,
  #sehirler.vitrin-yeni .sehir-gorsel{
    height:auto !important;
    aspect-ratio:16/10 !important;
  }
  #yakin.vitrin-yeni .sehir-govde b,
  #sehirler.vitrin-yeni .sehir-govde b{font-size:22px !important;line-height:1.12 !important}
  #yakin.vitrin-yeni .sehir-govde span,
  #sehirler.vitrin-yeni .sehir-govde span{font-size:14px !important;line-height:1.4 !important}

  /* Sesli rehber: tablette 2 kart. Masaüstündeki 3 minicik kart görünümü kaldırıldı. */
  #wgtBolum.vitrin-yeni #wgtSerit{gap:22px !important}
  #wgtBolum.vitrin-yeni #wgtSerit > .urun-kart{
    flex:0 0 calc((100% - 22px)/2) !important;
    width:calc((100% - 22px)/2) !important;
    max-width:calc((100% - 22px)/2) !important;
  }
  #wgtBolum.vitrin-yeni .urun-gorsel{aspect-ratio:16/9 !important;border-radius:22px !important}
  #wgtBolum.vitrin-yeni .urun-baslik{font-size:20px !important;line-height:1.2 !important}
  #wgtBolum.vitrin-yeni .urun-fiyat{font-size:20px !important}

  /* Partner logoları tablette sayfanın ortasında minik kalmasın. */
  .ortaklar-bolumu .ortak-serit{gap:0 !important}
  .ortaklar-bolumu .ortak-kutu{padding:15px 20px !important}
  .ortaklar-bolumu .ortak-kutu img{max-width:132px !important;max-height:34px !important}
  .ortaklar-bolumu .ortak-kutu-adet{font-size:12px !important}
  .ortaklar-bolumu .ortak-kutu-ok{font-size:13px !important}
  .ortaklar-bolumu .ortaklar-not{font-size:14px !important;line-height:1.4 !important}
}

@media (min-width:700px) and (max-width:1366px) and (orientation:landscape){
  /* Hero, tablet yatayda ekranı kaplamaz; 16:9 banner gibi davranır. */
  .hero-gorsel-kaydirici,
  .hero-gorsel-kaydirici.hero-oran-wide,
  .hero-gorsel-kaydirici.hero-oran-rent{
    width:min(1120px,calc(100vw - 64px)) !important;
    max-width:1120px !important;
    aspect-ratio:16/9 !important;
    max-height:none !important;
    margin:0 auto !important;
  }
  .hero-zemin{object-fit:cover !important;object-position:center !important}
}

@media (min-width:700px) and (max-width:900px) and (orientation:portrait){
  body.home-page .content-section,
  body:not(.urun-body):not(.plan-body):not(.rota-body) .content-section{
    width:calc(100% - 44px) !important;
  }
  #yakin.vitrin-yeni .sehir-kart,
  #sehirler.vitrin-yeni .sehir-kart,
  #wgtBolum.vitrin-yeni #wgtSerit > .urun-kart{
    flex-basis:72% !important;
    width:72% !important;
    max-width:72% !important;
  }
}