/* Tema tabanı (token'lar + tipografi). `global.css` YAYINA GİRMİYOR —
   bkz. theme-base.css başlığı. Bölüm CSS'i giriyor, o yüzden buradan. */
/* theme-base: global.css (yayinda listener.css) uzerinden gelir — bkz. global.css basligi */

.cc_MSI3fYnLer_features .kombos-features {
  width: 100%;
  /* Bölüm kendi zeminini çizer — kod bileşenleri `body`/sayfa zeminini
     boyayamaz, CLI o kuralları düşürür (bkz. global.css başlığı). */
  background: var(--kombos-bg);
  color: var(--kombos-gray-900);
  /* Prototip .trust-band: üstte ince çizgi */
  border-top: 1px solid var(--kombos-line);
}

.cc_MSI3fYnLer_features .kombos-features__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 1rem;
}

.cc_MSI3fYnLer_features .kombos-features__container > * > * > * {
  width: calc(50% - 0.75rem);
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .cc_MSI3fYnLer_features .kombos-features__container > * > * > * {
    width: calc(33.33% - 1rem);
  }
}

@media (min-width: 768px) {
  .cc_MSI3fYnLer_features .kombos-features__container {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cc_MSI3fYnLer_features .kombos-features__container {
    padding: 3rem 4.5rem;
  }

  .cc_MSI3fYnLer_features .kombos-features__container > * > * > * {
    width: auto;
    flex: 1 0 calc(16.66% - 1.25rem);
  }
}

/* Performans: bolum gorunur alana yaklasana kadar YERLESIM HESABINDAN
   cikarilir — platformun zorunlu reflow'lari (listener.js) sayfa basina
   daha kucuk kapsamda calisir, ilk render hafifler. Tahmini yukseklik
   kaydirma cubugunu stabil tutar; gercek boyut gorununce devralinir. */
.cc_MSI3fYnLer_features .kombos-features {
  content-visibility: auto;
  contain-intrinsic-size: auto 260px;
}