/* ═══════════════════════════════════════════════════════════════
   UspRow — "Neden Kıtır?" (brief §5.1.5): 4 madde, ikon + başlık +
   metin. Mobil tek sütun, ≥640px 2 sütun, ≥1024px 4 sütun.
   Zemin dv --kagit-2 (dönüşümlü bölüm).
   ═══════════════════════════════════════════════════════════════ */

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi {
  width: 100%;
  color: var(--murekkep);
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__icerik {
  padding-top: var(--bolum-dikey);
  padding-bottom: var(--bolum-dikey);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__baslik {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h2);
  line-height: 1.15;
  font-weight: 600;
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__izgara {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}

/* Maddeler brine-glass kutucuk (Salamura Camı, 2026-08-03): düz 4-sütun
   ikon+metin dizilişi kart/kampanya yüzeyleriyle aynı cam dili konuşmadığı
   için sayfanın en "şablon" görünen bloğuydu. Çerçevesiz — sınır cam
   rim'inden gelir, ayrı bir border çizilmez. */
.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__madde {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  padding: var(--space-sm);
  border-radius: var(--r-cam);
  background: var(--cam-zemin);
  -webkit-backdrop-filter: var(--cam-blur);
  backdrop-filter: var(--cam-blur);
  box-shadow: var(--cam-rim);
}

/* İkon: kavanoz ağzından bakılan salamura diski — düz kâğıt yerine cam. */
.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__ikon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: var(--r-hap);
  background: var(--cam-parlak);
  box-shadow: var(--cam-rim);
  font-size: 1.5rem; /* .ikon 1em → 24px */
  color: var(--murekkep);
}

/* Diskin içindeki menisküs — kavanoz metaforunu ikona kadar taşır. */
.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__ikon::after {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 34%;
  height: 1px;
  background: var(--menisk);
  opacity: 0.45;
  pointer-events: none;
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__metin {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__madde-baslik {
  margin: 0;
  font-size: var(--text-body-lg);
  line-height: 1.3;
  font-weight: 600;
}

.cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__madde-metin {
  margin: 0;
  font-size: var(--text-small);
  line-height: var(--lh-body);
  color: var(--murekkep-2);
}

/* ===== ≥640px: 2 sütun ===== */
@media (min-width: 640px) {
  .cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ===== ≥1024px: 4 sütun ===== */
@media (min-width: 1024px) {
  .cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__izgara {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-lg);
  }

  .cc_aEBpe1wkQX_DAZ73qYFk4 .usp-bandi__madde {
    flex-direction: column;
    gap: var(--space-sm);
  }
}