.kutu-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.kutu{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.kutu img{width:100%;aspect-ratio:10/12;height:auto;object-fit:cover;display:block;background:#f5f5f7}
.kutu h3{padding:10px 12px;font-size:16px}
.fiyat{color:#0a7c2f;font-weight:700;padding:0 12px 12px}
.kart-alt{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-top:1px solid #f1f2f4;background:#fafbfe;position:relative;z-index:2}
.urun-kart .kapak{display:block;position:relative;z-index:1}


/* ============================================================
   Ürün Liste Grid Ayarı
   ------------------------------------------------------------
   Kolon sayısını Ayar.php içindeki URUN_GRID_KOLON_SAYISI sabiti
   ile değiştirebilirsiniz (gorunumler/baslik.php :root'a basar).
   İsterseniz burada da override edebilirsiniz:
   :root{ --urun-grid-kolon: 4; --urun-grid-kolon-mobil: 1; }
   ============================================================ */
#urun-izgara.kutu-izgara{
  display:grid;
  grid-template-columns: repeat(var(--urun-grid-kolon, 4), minmax(0,1fr));
  gap:16px;
}
@media (max-width:900px){
  #urun-izgara.kutu-izgara{
    grid-template-columns: repeat(var(--urun-grid-kolon-mobil, 1), minmax(0,1fr));
  }
}


/* İndirimli fiyat görünümü */
.fiyat .eski{ text-decoration:line-through; opacity:.65; margin-right:8px; }
.fiyat .yeni{ font-weight:800; }