/* Selinay — içerik listesi ve detay */
.sl-kart-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.sl-kart { display: flex; flex-direction: column; gap: 12px; }
.sl-kart-gorsel { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sl-zemin); border: 1px solid var(--sl-cizgi); }
.sl-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--sl-gecis); }
.sl-kart-gorsel img.is-logo { width: 46%; height: auto; object-fit: contain; opacity: .5; }
.sl-kart:hover .sl-kart-gorsel img { transform: scale(1.07); }
.sl-kart b { font-family: var(--sl-el); font-weight: 400; font-size: 17px; line-height: 1.4; color: var(--sl-koyu); transition: color .25s; }
.sl-kart:hover b { color: var(--sl-kirmizi); }
.sl-yazi .sl-metin { max-width: 900px; }
.sl-galeri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.sl-galeri a { display: block; aspect-ratio: 1; overflow: hidden; background: var(--sl-zemin); }
.sl-galeri img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--sl-gecis); }
.sl-galeri a:hover img { transform: scale(1.07); }
@media (max-width: 991px) {
	.sl-kart-izgara, .sl-galeri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.sl-kart-izgara, .sl-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}