/* Imported from: ../MarlaIconTextItem/styles.css */
/* marla.com: ızgara düzeninde ikon ile yazı dikey, aralarında 4px, ortalı.
   Dikey liste düzeninde satır yönü listeden geliyor (bkz. MarlaIconTextList). */
.cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
  text-decoration: none;
}

.cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-item__icon {
  display: block;
  flex: none;
  height: var(--itl-icon, 1.125rem);
  object-fit: contain;
  width: var(--itl-icon, 1.125rem);
}

.cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-item__text {
  color: var(--itl-color, var(--kombos-gray-900));
  font-size: var(--itl-fs, 0.8125rem);
  font-weight: var(--itl-fw, 400);
  line-height: 1.25;
}

/* End import: ../MarlaIconTextItem/styles.css */

/* Canlı: bilgi sütununda bloklar arası 16px. Sütunun kendi aralığı 8px
   olduğu için burada 8px eklenir. */
.cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-list {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(var(--itl-cols-mobile, 3), minmax(0, 1fr));
  width: 100%;
}

/* IkasComponentRenderer araya iki sarmalayıcı koyuyor; ızgara hücresi olacak
   öğeye ulaşmak için sarmalayıcılar şeffaflaştırılıyor. */
.cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-list > *, .cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-list > * > * {
  display: contents;
}

@media (min-width: 1024px) {
  .cc_0gxxbhqk_BofG6ClRQr .marla-icon-text-list {
    grid-template-columns: repeat(var(--itl-cols, 3), minmax(0, 1fr));
  }
}