/*
 * Ürün listesi bölümü — canlı miniso.com.tr'den ölçüldü.
 * Kaynak: cikti/miniso.com.tr/brief/INDEX-03-dc96f118.md
 *
 *                    w1440                       w360
 * kök (s1569/s128)   1440×1009.03                360×763.20
 * mt (s1570/s129)    32px, overflow hidden       32px
 * justpx (s1571/130) padding 0 80px  → 1280      padding 0 16px → 328
 * kap (s1572/s131)   flex col, radius 8px        aynı
 *
 * Yatay boşluk 1024px'te değişiyor: w768'de 16px (736 içerik),
 * w1024'te 80px (864 içerik). Temanın `lg` kırılımı 1024.
 */

.cc_jcmnugos_gQQdKFncGC .ms-ul {
  width: 100%;
  margin-top: var(--ms-ul-must, 32px);
  overflow: hidden;
}

/* justpx — ölçülen dış kenar boşluğu */
.cc_jcmnugos_gQQdKFncGC .ms-ul-govde {
  box-sizing: border-box;
  padding: 0 var(--ms-bosluk-kenar);
}

/* s1572 — iç kapsayıcı: dikey akış, 8px yarıçap */
.cc_jcmnugos_gQQdKFncGC .ms-ul-kap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: var(--ms-ul-mek-pad, 0px);
  box-sizing: border-box;
  border-radius: var(--ms-yaricap-2);
}

/* Başlık canlı sitede bu 9 yerleşimde boş; dolu kullanımlar için duruyor. */
/*
 * Başlık — canlı ürün sayfasından ölçüldü (brief/PRODUCT-04, s1240/s647/s648).
 * Ana sayfadaki üç listede başlık boş olduğu için bu blok hiç doğrulanmamıştı.
 *
 *   kap     1120×68, ortalı, padding 16px 0, gap 24
 *   metin   30px / 36, ağırlık 500, ORTALI
 *   mobil   328×72 (iki satır), aynı tipografi
 *
 * Renk mağazanın kendi HTML'inden geliyor (`<font color>`), o yüzden burada
 * renk YAZILMIYOR — yazılsaydı merchant'ın rengini ezerdi.
 */
.cc_jcmnugos_gQQdKFncGC .ms-ul-baslik {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
}

.cc_jcmnugos_gQQdKFncGC .ms-ul-baslik * {
  line-height: 36px;
}

@media (min-width: 1024px) {
  .cc_jcmnugos_gQQdKFncGC .ms-ul {
    margin-top: var(--ms-ul-ust, 32px);
  }

  .cc_jcmnugos_gQQdKFncGC .ms-ul-govde {
    padding: 0 var(--ms-bosluk-kenar-genis);
  }

  .cc_jcmnugos_gQQdKFncGC .ms-ul-kap {
    padding: var(--ms-ul-ek-pad, 0px);
  }
}