/* atlas — kurumsal renkler (siteye göre yalnız bu dosya değişir)
   ana       : düğme, bağlantı, şerit bandı, simge zemini (beyaz yazıyla okunur koyulukta olmalı)
   ana-koyu  : ana rengin üstüne gelince
   ana-acik  : sayfa başlığı zemini, simge kutuları, tanıtım bölümünün alt tonu
   koyu      : başlık ve menü yazı rengi
   alt       : alt bilgi zemini
   BOILINGES.COM: logo mavisi #009ee3, beyaz yazı okunsun diye bir ton koyu (2026-11-01) */
:root {
	--at-ana: #007dbd;
	--at-ana-koyu: #00659a;
	--at-ana-acik: #e8f5fc;
	--at-koyu: #17384d;
	--at-alt: #10232f;
}
.at-logo img { height: 52px; }

/* Ürün kartları: her ekranda yan yana iki kart, görsel kırpılmadan, satırdaki kartlar eşit boy (2026-11-01) */
.at-izgara.at-urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.at-izgara.at-urun-izgara .at-kutu-gorsel { aspect-ratio: 4 / 3; }
.at-izgara.at-urun-izgara .at-kutu-kart { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #e3e8ec; border-radius: var(--at-yuvarlak); background: #fff; transition: border-color .25s; }
.at-izgara.at-urun-izgara .at-kutu-kart:hover { border-color: var(--at-ana); }
.at-izgara.at-urun-izgara .at-kutu-gorsel, .at-izgara.at-urun-izgara .at-kutu-gorsel.is-logo { flex: none; padding: 14px; border-radius: 0; background: #fff !important; box-shadow: none; }
.at-izgara.at-urun-izgara .at-kutu-gorsel { position: relative; }
.at-izgara.at-urun-izgara .at-kutu-gorsel img { position: absolute; left: 14px; top: 14px; width: calc(100% - 28px) !important; height: calc(100% - 28px) !important; max-width: none; max-height: none; margin: 0; object-fit: contain !important; }
.at-izgara.at-urun-izgara .at-kutu-kart:hover .at-kutu-gorsel img { transform: scale(1.04); }
.at-izgara.at-urun-izgara .at-kutu-bilgi { flex: 1; margin: 0; padding: 22px 20px 20px; border-radius: 0; box-shadow: none; }
.at-izgara.at-urun-izgara .at-kutu-bilgi .at-yuvarlak-ok { top: -22px; right: 16px; width: 44px; height: 44px; }
.at-izgara.at-urun-izgara .at-kutu-bilgi b { padding-right: 0; font-size: 18px; }
.at-izgara.at-urun-izgara .at-kutu-bilgi span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; line-height: 1.6; }
@media (max-width: 640px) {
	.at-izgara.at-urun-izgara { gap: 12px; }
	.at-izgara.at-urun-izgara .at-kutu-gorsel { aspect-ratio: 1; }
	.at-izgara.at-urun-izgara .at-kutu-gorsel, .at-izgara.at-urun-izgara .at-kutu-gorsel.is-logo { padding: 8px; }
	.at-izgara.at-urun-izgara .at-kutu-gorsel img { left: 8px; top: 8px; width: calc(100% - 16px) !important; height: calc(100% - 16px) !important; }
	.at-izgara.at-urun-izgara .at-kutu-bilgi { padding: 18px 12px 14px; }
	.at-izgara.at-urun-izgara .at-kutu-bilgi .at-yuvarlak-ok { top: -17px; right: 8px; width: 34px; height: 34px; }
	.at-izgara.at-urun-izgara .at-yuvarlak-ok svg { width: 15px; height: 15px; }
	.at-izgara.at-urun-izgara .at-kutu-bilgi b { font-size: 15px; }
	.at-izgara.at-urun-izgara .at-kutu-bilgi span { margin-top: 6px; font-size: 13px; line-height: 1.5; }
}