/*
 * Kaydırmalı görsel şeridi — ölçümler `data/mobil-anasayfa-kaydirmali-grid.md`
 * (mobil.pdf s1, y 817.87–1192.21; 360pt artboard, 1pt = 1px).
 *
 *   bölüm zemini   #F9F9F9, tam genişlik, yükseklik 374.34
 *   üst iç boşluk  21.88   ·  alt iç boşluk (bar altı) 10.31
 *   kart           314.75 × 330  (oran 0.954), köşe ~10
 *   kenar          9.75    ·  kartlar arası 11.25
 *   sonrakinden görünen  24.25
 *   bar            338.75 × 1.33, x 13.58'de başlıyor
 *   tutamak        58.51 geniş, #575756
 *
 * Kart genişliği SÜTUN SAYISINDAN türemiyor: "bir tam kart + sonrakinden bir
 * parça" düzeni sütunla ifade edilemiyor. Genişlik doğrudan yazılıyor:
 *   100% − kenar − sızma − ara
 */

.cc_jcmnugos_xn5b4fuI5j .ms-kg {
  margin-top: var(--ms-kg-must, 0);
  padding-top: var(--ms-kg-ic-ust, 22px);
  padding-bottom: var(--ms-kg-ic-alt, 10px);
  overflow: hidden;
}

.cc_jcmnugos_xn5b4fuI5j .ms-kg-serit {
  display: flex;
  gap: var(--ms-kg-ara, 12px);
  padding: 0 var(--ms-kg-kenar, 10px);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  /* şeridin kendi kaydırma çubuğu gizli — altında tasarımın çubuğu var */
  scrollbar-width: none;
  /* fare ile sürüklerken metin/görsel seçilmesin */
  user-select: none;
}

.cc_jcmnugos_xn5b4fuI5j .ms-kg-serit::-webkit-scrollbar {
  display: none;
}

/*
 * ikas her çocuğu `display: contents` sarmalayıcıya sarıyor; seçici doğrudan
 * çocuğa değil GERÇEK öğeye bakmalı (aynı tuzağa slider'da düşülmüştü).
 */
.cc_jcmnugos_xn5b4fuI5j .ms-kg-serit .ms-afis {
  flex: 0 0 auto;
  /*
   * `100%` şeridin İÇ KUTUSUNA göre çözülüyor ve o kutu kenar boşluğunu
   * zaten dışlıyor (sol + sağ = 2 × kenar). Tasarımın ilişkisi ise ekran
   * genişliğine göre: genişlik = ekran − kenar − sızma − ara.
   * İkisini eşitlemek için kenar bir kez geri ekleniyor:
   *   (ekran − 2×kenar) + kenar − sızma − ara = ekran − kenar − sızma − ara
   */
  width: calc(100% + var(--ms-kg-kenar, 10px) - var(--ms-kg-sizma, 24px) - var(--ms-kg-ara, 12px));
  scroll-snap-align: start;
}

.cc_jcmnugos_xn5b4fuI5j .ms-kg-serit .ms-afis-gorsel-alan {
  aspect-ratio: var(--ms-kg-oran, 315 / 330);
  border-radius: var(--ms-kg-yaricap, 10px);
  overflow: hidden;
}

/* snap hedefi PADDING kenarına hizalanıyor: `scroll-padding` olmazsa tarayıcı
   açılışta kenar boşluğunu kaydırıp gizliyor (slider'da ölçülmüştü). */
.cc_jcmnugos_xn5b4fuI5j .ms-kg-serit {
  scroll-padding-left: var(--ms-kg-kenar, 10px);
}

.cc_jcmnugos_xn5b4fuI5j .ms-kg-bar {
  margin: 11px var(--ms-kg-cubuk-kenar, 13.5px) 0;
  height: 2px;
  border-radius: 999px;
  background-color: #e3e3e3;
  overflow: hidden;
}

/*
 * Tasarımda çizgi 1.33 kalınlığında. 2 çiziliyor: 1.33 aygıt pikseline
 * oturmuyor, düşük DPR'de kayboluyor yüksekte tozlu görünüyor. Sapma
 * bilinçli ve `data/mobil-standart.md` ızgarasıyla uyumlu.
 */
.cc_jcmnugos_xn5b4fuI5j .ms-kg-tutamak {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #575756;
}

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

  .cc_jcmnugos_xn5b4fuI5j .ms-kg-serit .ms-afis-gorsel-alan {
    aspect-ratio: var(--ms-kg-oran-web, var(--ms-kg-oran, 315 / 330));
  }
}