/* GMK AİR - düzeltmeler
   styles.css'ten SONRA yüklenir; tema dosyasına dokunulmaz.
   Kapsam bilerek dar tutuldu: temanın grid kart tasarımına karışılmıyor,
   yalnızca bozuk olan "tekli" (liste) görünüm düzeltiliyor. */

/* Tema, grid kartlara aspect-ratio 1/1.33 veriyor ama .style-list'i hariç
   tutuyor. Sarmalayıcının yüksekliği olmayınca flex kutusu açıklama metni
   kadar dikeyde geriliyor ve object-fit:cover görseli ince bir şeride
   kırpıyordu; fotoğrafın sadece küçük bir kısmı görünüyordu. */
.card-product.style-list .card-product-wrapper {
  align-self: flex-start;
  flex: 0 0 auto;
  aspect-ratio: 1 / 1;
}

/* Kare kutuda cover, dikey ürün fotoğrafının %35'ini kırpardı; contain ile
   ürünün tamamı görünür. Zemin ürün görselleriyle aynı: beyaz. */
.card-product.style-list .card-product-wrapper img {
  object-fit: contain;
  background-color: #fff;
}

/* Dar ekranda liste kartı yan yana sığmıyor; alt alta geçsin. */
@media (max-width: 767px) {
  .card-product.style-list {
    flex-direction: column;
  }

  .card-product.style-list .card-product-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .card-product.style-list .card-product-info {
    max-width: 100%;
  }
}