/* =========================================================
   KANO — Store Product Image Center Fix (LOAD LAST)
   Problem: Some CSS rules enlarge + offset images:
     .product-img { width:112%/125%; left:-6%/-12%; top:-6%/-10%; }  (etc.)
   This makes EVERY product look "shifted".
   Fix: force images to fill the tile without offsets.
   ========================================================= */

/* Make the image tile a stable positioning context */
section#product-list.store-grid .product-image-wrap.spreadshirt-image{
  position: relative !important;
  overflow: hidden !important;
}

/* HARD RESET for both main & hover images */
section#product-list.store-grid .product-image-wrap.spreadshirt-image img.product-img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* No optical offset tricks */
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  transform: none !important;

  /* Visual behavior */
  object-fit: cover !important;         /* full tile, no letterboxing */
  object-position: 50% 50% !important;  /* dead-center */

  padding: 0 !important;
  display: block !important;
}

/* If you want NO CROPPING (fits fully), switch cover->contain:
   object-fit: contain !important;
*/

/* =========================================================
   KANO — STORE PRODUCT IMAGE: NUCLEAR CENTER RESET
   Bu patch: left/top offset + width>100% hack'lerini öldürür
========================================================= */

/* Tile context */
#product-list .product-image-wrap,
#product-list .product-image-wrap.spreadshirt-image{
  position: relative !important;
  overflow: hidden !important;
}

/* Hem ana hem hover görselleri: FULL CENTER */
#product-list img.product-img,
#product-list .product-image-wrap img.product-img,
#product-list a.product-link img.product-img{
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  margin: 0 !important;
  transform: none !important;

  object-fit: cover !important;          /* kutuyu tam doldursun */
  object-position: 50% 50% !important;   /* dead-center */

  padding: 0 !important;
  display: block !important;
}

/* Daha spesifik "hoodie/top:-14%" gibi kuralları da ez */
#product-list img.product-img[src*="hoodie"],
#product-list img.product-img[src*="sweat"]{
  top: 0 !important;
}