.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari {
  width: 100%;
  padding-top: .9rem;
  color: #252a40;
  background: #faf7f2;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__bas {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__baslik {
  min-width: 0;
  margin: 0;
  color: #252a40;
  font-family: var(--font-v5);
  font-size: clamp(1.35rem, 3.8vw, 2rem);
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.05;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__baslik-hl {
  color: #e8632c;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__hepsi {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: #e8632c;
  font-size: .76rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__duvar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart {
  position: relative;
  min-width: 0;
  overflow: hidden;
  color: #252a40;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(27, 31, 49, .06);
  transition: transform 120ms ease;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__link {
  display: block;
  color: #252a40;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__img {
  display: block;
  aspect-ratio: 4 / 5;
  background: #eee8df;
}

/* ── DİNAMİK RAF SKELETON (2026-08-17) ─────────────────────────────────────────────────────────────
   Veri istemciden gelene kadar duran yer tutucu. ÖLÇÜLER GERÇEK KARTLA BİREBİR AYNI olmak zorunda:
   görsel 4/5 oran · ad min-height 1.85em / .75rem / 1.25 satır · fiyat 1.05rem / 1.1 satır · .fd__b
   padding .5rem .58rem .62rem. Aksi hâlde içerik gelince sayfa zıplar (CLS). Yalnız EKLEME. */
/* Skeleton, gerçek kartın SINIFLARINI kullanıyor (.fd__img/.fd__ad/.fd__f) → yükseklik tanım gereği aynı.
   Buradaki kurallar YALNIZ renk/parıltı katar; hiçbir ölçüye (padding/line-height/min-height) dokunmaz.
   Böylece skeleton→kart geçişinde layout kayması oluşmaz (ölçüm: eski hâlde 303px ↔ 286px = ~100px zıplama). */
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart--skeleton { pointer-events: none; }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__img--skeleton { background: #eee8df; }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__ad--skeleton, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f--skeleton {
  color: transparent;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #efe9e0 25%, #e6dfd4 37%, #efe9e0 63%);
  background-size: 400% 100%;
  animation: cc_7i6nlac3_TS9DVmRaBy_fdSkeleton 1.4s ease-in-out infinite;
}
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f--skeleton { width: 4.2rem; }
/* CLS (2026-09-02, canlı ölçüm 390px): gerçek kartta ürün adı hemen her zaman 2 satır (30px); iskelette   tek
   satır + min-height 1.85em (22px) → kart 276px ↔ 284px, 5 satırda 8px×5 zıplama. İskelet adı 2 satır yer tutar
   (2 × line-height 1.25 = 2.5em). YALNIZ iskelet sınıfı; gerçek kart ölçüsüne dokunulmaz. */
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__ad.fd__ad--skeleton { min-height: 2.5em; } /* çift sınıf: aşağıdaki .fd__ad{min-height:1.85em} kuralını kesin ezer */
@keyframes cc_7i6nlac3_TS9DVmRaBy_fdSkeleton { 0% { background-position: 100% 0 } 100% { background-position: 0 0 } }
@media (prefers-reduced-motion: reduce) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__ad--skeleton, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f--skeleton { animation: none; }
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__b {
  display: block;
  padding: .5rem .58rem .62rem;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__ad {
  display: -webkit-box;
  min-height: 1.85em;
  overflow: hidden;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f {
  display: block;
  color: #e8632c;
  font-family: var(--font-v5);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f del {
  margin-right: .3rem;
  color: rgba(37, 42, 64, .55);
  font-size: .75rem;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet {
  position: absolute;
  right: .48rem;
  bottom: 3.4rem;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  color: #ffffff;
  background: #252a40;
  border: none;
  border-radius: 50%;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: background 120ms ease, transform 120ms ease;
  -webkit-tap-highlight-color: transparent;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet:active {
  transform: scale(.95);
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet:disabled {
  opacity: .6;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet:focus-visible, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__link:focus-visible {
  outline: 2px solid #e8632c;
  outline-offset: 2px;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__yz {
  position: absolute;
  top: .36rem;
  left: .36rem;
  z-index: 2;
  width: 42px;
  height: 42px;
  filter: none;
  pointer-events: none;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__yz u b {
  font-size: .75rem; /* denetim #38: 12px tabani */
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart:active {
  transform: scale(.97);
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari.firsat-duvari--empty {
  color: #252a40;
}

.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .firsat-duvari__placeholder {
  width: 100%;
  margin: 0;
  padding: 1rem;
  color: #252a40;
  background: #faf7f2;
  border: 1px dashed #e8632c;
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: .875rem;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 48rem) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__duvar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__duvar {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__bas {
    align-items: center;
    gap: .6rem;
    margin-bottom: .3rem;
  }

  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__baslik {
    font-size: 1.12rem;
    letter-spacing: .015em;
    line-height: 1.15;
    white-space: nowrap;
  }

  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__hepsi {
    align-self: center;
    font-size: .75rem;
  }
}

@media (max-width: 22.5rem) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__baslik {
    overflow-wrap: anywhere;
    font-size: .98rem;
    white-space: normal;
  }
}

@media (hover: hover) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart:hover {
    box-shadow: 0 6px 16px rgba(27, 31, 49, .1);
    transform: translateY(-4px);
  }

  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet:hover {
    background: #e8632c;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet {
    transition: none;
  }

  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__yz i {
    animation: none;
  }

  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart:active, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__kart:hover, .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__sepet:active {
    transform: none;
  }
}