
/* PriceTag — ölçek build-spec § 6 ve tasarım-sistemi § 3'teki tipografi
   tablosundan: kart fiyatı 16px/600 (mobilde 15px), PDP fiyatı 24px/600
   (mobilde 21px). Ağırlık her boyutta 600. */

.cc_n2k0mxzk_WTBmvk0fnF .gost-price, .cc_n2k0mxzk_aBrpjIwWls .gost-price, .cc_n2k0mxzk_h747a0Wz1N .gost-price, .cc_n2k0mxzk_qv7zkS91Or .gost-price, .cc_n2k0mxzk_JFTNLiMJAo .gost-price, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price, .cc_n2k0mxzk_wsFFejmZJy .gost-price, .cc_n2k0mxzk_uy9eQAJHQG .gost-price, .cc_n2k0mxzk_9El5Ms5pAF .gost-price, .cc_n2k0mxzk_1CgEUeyjLq .gost-price, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: var(--g-gap-tight);
  font-weight: var(--g-w-semibold);
  line-height: var(--g-lh-tight);
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price-now, .cc_n2k0mxzk_aBrpjIwWls .gost-price-now, .cc_n2k0mxzk_h747a0Wz1N .gost-price-now, .cc_n2k0mxzk_qv7zkS91Or .gost-price-now, .cc_n2k0mxzk_JFTNLiMJAo .gost-price-now, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price-now, .cc_n2k0mxzk_wsFFejmZJy .gost-price-now, .cc_n2k0mxzk_uy9eQAJHQG .gost-price-now, .cc_n2k0mxzk_9El5Ms5pAF .gost-price-now, .cc_n2k0mxzk_1CgEUeyjLq .gost-price-now, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price-now {
  color: var(--g-ink);
  font-size: inherit;
  font-weight: inherit;
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--sale .gost-price-now, .cc_n2k0mxzk_aBrpjIwWls .gost-price--sale .gost-price-now, .cc_n2k0mxzk_h747a0Wz1N .gost-price--sale .gost-price-now, .cc_n2k0mxzk_qv7zkS91Or .gost-price--sale .gost-price-now, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--sale .gost-price-now, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--sale .gost-price-now, .cc_n2k0mxzk_wsFFejmZJy .gost-price--sale .gost-price-now, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--sale .gost-price-now, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--sale .gost-price-now, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--sale .gost-price-now, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--sale .gost-price-now {
  color: var(--g-sale);
}

/* Eski fiyat: üstü çizili, üçüncül ton, güncel fiyattan hafif ve küçük. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price-was, .cc_n2k0mxzk_aBrpjIwWls .gost-price-was, .cc_n2k0mxzk_h747a0Wz1N .gost-price-was, .cc_n2k0mxzk_qv7zkS91Or .gost-price-was, .cc_n2k0mxzk_JFTNLiMJAo .gost-price-was, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price-was, .cc_n2k0mxzk_wsFFejmZJy .gost-price-was, .cc_n2k0mxzk_uy9eQAJHQG .gost-price-was, .cc_n2k0mxzk_9El5Ms5pAF .gost-price-was, .cc_n2k0mxzk_1CgEUeyjLq .gost-price-was, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price-was {
  color: var(--g-ink-3);
  font-size: var(--g-fs-meta);
  font-weight: var(--g-w-medium);
  text-decoration: line-through;
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--sm, .cc_n2k0mxzk_aBrpjIwWls .gost-price--sm, .cc_n2k0mxzk_h747a0Wz1N .gost-price--sm, .cc_n2k0mxzk_qv7zkS91Or .gost-price--sm, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--sm, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--sm, .cc_n2k0mxzk_wsFFejmZJy .gost-price--sm, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--sm, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--sm, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--sm, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--sm {
  font-size: var(--g-fs-body-sm);
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--md, .cc_n2k0mxzk_aBrpjIwWls .gost-price--md, .cc_n2k0mxzk_h747a0Wz1N .gost-price--md, .cc_n2k0mxzk_qv7zkS91Or .gost-price--md, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--md, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--md, .cc_n2k0mxzk_wsFFejmZJy .gost-price--md, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--md, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--md, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--md, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--md {
  font-size: var(--g-fs-body);
}

/* PDP fiyatı ölçek token'ından okunur; mobil karşılığı (21px) global.css'teki
   media query içinde aynı token'ı yeniden tanımlar — burada ikinci bir
   media query'ye gerek yok. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price--lg, .cc_n2k0mxzk_aBrpjIwWls .gost-price--lg, .cc_n2k0mxzk_h747a0Wz1N .gost-price--lg, .cc_n2k0mxzk_qv7zkS91Or .gost-price--lg, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--lg, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--lg, .cc_n2k0mxzk_wsFFejmZJy .gost-price--lg, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--lg, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--lg, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--lg, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--lg {
  font-size: var(--g-fs-price-lg);
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--lg .gost-price-was, .cc_n2k0mxzk_aBrpjIwWls .gost-price--lg .gost-price-was, .cc_n2k0mxzk_h747a0Wz1N .gost-price--lg .gost-price-was, .cc_n2k0mxzk_qv7zkS91Or .gost-price--lg .gost-price-was, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--lg .gost-price-was, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--lg .gost-price-was, .cc_n2k0mxzk_wsFFejmZJy .gost-price--lg .gost-price-was, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--lg .gost-price-was, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--lg .gost-price-was, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--lg .gost-price-was, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--lg .gost-price-was {
  font-size: var(--g-fs-body-sm);
}

/* ---------- KART DÜZENİ (stack) ----------
   Kullanıcı (2026-09-24): "indirimli fiyat altta, indirimsiz fiyat üstte;
   indirimli fiyat bir tık büyük". Sütun: DOM'da eski fiyat önce → üstte.
   İÇ REZERV YOK (kullanıcı, 2026-09-24: "fiyat ile ürün adı arasında çok
   boşluk var"): eskiden iki satırın yeri her kartta ayrılıyor ve fiyat alta
   yaslanıyordu; indirimsiz üründe adın altında boş bir satır kalıyordu.
   Artık fiyat adın hemen altından başlar. Eşit kart boyu gereken bölümler
   rezervi kartın yazı bloğuna (ProductCard .gpc-caption) verir; o hesap bu
   bloğun en yüksek hâlini (eski + indirimli fiyat) kullanır:
   meta × lh-tight + (body + 2px) × lh-tight + 2px. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price--stack, .cc_n2k0mxzk_aBrpjIwWls .gost-price--stack, .cc_n2k0mxzk_h747a0Wz1N .gost-price--stack, .cc_n2k0mxzk_qv7zkS91Or .gost-price--stack, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--stack, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--stack, .cc_n2k0mxzk_wsFFejmZJy .gost-price--stack, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--stack, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--stack, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--stack, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--stack {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  row-gap: 2px;
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_aBrpjIwWls .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_h747a0Wz1N .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_qv7zkS91Or .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_wsFFejmZJy .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--stack.gost-price--sale .gost-price-now, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--stack.gost-price--sale .gost-price-now {
  font-size: calc(var(--g-fs-body) + 2px);
}

/* KATEGORİ KARTI: indirimli fiyat ÜSTTE, eski fiyat ALTTA (kullanıcı,
   2026-09-24). DOM sırası aynı (ekran okuyucu "eski, yeni" okur); eski
   fiyat görsel olarak sona alınır. İndirim yoksa eski fiyat basılmadığı
   için hiçbir şey değişmez. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_aBrpjIwWls .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_h747a0Wz1N .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_qv7zkS91Or .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_wsFFejmZJy .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--saleFirst .gost-price-was, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--saleFirst .gost-price-was {
  order: 1;
}

/* ---------- ÜRÜN DETAYI (lg) indirimde ----------
   Kullanıcı (2026-09-24): İNDİRİMLİ fiyat SOLDA, eski fiyat SAĞDA. DOM sırası
   değişmez (ekran okuyucu yine "eski, yeni" okur); görsel sıra `order`la. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_aBrpjIwWls .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_h747a0Wz1N .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_qv7zkS91Or .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_wsFFejmZJy .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--lg.gost-price--sale .gost-price-now, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--lg.gost-price--sale .gost-price-now {
  order: 1;
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_aBrpjIwWls .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_h747a0Wz1N .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_qv7zkS91Or .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_wsFFejmZJy .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--lg.gost-price--sale .gost-price-was, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--lg.gost-price--sale .gost-price-was {
  order: 2;
}

/* ETİKETLİ ("Sepette") — REFERANS ŞABLON (kullanıcı, 2026-09-25: "indirimli
   fiyat gösterimi attığım görseldeki gibi olacak, sadece şablon olarak bak,
   renk alma"). Üst satır: etiket + indirimli fiyat YAN YANA, dikeyde
   ortalı; alt satır: eski (üstü çizili) fiyat, etiketin hizasından. Renkler
   temanın: indirimli fiyat --g-sale, eski fiyat --g-ink-3. DOM sırası
   değişmez (eski, etiket, yeni) — yerleşimi ızgara alanları kurar. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price--labeled, .cc_n2k0mxzk_aBrpjIwWls .gost-price--labeled, .cc_n2k0mxzk_h747a0Wz1N .gost-price--labeled, .cc_n2k0mxzk_qv7zkS91Or .gost-price--labeled, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--labeled, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--labeled, .cc_n2k0mxzk_wsFFejmZJy .gost-price--labeled, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--labeled, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--labeled, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--labeled, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--labeled {
  display: inline-grid;
  grid-template-columns: minmax(0, auto) auto;
  max-width: 100%;
  grid-template-areas:
    "label now"
    "was   was";
  justify-content: start;
  align-items: center;
  /* Etiket ile fiyat arası 6px (kullanıcı, 2026-09-25: "sepette ile fiyat
     arası fark çok fazla, biraz yakınlaşacak"; eskiden 12px). */
  column-gap: calc(var(--g-space-1) * 1.5);
  row-gap: var(--g-space-1);
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_aBrpjIwWls .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_h747a0Wz1N .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_qv7zkS91Or .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_wsFFejmZJy .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--labeled .gost-price-label, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--labeled .gost-price-label {
  grid-area: label;
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_aBrpjIwWls .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_h747a0Wz1N .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_qv7zkS91Or .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_wsFFejmZJy .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--labeled .gost-price-now, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--labeled .gost-price-now {
  grid-area: now;
  font-weight: var(--g-w-bold);
}

.cc_n2k0mxzk_WTBmvk0fnF .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_aBrpjIwWls .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_h747a0Wz1N .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_qv7zkS91Or .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_JFTNLiMJAo .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_wsFFejmZJy .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_uy9eQAJHQG .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_9El5Ms5pAF .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_1CgEUeyjLq .gost-price--labeled .gost-price-was, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price--labeled .gost-price-was {
  grid-area: was;
  justify-self: start;
}

/* "SEPETTE" ETİKETİ — ANİMASYON YOK, FİYATIN RENGİNDE GRADIENT ZEMİN
   (kullanıcı, 2026-09-25: "sepette yazısında animasyon kalkacak, sadece
   gradient shadow olacak arka planı"; ardından "sepette arka planı fiyat
   ile aynı olsun"). Referans şablondaki gibi: zemin indirimli fiyatın
   rengi (--g-sale) — soldan sağa açılan yumuşak bir tonu, altında hafif
   gölge; yazı da fiyatın renginde. Fiyat rengi değişirse etiket de onunla
   değişir (aynı token). Büyük harf yok. Eski ışık/parlama animasyonu ve
   keyframe'leri kaldırıldı.
   Yedek zemin yüzey rengi; ton karışımı (color-mix) AYRI @supports
   bloğunda — desteklemeyen tarayıcıda geçersiz bir bildirim düz zemini
   de silmesin. Kontrast: --g-sale (#c62828) %14'lük açık tonunda ~4.5:1, %4'te ~5.4:1. */
.cc_n2k0mxzk_WTBmvk0fnF .gost-price-label, .cc_n2k0mxzk_aBrpjIwWls .gost-price-label, .cc_n2k0mxzk_h747a0Wz1N .gost-price-label, .cc_n2k0mxzk_qv7zkS91Or .gost-price-label, .cc_n2k0mxzk_JFTNLiMJAo .gost-price-label, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price-label, .cc_n2k0mxzk_wsFFejmZJy .gost-price-label, .cc_n2k0mxzk_uy9eQAJHQG .gost-price-label, .cc_n2k0mxzk_9El5Ms5pAF .gost-price-label, .cc_n2k0mxzk_1CgEUeyjLq .gost-price-label, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price-label {
  justify-self: start;
  padding: var(--g-space-1) var(--g-space-3);
  border-radius: var(--g-radius-soft);
  background: var(--g-surface);
  box-shadow: 0 2px 8px rgb(var(--g-overlay-rgb) / 0.1);
  color: var(--g-sale);
  font-size: var(--g-fs-meta);
  font-weight: var(--g-w-semibold);
  line-height: 1.4;
  /* Satır atlayabilir: uzun bir etiket (ör. "Sepette %10 ek indirim") dar
     ekranda fiyatla birlikte sütunu taşırmasın; tek kelimelik "Sepette" bölünmez. */
}

@supports (background: color-mix(in srgb, red 50%, transparent)) {
  .cc_n2k0mxzk_WTBmvk0fnF .gost-price-label, .cc_n2k0mxzk_aBrpjIwWls .gost-price-label, .cc_n2k0mxzk_h747a0Wz1N .gost-price-label, .cc_n2k0mxzk_qv7zkS91Or .gost-price-label, .cc_n2k0mxzk_JFTNLiMJAo .gost-price-label, .cc_n2k0mxzk_J2Kk2FA6tB .gost-price-label, .cc_n2k0mxzk_wsFFejmZJy .gost-price-label, .cc_n2k0mxzk_uy9eQAJHQG .gost-price-label, .cc_n2k0mxzk_9El5Ms5pAF .gost-price-label, .cc_n2k0mxzk_1CgEUeyjLq .gost-price-label, .cc_n2k0mxzk_DDzRyQ5NeU .gost-price-label {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--g-sale) 14%, var(--g-bg)) 0%,
      color-mix(in srgb, var(--g-sale) 4%, var(--g-bg)) 100%
    );
  }
}
