/* atlas — ürün listesi ve detayı (yan liste icerikler.css'ten) */
.at-urun-aciklama { max-width: 820px; margin-bottom: 40px; }
.at-urun-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.at-urun { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 50px; align-items: start; }
.at-urun-ana { display: block; overflow: hidden; border-radius: var(--at-yuvarlak); background: var(--at-zemin); }
.at-urun-ana img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--at-beyaz); transition: transform 1.2s var(--at-gecis); }
.at-urun-ana:hover img { transform: scale(1.05); }
.at-urun-kucukler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.at-urun-kucukler a { overflow: hidden; aspect-ratio: 1; border-radius: 10px; background: var(--at-zemin); border: 1px solid var(--at-cizgi); transition: border-color .3s; }
.at-urun-kucukler a:hover { border-color: var(--at-ana); }
.at-urun-kucukler img { width: 100%; height: 100%; object-fit: contain; background: var(--at-beyaz); }
.at-urun-kat { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--at-ana); }
.at-urun-bilgi h2 { font-size: clamp(26px, 2.6vw, 36px); margin-bottom: 12px; }
.at-urun-kod { margin-bottom: 18px; font-size: 14px; font-weight: 700; color: var(--at-soluk); }
.at-urun-bilgi .at-dugme { margin-top: 10px; }
.at-urun-detay { margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--at-cizgi); }
.at-urun-benzer { margin-top: 70px; }
.at-urun-benzer h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 26px; }
.at-katalog { display: grid; gap: 8px; margin-top: 26px; padding: 24px; border-radius: var(--at-yuvarlak); background: var(--at-ana-acik); }
.at-katalog b { margin-bottom: 4px; font-family: var(--at-baslik-font); font-size: 19px; font-weight: 600; color: var(--at-koyu); }
.at-katalog a { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--at-ana); }
.at-katalog a svg { width: 20px; height: 20px; flex: 0 0 auto; transition: transform .3s; }
.at-katalog a:hover svg { transform: translateY(-2px) rotate(-6deg); }
@media (max-width: 1199px) {
	.at-urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.at-urun { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 640px) {
	.at-urun-izgara { grid-template-columns: minmax(0, 1fr); }
}