/* ═══════════════════════════════════════════════════════════════
   Güven kartı — TrustStrip içinde

   ÖLÇÜLER "Sofranın Her Anına" (FeatureCard) İLE BİREBİR AYNI:
     kart    radius 28px (30px masaüstü),
             padding 22px 18px 24px (26px 20px 28px masaüstü)
     görsel  200×200 (230×230 masaüstü), object-fit: contain
     başlık  20px/800 (21px masaüstü)
     metin   15px/1.45/500
   İki bölüm arasındaki TEK fark kart zemini: burası pastel, orası beyaz
   (ve orada ızgara çerçeveli bir panelin içinde). Böylece iki bölüm aynı
   ritimde okunuyor, tema hiyerarşisi bozulmuyor.

   Pastel zemin üst bölümden `--tb-bg` ile iner — CSS bileşen başına
   kapsandığı için üst bölüm buradaki sınıfları hedefleyemez, ama özel
   özellikler DOM'da kalıtımla iner.
   ═══════════════════════════════════════════════════════════════ */

.cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge {
  display: flex;
  /* Ölçüler değişkenle: kompakt şerit bunları üst bölümden kalıtımla eziyor
     (CSS kapsaması yüzünden sınıf seçicisiyle değil). */
  flex-direction: var(--tb-dir, column);
  align-items: var(--tb-ai, center);
  text-align: var(--tb-ta, center);
  /* Genişlik BURADA veriliyor: IkasComponentRenderer çocuğu
     `display: contents` bir div'e sarıyor, bu yüzden üst bölümdeki
     `.trust-strip-item > * { width: 100% }` kuralı o sarmalayıcıya
     çarpıyor ve etkisiz kalıyor. Ölçüldü: sütun 314.5px iken kart
     270px'te kalıyordu. */
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--tb-pad, 22px 18px 24px);
  border-radius: var(--tb-rad, 28px);
  background: var(--tb-bg, var(--color-surface-alt));
}

.cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-icon {
  width: var(--tb-ikon, 200px);
  height: var(--tb-ikon, 200px);
  max-width: 100%;
  flex: none;
  object-fit: contain;
  display: block;
  margin-bottom: var(--tb-ikon-alt, 14px); margin-right: var(--tb-ikon-sag, 0);
  -webkit-user-drag: none;
}

.cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-body {
  display: flex;
  flex-direction: column;
  align-items: var(--tb-body-ai, center);
  gap: var(--tb-body-gap, 6px);
  min-width: 0;
}

.cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-title {
  font-family: var(--font-body);
  font-size: var(--tb-baslik-fs, 20px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--tb-title-c, var(--color-accent-dark));
}

.cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-subtitle {
  font-family: var(--font-body);
  font-size: var(--tb-alt-fs, 15px);
  font-weight: 500;
  line-height: 1.45;
  color: var(--color-text-secondary);
}

/* Dar telefonda sütun ~175px: 200px görsel ve 20px başlık sığmıyor. */
@media (max-width: 639px) {
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge { padding: var(--tb-pad, 16px 12px 18px); border-radius: var(--tb-rad, 20px); }
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-icon { width: var(--tb-ikon, 104px); height: var(--tb-ikon, 104px); margin-bottom: var(--tb-ikon-alt, 10px); }
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-title { font-size: var(--tb-baslik-fs, 15px); }
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-subtitle { font-size: var(--tb-alt-fs, 13px); line-height: 1.4; }
}

@media (min-width: 1180px) {
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge { padding: var(--tb-pad, 26px 20px 28px); border-radius: var(--tb-rad, 30px); }
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-icon { width: var(--tb-ikon, 230px); height: var(--tb-ikon, 230px); margin-bottom: var(--tb-ikon-alt, 16px); }
  .cc_vf4ft4MdSc_a74yjAOVlJ .trust-badge-title { font-size: var(--tb-baslik-fs, 21px); }
}