.card.item,
.liste-karti,
#yaklasanList .item,
#gecmisList .item {
  margin-bottom: 12px;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
}   
    
.item-inner,
.liste-karti-icerik {
  display:grid;    
  grid-template-columns:160px 1fr;
  gap:8px;
  align-items:center
}  

.thumb,
.liste-karti-gorsel {
  display:block;
  border-radius: 12px;
  overflow:hidden
}

.thumb img,
.liste-karti-gorsel img{display:block;
  width:100%;
  height:100%;
  aspect-ratio:4/3;
  object-fit:cover
}

.title,
.liste-karti-baslik { /* DÃœZELTÄ°LDÄ°: nokta eklendi */
  font-weight:700;
  margin-bottom:6px;
}  
  /* --- 2. GALERİ (grid) GÖRÜNÜMÜ --- */

#yaklasanList.grid { 
  display: grid; 
  gap: 12px; 
  grid-template-columns: repeat(3, minmax(0, 1fr));             
}

#gecmisList.grid {
  display: grid !important;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#yaklasanList.grid > div {
  border-top: 0 !important;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px !important;
  background: #fff;
}

#yaklasanList.grid > div:hover, 
#gecmisList.grid > div:hover { 
  box-shadow: 0 1px 8px rgba(0,0,0,.06); 
}  

@media (max-width: 992px){ 
  #yaklasanList.grid, 
  #gecmisList.grid { 
    grid-template-columns: repeat(2, minmax(0,1fr)); 
  } 
}

@media (max-width: 640px){ 
  #yaklasanList.grid,
  #gecmisList.grid { 
    grid-template-columns: 1fr; 
  } 
}
  /* --- GALERİ (grid) görünümü --- */

#yaklasanList.grid > div.item, 
#gecmisList.grid > div.item { 
  border-top: 0 !important;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 0 !important;
  overflow: hidden;
  background: #fff;
}  

#yaklasanList.grid > .item:hover,
#gecmisList.grid > .item:hover { 
    box-shadow: 0 1px 8px rgba(0,0,0,.06); 
}

#yaklasanList.grid .item-inner, 
#gecmisList.grid .item-inner,
#yaklasanList.grid .liste-karti-icerik,
#gecmisList.grid .liste-karti-icerik {
  display: block !important;
  grid-template-columns: none !important;
}

#yaklasanList.grid .thumb, 
#gecmisList.grid .thumb,
#yaklasanList.grid .liste-karti-gorsel,
#gecmisList.grid .liste-karti-gorsel {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
  
#yaklasanList.grid .thumb img, 
#gecmisList.grid .thumb img,
#yaklasanList.grid .liste-karti-gorsel img,
#gecmisList.grid .liste-karti-gorsel img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10 !important;
  object-fit: cover;
  display: block;
}





#yaklasanList.grid .title, 
#gecmisList.grid .title,
#yaklasanList.grid .liste-karti-baslik, 
#gecmisList.grid .liste-karti-baslik { 
  margin: 8px 10px 0 10px; 
}

#yaklasanList.grid .desc, 
#gecmisList.grid .desc,
#yaklasanList.grid .liste-karti-aciklama, 
#gecmisList.grid .liste-karti-aciklama  { 
  margin: 4px 10px 0 10px; 
}

#yaklasanList.grid .meta, 
#gecmisList.grid .meta,
#yaklasanList.grid .liste-karti-meta, 
#gecmisList.grid .liste-karti-meta  { 
  margin: 6px 10px 10px 10px; 
}




/* Kompakt sayfalama */
  .pager,
  .sayfalama{ 
    display:flex; gap:6px; 
    flex-wrap:wrap; justify-content:center; 
    align-items:center; margin-top:12px; 
    padding:10px; 
  }

  .pager-btn,
  .sayfalama-dugmesi{ display:inline-flex; 
    align-items:center; justify-content:center; 
    padding:4px 10px; font-size:13px; line-height:1.2;
    border-radius:999px; border:1px solid #e5e7eb; 
    background:#f8fafc; color:#6b7280; 
    text-decoration:none; 
    transition: filter .15s ease; 
  }

  .pager-btn:hover,
  .sayfalama-dugmesi:hover{ 
    filter:brightness(0.98); 
  }

  .pager-btn.is-active,
  .sayfalama-dugmesi.is-active{ 
    background:#2563eb; 
    border-color:#2563eb;   
    color:#fff; 
  }

  .pager-btn.is-disabled,
  .sayfalama-dugmesi.is-disabled{ pointer-events:none; opacity:.5; 
  }