/* Hacıoğulları AVM — içerik listesi ve detayı */
.ha-kat-aciklama { max-width: 860px; margin-bottom: 34px; }

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

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

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

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