/*
 * Öne çıkanlar kartı — ölçümler `data/mobil-anasayfa-one-cikanlar.md`.
 * Kutu genişliğini bölüm veriyor; burada kartın kendi düzeni var.
 */

.cc_jcmnugos_HafyE0qxJ0 .ms-oc-kart {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ms-oc-kenarlik, #9d9d9c);
  border-radius: var(--ms-oc-yaricap, 16px);
  background-color: var(--ms-oc-zemin, #fff);
  text-decoration: none;
}

.cc_jcmnugos_HafyE0qxJ0 .ms-oc-gorsel-alan {
  display: block;
  aspect-ratio: var(--ms-oc-oran, 304 / 322);
  overflow: hidden;
}

.cc_jcmnugos_HafyE0qxJ0 .ms-oc-gorsel {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_jcmnugos_HafyE0qxJ0 .ms-oc-metin {
  display: flex;
  align-items: center;
  justify-content: center;
  /* sabit yükseklik: metni uzun olan kart komşusundan uzun kalmasın */
  height: var(--ms-oc-metin-yuk, 40px);
  padding: 0 12px;
  color: var(--ms-oc-metin-renk, #000);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1024px) {
  .cc_jcmnugos_HafyE0qxJ0 .ms-oc-gorsel-alan {
    aspect-ratio: var(--ms-oc-oran-web, var(--ms-oc-oran, 304 / 322));
  }
}