/* Güven şeridi — TrustBadges'in yerine geçen bileşen.

   Neden yeni bir bileşen: TrustBadges'in kodu temada DONDU. Kaynağı
   değiştirdim, `publish` ve `publish-theme` temiz geçti, canlıda eski davranış
   sürdü — bu repoda daha önce de yaşanmış bir sorun ve bilinen tek çözümü
   içeriği YENİ BİR BİLEŞEN KİMLİĞİNE taşımak.

   Görünüm birebir korundu; yalnızca sınıf ön eki değişti. İçerik artık
   products.ts'ten okunuyor, prop'tan değil (ürün sayfası varyantları prop
   değerlerini eziyor ve CLI varyantları göremiyor). */

.cc_lz85qzy3_DSUAWCmjHK .truststrip {
  width: 100%;
  padding: var(--space-xl) 0;
  background: var(--color-bg);
  color: var(--color-text-primary);
}

.cc_lz85qzy3_DSUAWCmjHK .truststrip__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 5vw, 5rem);
}

/* Görsel olarak gizli — yalnızca ekran okuyucu için bant başlığı. */
.cc_lz85qzy3_DSUAWCmjHK .truststrip__sr-heading {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ─── Mobil: ikonlu, ortalanmış ızgara ─────────────────────────
   Önceki hâli tek satırlık bir flex'ti; dar ekranda satırlar sarınca
   her yeni satırın ilk öğesi ayırıcı border'ını taşımaya devam ediyor
   ve bant, madde işaretli sola yaslı bir listeye benziyordu. İkon
   geldiği için ayırıcıya artık gerek yok: ritmi ikonlar kuruyor. */

/* Izgara DEĞİL, ortalanmış esnek dizilim. Izgarada rozet sayısı sütun
   sayısına bölünmediğinde son satır sola yaslanıp yetim kalıyor (4 rozet /
   3 sütun). Ortalanmış flex-wrap'te eksik satır her zaman ortalanır, yani
   rozet sayısı kaç olursa olsun bant dengeli durur. */
.cc_lz85qzy3_DSUAWCmjHK .truststrip__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md) var(--space-sm);
}

.cc_lz85qzy3_DSUAWCmjHK .truststrip__item {
  flex: 0 1 calc(50% - var(--space-sm));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-xs);
}

.cc_lz85qzy3_DSUAWCmjHK .truststrip__icon {
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--icon-size-md);
  color: var(--color-accent-text);
}

.cc_lz85qzy3_DSUAWCmjHK .truststrip__label {
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  /* Mobilde sarmasına izin verilir — "Türkiye'de Stoktan Kargo" tek
     satıra sığmıyor ve nowrap onu ızgaranın dışına taşırıyordu. */
}

/* Tablet: rozetler kendi genişliklerini alır, satıra kaç tanesi sığıyorsa
   o kadarı girer — sabit sütun sayısı olmadığı için yetim satır oluşmaz. */
@media (min-width: 640px) {
  .cc_lz85qzy3_DSUAWCmjHK .truststrip__item {
    flex-basis: auto;
  }

  .cc_lz85qzy3_DSUAWCmjHK .truststrip__list {
    column-gap: var(--space-lg);
  }
}

/* ─── Masaüstü: ikon etiketin yanında, tek ortalanmış satır ───── */

@media (min-width: 1024px) {
  .cc_lz85qzy3_DSUAWCmjHK .truststrip__list {
    align-items: center;
    column-gap: var(--space-xl);
  }

  .cc_lz85qzy3_DSUAWCmjHK .truststrip__item {
    flex-direction: row;
    text-align: left;
  }

  .cc_lz85qzy3_DSUAWCmjHK .truststrip__label {
    white-space: nowrap;
  }
}