/* ═══════════════════════════════════════════════════════════════
   Koleksiyonlar — tahin zemin, ortalanmış başlık, kemer kartlar.
   Telefon 2×2 · 768+ tek sıra 4.
   ═══════════════════════════════════════════════════════════════ */

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar {
  padding: 56px 0 64px;
  background: var(--color-bg);
  color: var(--color-text-primary);
  font-family: var(--font-body);
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__ic {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 clamp(16px, 5vw, 80px);
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__bas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 30px;
  text-align: center;
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__rozet {
  display: inline-flex;
  margin-bottom: 8px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border: 1px solid color-mix(in srgb, var(--renk-susam, #B8893E) 55%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, var(--renk-susam, #B8893E) 70%, var(--renk-kahve, #42210B));
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1;
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__rozet-ikon { width: 15px; height: 15px; }

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__baslik {
  display: block;
  margin: 0;
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.08;
  color: var(--color-text-primary);
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__alt {
  margin: 0;
  font-size: 15px;
  color: var(--color-text-secondary);
}

/* Başlığın altında kısa baklava geçmesi şeridi (kayan banttaki desenin akrabası) */
.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__sus {
  display: block;
  width: 168px;
  height: 14px;
  margin-top: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 7H5L14 1.5L23 7L14 12.5L5 7M23 7H28M14 4.5L17.5 7L14 9.5L10.5 7Z' fill='none' stroke='%23B8893E' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x left center / 28px 14px;
  opacity: 0.85;
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__izgara {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__hucre { min-width: 0; }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__hucre {
      animation: cc_NMGXlHaf1N_bGO2UEDO1R_koleksiyonlar-gel linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 50%;
    }
  }
}

@keyframes cc_NMGXlHaf1N_bGO2UEDO1R_koleksiyonlar-gel {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: none; }
}

.cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__bos {
  padding: 48px 24px;
  border: 2px dashed var(--color-border);
  border-radius: 18px;
  text-align: center;
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar { padding: 72px 0 84px; }
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__bas { margin-bottom: 40px; }
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__baslik { font-size: 48px; }
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__alt { font-size: 16px; }
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
}

@media (min-width: 1024px) {
  .cc_NMGXlHaf1N_bGO2UEDO1R .koleksiyonlar__izgara { gap: 26px; }
}