/* ===== Güven bandı ===== */

.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--compact {
  padding-block: var(--kig-pad-top, 8px) var(--kig-pad-bottom, 8px);
}

/*
 * Çerçeve bölümün kendisinde değil ızgarada duruyor. Bölüm tam genişlik
 * olduğu için kenarlığı orada çizmek yalnızca üst/alt çizgi verebiliyordu;
 * ızgaraya taşınınca kutu .kig-container'ın yan boşluğu kadar içeride
 * kalıyor ve dört kenarı da çizili oluyor — ürün sayfasındaki avantaj
 * kutusuyla aynı görünüm.
 */
.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid {
  display: grid;
  /* Mobilde varsayılan tek kolon: maddeler ikon solda/metin sağda
     dizildiği için iki kolona sıkıştırıldığında açıklamalar 3-4 satıra
     kırılıyor. "Kolon (Mobil)" propuyla değiştirilebilir. */
  grid-template-columns: repeat(var(--kig-cols-mobile, 1), minmax(0, 1fr));
  gap: 2px 18px;
}

.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--bordered .kig-tb__grid {
  padding: 16px 24px;
  border: 1px solid var(--kig-line);
  border-radius: var(--kig-radius);
}

/* Kutunun kendi yan dolgusu var; maddeler ayrıca yanlardan boşluk almasın. */
.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid .kig-ti {
  padding: 10px 0;
}

/*
 * IkasComponentRenderer maddeleri display:contents sarmalayıcıların
 * altına koyuyor ve sarmalayıcı derinliği ortama göre değişiyor — bu
 * yüzden ayırıcı, sayılarak bulunan grid öğesine değil doğrudan
 * maddenin kendisine (.kig-ti) çiziliyor. Madde hücresini tümüyle
 * doldurduğu için sonuç aynı, derinlikten bağımsız.
 */
.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid > * > * {
  min-width: 0;
}

.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid .kig-ti {
  position: relative;
}

/*
 * Dikey ayırıcılar yalnızca masaüstünde. Mobilde maddeler tek kolon
 * dizildiği için ayırıcıya yer yok.
 */
.cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--divided .kig-tb__grid .kig-ti::after {
  display: none;
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  /* Kolon aralığının ortasında dursun (gap 18px). */
  right: -9px;
  width: 1px;
  background: var(--kig-line);
}

@media (min-width: 768px) {
  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--compact {
    padding-block: var(--kig-pad-top, 12px) var(--kig-pad-bottom, 12px);
  }

  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid {
    grid-template-columns: repeat(var(--kig-cols, 4), minmax(0, 1fr));
  }

  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb__grid .kig-ti {
    padding: 12px 0;
  }

  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--divided .kig-tb__grid .kig-ti::after {
    display: block;
  }

  /*
   * Son maddede ayırıcı olmasın. Sarmalayıcı derinliği ortama göre
   * değiştiği için iki olası yapı da yazılı: maddeler ya doğrudan
   * display:contents sarmalayıcının altında, ya da her madde kendi
   * sarmalayıcısının içinde duruyor.
   */
  .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--divided .kig-tb__grid > *:last-child > .kig-ti:last-child::after, .cc_AH7GXA16Q3_SqRtYquCmB .kig-tb--divided .kig-tb__grid > *:last-child > *:last-child > .kig-ti::after {
    display: none;
  }
}