/* Kolay Home — içerik listesi ve detayı */
.kh-kat-aciklama { max-width: 860px; margin-bottom: 34px; }

/* Mağaza adresleri */
.kh-magazalar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.kh-magaza { display: flex; flex-direction: column; align-items: center; padding: 30px 26px 26px; border: 1px solid var(--kh-cizgi); border-radius: 16px; text-align: center; transition: border-color .2s; }
.kh-magaza:hover { border-color: #cfccc8; }
.kh-magaza-ikon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 50%; background: var(--kh-pembe); color: var(--kh-kirmizi); }
.kh-magaza-ikon svg { width: 24px; height: 24px; }
.kh-magaza h2 { font-size: 19px; margin-bottom: 8px; color: var(--kh-kirmizi); }
.kh-magaza p { font-size: 14px; color: var(--kh-yazi); margin-bottom: 16px; }
.kh-magaza-yol { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--kh-lacivert); }
.kh-magaza-yol svg { width: 15px; height: 15px; transition: transform .2s; }
.kh-magaza-yol:hover { color: var(--kh-kirmizi); }
.kh-magaza-yol:hover svg { transform: translateX(3px); }

/* Kart ızgarası */
.kh-icerikler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.kh-icerik-kart { display: flex; flex-direction: column; border: 1px solid var(--kh-cizgi); border-radius: 16px; overflow: hidden; transition: border-color .2s; }
.kh-icerik-kart:hover { border-color: #cfccc8; }
.kh-icerik-gorsel { display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--kh-zemin); overflow: hidden; }
.kh-icerik-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.kh-icerik-kart:hover .kh-icerik-gorsel img { transform: scale(1.05); }
.kh-icerik-gorsel img.kh-icerik-logo { width: 45%; height: auto; opacity: .3; }
.kh-icerik-govde { flex: 1; display: flex; flex-direction: column; padding: 18px 20px 20px; }
.kh-icerik-kart h3 { font-size: 17px; margin-bottom: 8px; }
.kh-icerik-kart p { font-size: 14px; color: var(--kh-soluk); margin-bottom: 14px; }
.kh-icerik-oku { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--kh-kirmizi); }
.kh-icerik-oku svg { width: 15px; height: 15px; }

/* Detay */
.kh-detay { max-width: 920px; }
.kh-detay-ozet { margin-bottom: 26px; font-size: 17px; color: var(--kh-lacivert); }
.kh-detay-gorsel { display: block; margin-bottom: 30px; border-radius: 16px; overflow: hidden; cursor: zoom-in; }
.kh-detay-gorsel img { width: 100%; }
.kh-galeri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
.kh-galeri a { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--kh-zemin); }
.kh-galeri img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.kh-galeri a:hover img { transform: scale(1.05); }

@media (max-width: 991px) {
	.kh-magazalar, .kh-icerikler { grid-template-columns: 1fr 1fr; }
	.kh-galeri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.kh-magazalar, .kh-icerikler { grid-template-columns: 1fr; gap: 14px; }
	.kh-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}