/*
 * Öne çıkanlar (Tip 1) — ölçümler `data/mobil-anasayfa-one-cikanlar.md`
 * (mobil.pdf s1, y 2342.58–2733.76; 360pt artboard, 1pt = 1px).
 *
 *   başlık        13pt Gilroy-Bold #000, ORTALI, karta 11.81 kalıyor
 *   kart          306.62 × 363.28, köşe ~17, kenarlık 1.35 #9D9D9C
 *   metin şeridi  38.57 yüksek, beyaz, 13pt Bold ortalı
 *   görsel alanı  303.93 × ~322 → oran 0.944
 *   kart konumu   sol 28.05 · sağ 25.34 → ORTALI
 *   komşular      solda 21.16, sağda 17.33 görünüyor; aralar 6.89 / 8.01
 *
 * "Sağ ve solda kayacak görseller": şeride yan boşluk verilip kartlar
 * `scroll-snap-align: center` ile ortalanıyor. Böylece İLK kart da ortada
 * duruyor ve solunda boşluk kalıyor — `start` hizalamasıyla ilk kart sola
 * yapışır, tasarımın simetrisi bozulurdu.
 */

.cc_jcmnugos_ibHF3lyzSn .ms-oc {
  margin-top: var(--ms-oc-must, 0);
  /* Başlık ortalaması burada da yazılı: temanın başlıklara uyguladığı geniş
     reset (`button, h1..h6, input… { … text-align: unset … }`) bir gün
     bizim kuralı geçerse metin yine ortada kalsın. */
  text-align: center;
}

.cc_jcmnugos_ibHF3lyzSn .ms-oc-baslik {
  display: block;
  width: 100%;
  margin: 0 0 var(--ms-oc-baslik-ara, 12px);
  color: var(--ms-oc-baslik-renk, #000);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.cc_jcmnugos_ibHF3lyzSn .ms-oc-serit {
  display: flex;
  /* şerit metni miras alan ortalamadan etkilenmesin */
  text-align: left;
  gap: var(--ms-oc-ara, 8px);
  padding: 0 var(--ms-oc-kenar, 26px);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.cc_jcmnugos_ibHF3lyzSn .ms-oc-serit::-webkit-scrollbar {
  display: none;
}

/* ikas her çocuğu `display: contents` sarmalayıcıya sarıyor; seçici gerçek
   öğeye bakmalı (aynı tuzağa slider ve kaydırmalı gridde de düşülmüştü). */
.cc_jcmnugos_ibHF3lyzSn .ms-oc-serit .ms-oc-kart {
  /*
   * `100%` şeridin İÇ KUTUSUNA göre çözülüyor ve o kutu yan boşluğu zaten
   * dışlıyor (2 × kenar). Kartın istenen genişliği de tam olarak o:
   * ekran − 2 × kenar. Yani `calc(100% - 2*kenar)` YANLIŞ, boşluk iki kez
   * düşülüyor (430'da kart 326 çıkmıştı, olması gereken 378).
   */
  flex: 0 0 100%;
  scroll-snap-align: center;
}

@media (min-width: 1024px) {
  .cc_jcmnugos_ibHF3lyzSn .ms-oc {
    margin-top: var(--ms-oc-ust, 0);
  }
}