/* ORTAK ÜRÜN KARTI — GÖRÜNÜM. İşaretlemesi js/urun-kart.js'te.
 *
 * Kullanıcı kuralı (2026-10-09): "yeni liste-1.html'de bir ürünü nasıl
 * listeliyorsak tüm ürün listeleme ekranlarında aynı listeleme şekilleri olsun."
 * İşaretleme tek dosyaya alınmıştı ama GÖRÜNÜM her sayfanın <style> bloğunda
 * ayrı ayrı yazılıydı ve aynı sınıflar sayfadan sayfaya farklı davranıyordu.
 *
 * ÖLÇÜLEN HATA — bu dosyanın asıl sebebi: js/urun-kart.js tam kartta kampanya
 * rozetine `solda` sınıfını ekliyor ama hiçbir sayfa onu TANIMLAMAMIŞTI.
 * liste-1'de temel kural zaten `left` olduğu için sorun görünmüyordu;
 * ana-3 ve urun-2'de temel kural `right` olduğu için rozet SAĞ ÜSTTE kalıyor ve
 * favori kalbinin altına giriyordu — yani kullanıcının en başta bildirdiği
 * "kalp, kampanya yüzdesini kapattı" hatası yeni temada geri gelmişti.
 *
 * DEĞİŞKENLER: her değere yedek verildi, çünkü bu dosyayı yükleyen sayfaların
 * paletleri farklı (favorilerim.html'de --grn2/--text3 hiç tanımlı değil ve
 * yedeksiz var() fiyatı GÖRÜNMEZ yapardı).
 *
 * SAYFAYA ÖZEL kalanlar burada DEĞİL: ızgara/şerit yerleşimi (.izgara, .serit)
 * ve iskelet (.ur-isk) sayfanın kendi işidir; kartın kendisi her yerde aynıdır.
 */

.urun-kart{
  background:var(--surf,#fff);
  border:1px solid var(--bdr,#e5e7eb);
  border-radius:16px;
  overflow:hidden;
  transition:all .2s;
  text-decoration:none;
  color:var(--text,#111827);
  display:block;
  position:relative;
}
.urun-kart:hover{
  border-color:var(--acc,#1d4ed8);
  box-shadow:0 16px 34px -18px rgba(29,78,216,.45);
  transform:translateY(-3px);
}

.urun-gorsel{
  width:100%;aspect-ratio:1;
  background:linear-gradient(135deg,#f6f7fb,#eef2f9);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
/* `contain`: katalog görselleri kare DEĞİL ve `cover` ürünün kenarlarını
   kırpıyordu (kullanıcı: "üstten alttan kırpmasın"). */
.urun-gorsel img{width:100%;height:100%;object-fit:contain;padding:12px}
.urun-gorsel-ph{font-size:34px;opacity:.45}

.urun-info{padding:13px 14px 15px}
.urun-adi{
  font-size:13.5px;font-weight:600;line-height:1.38;margin-bottom:8px;
  min-height:38px;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  color:var(--text,#111827);
}

/* Fiyat ARALIĞI iki satıra sığsın; kart yüksekliği içerikle büyüyor. */
.urun-fiyat{font-size:15px;font-weight:800;color:var(--grn2,#15803d);line-height:1.3;display:block}
.urun-fiyat-eski{display:block;font-size:11.5px;color:var(--text3,#9ca3af);text-decoration:line-through;line-height:1.25;font-weight:600}
/* "+KDV" bir FİYAT NİTELEYİCİSİ: okunmazsa müşteri fiyatı KDV dahil sanır.
   Ölçüldü: --text3 beyaz üstünde 2,54:1 (eşik 4,5); --text2 ile 4,9:1. */
.urun-fiyat-kdv{font-size:10px;color:var(--text2,#6b7280);font-weight:500;margin-left:2px}
.urun-fiyat-talep{font-size:12.5px;color:var(--text3,#9ca3af);font-weight:600}
.urun-fiyat-indirim{font-size:15px;font-weight:800;color:var(--grn2,#15803d);display:block;line-height:1.3}
.urun-alt-bilgi{font-size:10.5px;color:var(--text3,#9ca3af);margin-top:5px;font-weight:600}

/* ── KÖŞE ROZETLERİ ──
   Kampanya yüzdesi SOL üstte, favori kalbi SAĞ üstte (kullanıcı isteği):
   ikisi aynı köşede olduğunda kalp rozetin üstüne biniyordu. */
.kamp-indirim-rozet{
  position:absolute;top:9px;left:9px;z-index:2;
  display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;
  font-size:12px;font-weight:800;padding:3px 9px 3px 7px;border-radius:7px;
  white-space:nowrap;box-shadow:0 2px 8px rgba(180,83,9,.4);
}
/* js/urun-kart.js tam kartta bu sınıfı ekliyor. Temel kural zaten solda ama
   sınıf TANIMLI kalmalı: bir sayfa rozeti sağa alırsa tam kart yine sola döner
   ve kalple çakışma geri gelmez. */
.kamp-indirim-rozet.solda{left:9px;right:auto}
.kamp-indirim-rozet svg{width:10px;height:10px;flex-shrink:0}
.urun-kart .favori-btn{top:9px;right:9px}

.ur-rozet-yeni{position:absolute;top:9px;left:9px;z-index:2;background:var(--grn2,#15803d);color:#fff;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:20px}
.ur-rozet-stok{position:absolute;top:9px;left:9px;z-index:2;background:rgba(21,128,61,.95);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}

/* Canlı karttaki "Ürün Detay" çubuğu + galeri büyüteci (js/urun-ek-bilgi.js) */
.urun-kart .urun-kart-detay{border-radius:10px;font-size:12.5px}
.urun-kart .urun-kart-buyut{border-radius:10px}

/* ── KAMPANYA RENKLERİ (kullanıcı isteği 2026-10-15): TURUNCU = KAMPANYA ──
   Kampanyasız fiyat ÜSTÜ ÇİZİLİ, az soluk YEŞİL (eskiden gri / çok soluk yeşildi,
   okunmuyordu); kampanyalı fiyat TURUNCU; yüzde rozeti turuncu ETİKET simgesi +
   yalnızca "%10" (yazı yok, mobilde yer kaplamasın). 2026-10-07'deki "kampanya
   fiyatı da yeşil" kuralının YERİNİ aldı. Sayfanın eski kurallarının üstüne
   yazıyor — renkleri değiştirecekseniz BURAYI değiştirin. */
/* Rakam okunmalı (kullanıcı 2026-10-15: "altında kalan fiyat gözükmüyor"): yazı TAM
   OPAK ve 1,5 punto büyük, yalnızca ÇİZGİ yarı saydam. */
.fiyat-nihai-ustu,.fiyat-nihai-ikincil,#fiyat-tbody .fiyat-nihai-ustu,.urun-fiyat-eski{
  color:#16a34a;opacity:1;font-weight:700;text-decoration:line-through;
  /* Çizgi rakamla AYNI yeşil olunca kesişimde rakamla kaynaşıp 5/6/0'ı okunmaz yapıyordu
     (canlıda büyütülerek görüldü). İnce, rakamdan FARKLI tonda yarı saydam koyu çizgi. */
  text-decoration-color:rgba(31,41,55,.45);text-decoration-thickness:1px}
#fiyat-tbody .fiyat-nihai-ustu,.fiyat-nihai-ustu{font-size:13px}
.fiyat-nihai-ikincil{font-size:12.5px}
.urun-fiyat-eski{font-size:13px}
.fiyat-satis-kampanyali,#fiyat-tbody .fiyat-satis-kampanyali,.sag-kolon #fiyat-tbody .fiyat-satis-kampanyali,
.urun-fiyat-indirim,.urun-fiyat.kamp{color:#ea580c}
.kamp-indirim-rozet,.u-roz-kamp{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px rgba(234,88,12,.35)}