/* =======================
   FAVORİLER — ORANTI SABİTLEME (EN KRİTİK FIX)
   Her kartta ürün görselini kare panel yapar, kart boylarını dengeler
   ======================= */

/* Grid item'lar eşit uzasın */
#fav-list.store-grid{
  align-items: stretch !important;
}

/* Kartların kendi içinde dikey düzen */
#fav-list.store-grid > *{
  height: 100% !important;
  min-height: 0 !important;
}

#fav-list.store-grid > * > a{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Ürün görseli: favori kartında genelde <a> içindeki ilk img.
   İkonları yakalamamak için icons path'i dışlıyoruz. */
#fav-list.store-grid > * > a > img:first-of-type:not([src*="/icons/"]):not([src*="assets/img/icons/"]){
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;     /* <-- hepsini kare yapar */
  height: auto !important;
  object-fit: contain !important;      /* <-- bozmadan sığdır */
  object-position: center !important;
  background: #efefef !important;      /* <-- panel rengi */
  display: block !important;
  border-radius: 0 !important;
  padding: 24px !important;            /* <-- küçük görselleri “dolgun” gösterir */
  box-sizing: border-box !important;

  /* Önceki CSS’ten gelen absolute/inset vs. varsa ez */
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

/* Bazı kartlarda img wrapper içinde olabilir — onu da kareye zorla */
#fav-list .product-image-wrap,
#fav-list .product-media,
#fav-list .product-img-wrap,
#fav-list .product-image,
#fav-list .product-thumb,
#fav-list .card-media,
#fav-list .media{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #efefef !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

/* Wrapper içindeki img (varsa) */
#fav-list .product-image-wrap img,
#fav-list .product-media img,
#fav-list .product-img-wrap img,
#fav-list .product-image img,
#fav-list .product-thumb img,
#fav-list .card-media img,
#fav-list .media img{
  width: 92% !important;
  height: 92% !important;
  object-fit: contain !important;
  object-position: center !important;

  /* yine absolute kaynaklı dengesizlik varsa öldür */
  position: static !important;
  inset: auto !important;
}

/* Başlıklar farklı uzunlukta olunca kart boyu değişmesin */
#fav-list .product-name,
#fav-list .product-title,
#fav-list h3,
#fav-list .title{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: calc(16px * 1.25 * 2) !important;
}

/* CTA alanını (select/button) kartın en altına kilitle (varsa) */
#fav-list form,
#fav-list .actions,
#fav-list .product-actions,
#fav-list .card-actions,
#fav-list .fav-actions,
#fav-list .buy-actions,
#fav-list .cta{
  margin-top: auto !important;
}