.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.2;
}

.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.2;
    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;
  }
}

/* KATLANIR EKRAN (2026-11-02): 280-312 px genişlikte satırlar taşıyordu, tarama ile ölçüldü. Normal telefon değişmez. */
@media (max-width: 19.5rem) {
  .cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f { flex-wrap: wrap; column-gap: .25rem; font-size: .8125rem; }
}

/* BÜYÜK YAZI (2026-11-02): yazısını büyüten ziyaretçide satır kutudan çıkıyordu (%125 tarama). Sığan yerde görünüm değişmez, sığmayan alt satıra geçer. */
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .3rem; }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__f del { margin-right: 0; }

/* PAKET (2026-11-06, onaylı tasarım): görselin sol altında lacivert rozet (stil global.css .enz-paket); "+" düğmesi sağ altta
   → rozet genişliği düğmeye kadar. Rafta paketli ürün varsa TÜM kartlarda sabit yükseklikte "tanesi" satırı ayrılır
   (paketsizde boş satır; kart boyları eşit kalır) ve kartın altına göre konumlu "+" düğmesi tam o satır kadar yukarı alınır. */
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__img { position: relative; }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__paket { left: .48rem; bottom: .48rem; max-width: calc(100% - 4.1rem); }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari .fd__tanesi { height: 1rem; margin-top: .125rem; line-height: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cc_7i6nlac3_TS9DVmRaBy .firsat-duvari.firsat-duvari--paketli .fd__sepet { bottom: calc(3.4rem + 1.125rem); }

/* ============================================================
   AKLINDAKİNİ SÖYLE (2026-11-12, Serkan onaylı taslak) — sub-components/AklindakiniSoyle.
   Kaynağı "indirim" olan Fırsat Duvarı örneği (ana sayfadaki eski "Fırsat Avı") bu bölümü çizer.
   Site renkleri (Serkan 12 Kas: "arkaplan ve siteye uyumlu renkler olmalı"): sıcak krem zemin, koyu yazı, turuncu vurgu; dev Anton
   cümle, turuncu altı çizili boşluklar, iki sütun beyaz ürün kartı. Küçük turuncu yazı #BA4818/#C74E1B (açık zeminde ≥4,5:1).
   - Büyük harf metinden gelir (CSS büyütmesi yok). Küçük yazılar en az 11 px.
   - Dolu turuncu düğme/hap: beyaz yazı #C74E1B üstünde (≈4,6:1); soluk cümle kelimeleri büyük yazı olarak 3:1 üstünde.
   - Hareket yalnız transform/opacity; hareket azaltmada kapalı. Dokunma hedefleri en az 44 px (haplar, anahtar, düğmeler).
   ============================================================ */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: 30px 0 26px;
  background: linear-gradient(165deg, #FFF8F1 0%, #FBEDE2 100%);
  color: #1A1A1A;
  font-family: var(--font-body);
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .035;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -140px;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(232, 99, 44, .16), transparent);
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ic {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 18px;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sol, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sag { min-width: 0; }

.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #BA4818;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
  line-height: 1;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e8632c;
  animation: cc_7i6nlac3_TS9DVmRaBy_asNabiz 1.4s ease-in-out infinite;
}
@keyframes cc_7i6nlac3_TS9DVmRaBy_asNabiz { 50% { opacity: .3; transform: scale(.6); } }

/* Kim: cümlenin üstünde her zaman görünen küçük anahtar */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kim {
  display: inline-flex;
  gap: 2px;
  margin-top: 14px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(26, 20, 17, .06);
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kim-d {
  appearance: none;
  min-width: 4.25rem;
  min-height: 2.75rem;
  margin: 0;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #6B6560;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kim-d.is-sec { background: #1A1411; color: #fff; }

/* Cümle */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__cumle {
  margin: 26px 0 8px;
  color: #1A1411;
  font-family: var(--font-v5);
  font-size: clamp(32px, 10.2vw, 40px);
  font-weight: 400;
  letter-spacing: .005em;
  line-height: 1.18;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sus { color: #857870; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__bos {
  position: relative;
  display: inline-block;
  appearance: none;
  margin: 0;
  padding: 0 2px;
  border: 0;
  background: none;
  color: #C74E1B;
  font: inherit;
  letter-spacing: inherit;
  line-height: 1;
  text-align: inherit;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__bos::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: -2px;
  height: 3px;
  border-radius: 2px;
  background: #E8632C;
  transform-origin: left;
  transition: transform .35s;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__bos.is-acik::after { transform: scaleX(1.06); }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ok {
  margin-left: 2px;
  color: #E8632C;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  vertical-align: super;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__deger.is-parla { animation: cc_7i6nlac3_TS9DVmRaBy_asParla .5s; }
@keyframes cc_7i6nlac3_TS9DVmRaBy_asParla { 0% { color: #1A1411; } 100% { color: #C74E1B; } }

/* "DOKUN" ipucu: ilk kelimenin üstünde; ilk etkileşimden sonra kalkar */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__dokun {
  position: absolute;
  left: 50%;
  top: -1.2rem;
  padding: 3px 7px;
  border-radius: 999px;
  background: #1A1411;
  color: #fff;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  transform: translateX(-50%);
  animation: cc_7i6nlac3_TS9DVmRaBy_asDokun 1.4s ease-in-out infinite;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__dokun::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-top-color: #1A1411;
}
@keyframes cc_7i6nlac3_TS9DVmRaBy_asDokun { 50% { transform: translateX(-50%) translateY(-4px); } }

/* Haplar: "ne" şeridi her zaman görünür (telefonda yana kayar); bütçe hapları kelimeye dokununca açılır */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ne {
  display: flex;
  gap: 8px;
  margin: 14px -18px 4px;
  padding: 2px 18px 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ne::-webkit-scrollbar { display: none; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__butce {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 2px;
  animation: cc_7i6nlac3_TS9DVmRaBy_asAc .25s ease-out;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__butce[hidden] { display: none; }
@keyframes cc_7i6nlac3_TS9DVmRaBy_asAc { from { opacity: 0; transform: translateY(-6px); } }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hap {
  appearance: none;
  flex: 0 0 auto;
  min-height: 2.75rem;
  margin: 0;
  padding: 0 16px;
  border: 1px solid #E2D9CC;
  border-radius: 999px;
  background: #FFFFFF;
  color: #1A1A1A;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  scroll-snap-align: center;
  -webkit-tap-highlight-color: transparent;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hap.is-sec { border-color: #C74E1B; background: #C74E1B; color: #fff; font-weight: 800; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ipucu {
  margin: 6px 0 16px;
  color: #6B6560;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

/* Sonuç: iki sütun ürün kartı */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sonuc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-height: 150px;
  transition: opacity .2s;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sonuc.is-bekliyor { opacity: .45; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u {
  display: block;
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 6px 18px -10px rgba(62, 39, 24, .35), 0 0 0 1px rgba(62, 39, 24, .06);
  color: #1A1A1A;
  text-decoration: none;
  animation: cc_7i6nlac3_TS9DVmRaBy_asGel .45s both;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u + .as__u { animation-delay: .06s; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u + .as__u + .as__u { animation-delay: .12s; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u + .as__u + .as__u + .as__u { animation-delay: .18s; }
@keyframes cc_7i6nlac3_TS9DVmRaBy_asGel { from { opacity: 0; transform: translateY(10px); } }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u--iskelet { animation: none; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-g {
  display: block;
  aspect-ratio: 4 / 5;
  background: #F2EDE8;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-g img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-b { display: block; padding: 8px 10px 10px; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-r {
  display: block;
  overflow: hidden;
  color: #9A5A36;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-ad {
  display: -webkit-box;
  min-height: 2.6em;
  margin: 3px 0 4px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-f {
  display: block;
  color: #C74E1B;
  font-family: var(--font-v5);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.15;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__yok {
  grid-column: 1 / -1;
  align-self: start;
  padding: 22px;
  border: 1px dashed #D8CBBB;
  border-radius: 8px;
  color: #6B6560;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__yok b { color: #C74E1B; font-weight: 800; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__yok a { color: #1A1A1A; text-decoration: underline; text-underline-offset: 2px; }

/* Alt satır: KARIŞTIR (dolu, büyük) + HEPSİNİ GÖR */
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #E2D9CC;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__karistir {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 3rem;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #1A1411;
  color: #fff;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__karistir svg { flex: none; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hepsi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0 18px;
  border-radius: 999px;
  background: #C74E1B;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  white-space: nowrap;
}
.cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hepsi.is-pasif { opacity: .45; }
.cc_7i6nlac3_TS9DVmRaBy .as-bolum :focus-visible { outline: 2px solid #1A1411; outline-offset: 2px; }

@media (hover: hover) {
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__bos:hover::after { transform: scaleX(1.06); }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hap:hover { border-color: #C9B9A8; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__hap.is-sec:hover { border-color: #C74E1B; }
}

@media (min-width: 768px) {
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum { padding: 44px 0 40px; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ic { padding: 0 40px; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__cumle { font-size: 56px; line-height: 1.1; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ne { flex-wrap: wrap; margin: 16px 0 4px; padding: 0; overflow: visible; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sonuc { gap: 14px; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-ad { font-size: 13px; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ok { font-size: 16px; }
}

/* Masaüstü: iki sütun (solda cümle, sağda ürünler) */
@media (min-width: 1024px) {
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum { padding: 58px 0 50px; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__ic {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 48px;
    align-items: start;
    padding: 0 64px;
  }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__cumle { font-size: clamp(56px, 5.9vw, 76px); line-height: 1.08; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u-f { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__kicker::before, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__dokun, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__deger.is-parla, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__butce, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__u { animation: none; }
  .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__bos::after, .cc_7i6nlac3_TS9DVmRaBy .as-bolum .as__sonuc { transition: none; }
}