/* ═══════════════════════════════════════════════════════════════
   Ürün önerileri — tahin zemin, üstte baklava bandı. Kart stilleri global.css'te
   (Çok Satanlar ile ortak). Telefon: yana kaydırmalı · 768+: 3 sütun · 1100+: 4 sütun.
   ═══════════════════════════════════════════════════════════════ */

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri {
  --uo-kenar: clamp(16px, 5vw, 80px);
  position: relative;
  padding: 52px 0 56px;
  background: var(--renk-tahin, #E2CCA8);
  color: var(--color-text-primary);
  font-family: var(--font-body);
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 14px;
  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='%23E2CCA8' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x center / 28px 14px,
    var(--renk-kahve, #42210B);
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__ic {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--uo-kenar);
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__bas {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__ikon {
  flex: none;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  color: color-mix(in srgb, var(--renk-susam, #B8893E) 72%, var(--renk-kahve, #42210B));
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__baslik-grup {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__baslik {
  margin: 0;
  padding: 0;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.12;
  color: var(--color-text-primary);
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__alt {
  margin: 0;
  font-size: 14.5px;
  color: var(--color-text-secondary);
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__serit {
  display: flex;
  gap: 14px;
  margin: 0 calc(var(--uo-kenar) * -1);
  padding: 4px var(--uo-kenar) 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 var(--uo-kenar);
  scrollbar-width: none;
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__serit::-webkit-scrollbar { display: none; }

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__hucre {
  display: flex;
  flex: 0 0 min(66%, 260px);
  min-width: 0;
  scroll-snap-align: start;
}

.cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__hucre > .cs-kart { width: 100%; }

@media (min-width: 768px) {
  .cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri { padding: 64px 0 72px; }

  .cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__serit {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__hucre { flex: none; }
  .cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__baslik { font-size: 34px; }
}

@media (min-width: 1100px) {
  .cc_NMGXlHaf1N_ECYSsdKStq .urun-onerileri__serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}